用户登录记住密码

一：用户登录记住密码运行效果图：



当用户选中了记住密码复选框，并成功登录一次之后，这个时候如果再重新启动登录界面，之前输入的用户名和密码就会显示在文本框中。

二：打开Android Studio创建一个Case_Login的应用程序。

1：在drawable下创建一个logintop_round.xml文件，用来描述背景形状和颜色

<?xml version="1.0" encoding="utf-8"?>
<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,用来描述按钮按下时和未按下时的效果

<?xml version="1.0" encoding="utf-8"?>
<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文件，用来改变颜色：

<?xml version="1.0" encoding="utf-8"?>
<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文件，用来改变填充颜色和改变圆角数值

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#87cefa"></solid>
<corners android:radius="10dp"></corners>

</shape>

5：创建一个loginbg.xml文件，写背景颜色

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#FFACDAE5"
android:endColor="#FF72CAE1"
android:angle="45"/>

</shape>

strings.xml文件代码如下：

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

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

<?xml version="1.0" encoding="utf-8"?>
<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下代码如下：

<?xml version="1.0" encoding="utf-8"?>
<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文件

<?xml version="1.0" encoding="utf-8"?>
<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提示，提示用户账号或密码有误，要重新填写。

三：运行效果图：