用户登录记住密码

一:用户登录记住密码运行效果图:
用户登录记住密码_第1张图片
当用户选中了记住密码复选框,并成功登录一次之后,这个时候如果再重新启动登录界面,之前输入的用户名和密码就会显示在文本框中。
二:打开Android Studio创建一个Case_Login的应用程序。
1:在drawable下创建一个logintop_round.xml文件,用来描述背景形状和颜色


<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <corners android:radius="10dp">corners>
    <solid android:color="#55FFFFFF">solid>

shape>

2:在drawable下创建一个btn_select.xml,用来描述按钮按下时和未按下时的效果


<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/btn_shape" android:state_pressed="false">item>
    <item android:drawable="@drawable/btn_shape_after" android:state_pressed="false">item>

selector>

3:创建一个btn_shape.xml文件,用来改变颜色:


<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FF72CAE1">solid>
    <corners android:radius="10dp">corners>

shape>

4:创建一个btn_shape_after.xml文件,用来改变填充颜色和改变圆角数值


<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#87cefa">solid>
    <corners android:radius="10dp">corners>

shape>

5:创建一个loginbg.xml文件,写背景颜色


<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#FFACDAE5"
        android:endColor="#FF72CAE1"
        android:angle="45"/>

shape>

strings.xml文件代码如下:


    <string name="app_name">Case_Loginstring>
    <string name="etName">请输入账号string>
    <string name="etPass">请输入密码string>
    <string name="btnLogin">登录string>
    <string name="btnRegister">注册string>

6:在layout下创建一个login_top文件:


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="@dimen/activity_horizontal_margin"
    android:background="@drawable/logintop_round">


    <EditText
        android:id="@+id/etName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:drawable/edit_text"
        android:ems="10"
        android:drawableLeft="@drawable/icon_user"
        android:drawablePadding="10dp"
        android:hint="@string/etName">
        <requestFocus/>
    EditText>
    <EditText
        android:id="@+id/etPassword"
        android:layout_below="@id/etName"
        android:inputType="textPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:drawable/edit_text"
        android:ems="10"
        android:drawableLeft="@drawable/icon_pass"
        android:drawablePadding="10dp"
        android:hint="@string/etPass">
        <requestFocus/>
    EditText>
    <LinearLayout
        android:layout_below="@id/etPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <CheckBox
            android:text="记住密码"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/cbIsRememberPass"
            android:textSize="20sp"
            android:layout_weight="1" />

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginLeft="10dp"
            android:background="@drawable/btn_select"
            android:onClick="login"
            android:text="登录"
            />

    LinearLayout>

RelativeLayout>

在这个相对布局中有一个线性布局LinearLayout,用来放置账号和密码,在线性布局下方设置了一个CheckBox和Button按钮,用来单击记住密码和登录。
7:activity_login.xml下代码如下:


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_login"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:background="@drawable/loginbg"
    tools:context="com.edu.bzu.cn.case_login.LoginActivity">

    <include layout="@layout/login_top">include>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/deer"
        android:id="@+id/imageView"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginLeft="116dp"
        android:layout_marginStart="116dp" />
RelativeLayout>

8:在layout下创建一个activity_main.xml文件


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.edu.bzu.cn.case_login.MainActivity">

    <TextView
        android:text="Welcome you"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:textSize="40sp"
        android:layout_marginTop="194dp"
        android:id="@+id/textView" />
RelativeLayout>

9:LoginActivity下代码如下:

package com.edu.bzu.cn.case_login;

import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.Toast;

public class LoginActivity extends AppCompatActivity {
    private EditText etName;
    private EditText etPassword;
    private CheckBox cbIsRememberPass;
    private SharedPreferences sharedPreferences;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        initViews();
        sharedPreferences=getSharedPreferences("rememberpassword", Context.MODE_PRIVATE);
        boolean isRemember=sharedPreferences.getBoolean("rememberpassword",false);
        if(isRemember){
            String name=sharedPreferences.getString("name","");
            String password=sharedPreferences.getString("password","");
            etName.setText(name);
            etPassword.setText(password);
            cbIsRememberPass.setChecked(true);
        }
    }
    private void initViews() {
        etName=(EditText)findViewById(R.id.etName);
        etPassword=(EditText)findViewById(R.id.etPassword);
        cbIsRememberPass=(CheckBox)findViewById(R.id.cbIsRememberPass);
    }

    public void login(View view){
        String name=etName.getText().toString();
        String password=etPassword.getText().toString();
        if ("admin".equals(name)&&"123456".equals(password)) {
            SharedPreferences.Editor editor = sharedPreferences.edit();
            if (cbIsRememberPass.isChecked()) {
                editor.putBoolean("rememberpassword", true);
                editor.putString("name", name);
                editor.putString("password", password);
            } else {
                editor.clear();
            }
            editor.commit();
            Intent intent = new Intent(this, MainActivity.class);
            startActivity(intent);
            finish();
        }else {
            Toast.makeText(this,"账号或密码有误",Toast.LENGTH_LONG).show();
        }
    }
}

这里加了判断,如果账号或密码有误就弹出一个Toast提示,提示用户账号或密码有误,要重新填写。
三:运行效果图:
用户登录记住密码_第2张图片
用户登录记住密码_第3张图片
用户登录记住密码_第4张图片

你可能感兴趣的