这篇博客详细介绍了如何在Android应用中实现登录界面，包括密码和验证码两种登录方式，以及找回密码的功能。登录界面包含文本验证、隐藏输入法的监听器，而找回密码界面则涉及验证码验证和两次密码一致性检查。用户在输入特定长度的文本后，输入法会自动隐藏。点击‘找回密码’按钮后，会生成验证码并显示给用户。当所有验证通过后，会弹出登录成功的提示，并返回登录界面。
效果图：
视图：
注意：忘记密码那一行的实现是用一个线性布局嵌套一个相对布局。
对应java文件：
1.登录界面：
package com.example.chapter05;
import androidx.activity.result.ActivityResult;
import androidx.activity.result.ActivityResultCallback;
import androidx.activity.result.ActivityResultLauncher;
import androidx.activity.result.contract.ActivityResultContracts;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;
import com.example.chapter05.util.ViewUtil;
import java.util.Random;
public class LoginMainActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener, View.OnClickListener {
private RadioGroup rg_login;
private TextView tv_password;
private EditText et_password;
private Button btn_forget;
private CheckBox ck_remember;
private EditText et_phone;
private RadioButton rb_password;
private RadioButton rb_verifycode;
private ActivityResultLauncher<Intent> register;
private Button btn_login;
private String mPassword = "111111";
private String mVerifyCode;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login_main);
rg_login = findViewById(R.id.rg_login);
tv_password = findViewById(R.id.tv_password);
et_password = findViewById(R.id.et_password);
btn_forget = findViewById(R.id.btn_forget);
ck_remember = findViewById(R.id.ck_remember);
rb_password = findViewById(R.id.rb_password);
rb_verifycode = findViewById(R.id.rb_verifycode);
et_phone = findViewById(R.id.et_phone);
btn_login = findViewById(R.id.btn_login);
// 设置单选监听器
rg_login.setOnCheckedChangeListener(this);
// 添加文本变更监听器
et_phone.addTextChangedListener(new HideTextWatcher(et_phone, 11));
et_password.addTextChangedListener(new HideTextWatcher(et_password, 6));
btn_forget.setOnClickListener(this);
btn_login.setOnClickListener(this);
register = registerForActivityResult(new ActivityResultContracts.StartActivityForResult(), new ActivityResultCallback<ActivityResult>() {
@Override
public void onActivityResult(ActivityResult result) {
}
});
}
@Override
public void onCheckedChanged(RadioGroup radioGroup, int i) {
switch (i) {
case R.id.rb_password:
tv_password.setText(getString(R.string.password));
et_password.setHint(getString(R.string.input_password));
btn_forget.setText(getString(R.string.forget_password));
ck_remember.setVisibility(View.VISIBLE);
break;
case R.id.rb_verifycode:
tv_password.setText(getString(R.string.verifycode));
et_password.setHint(getString(R.string.input_verifycode));
btn_forget.setText(getString(R.string.get_verifycode));
ck_remember.setVisibility(View.GONE);
break;
}
}
@Override
public void onClick(View view) {
String phone = et_phone.getText().toString();
switch (view.getId()) {
case R.id.btn_forget:
if (phone.length() < 11) {
Toast.makeText(this, "请输入正确的手机号", Toast.LENGTH_SHORT).show();
return;
}
//选择了密码校验方式，此时要跳转到找回密码页面
if (rb_password.isChecked()) {
//
Intent intent = new Intent(this, LoginForgetActivity.class);
intent.putExtra("phone", phone);
register.launch(intent);
} else if (rb_verifycode.isChecked()) {
// 生成六位随机数
mVerifyCode = String.format("%06d", new Random().nextInt(999999));
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setTitle("请记住验证码");
builder.setMessage("手机号" + phone + ",本次验证码是 " + mVerifyCode + ",请输入验证码");
builder.setPositiveButton("好的", null);
AlertDialog dialog = builder.create();
dialog.show();
}
break;
case R.id.btn_login:
// 密码方式校验
if (rb_password.isChecked()) {
if (!mPassword.equals(et_password.getText().toString())) {
Toast.makeText(this,"请输入正确的密码", Toast.LENGTH_SHORT).show();
return;
}
// 提示用户登录成功
loginSuccess();
}else if (rb_verifycode.isChecked()) {
// 验证码方式校验
if (!mVerifyCode.equals(et_password.getText().toString())) {
Toast.makeText(this,"请输入正确的验证码", Toast.LENGTH_SHORT).show();
return;
}
loginSuccess();
}
break;
}
}
// 校验通过，登录成功
private void loginSuccess() {
String desc = String.format("您的手机号是%s，恭喜你通过登录验证，点击“确定”按钮返回上一个页面",
et_phone.getText().toString());
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setTitle("登录成功");
builder.setMessage(desc);
builder.setPositiveButton("确定返回", (dialogInterface, i) -> {
finish();
});
builder.setNegativeButton("我再看看", null);
AlertDialog dialog = builder.create();
dialog.show();
}
// 定义一个编辑框监听器，输入文本达到指定长度的时候自动隐藏输入法
private class HideTextWatcher implements TextWatcher {
private EditText mView;
private int mMaxLength;
public HideTextWatcher(EditText v, int maxLength) {
this.mView = v;
this.mMaxLength = maxLength;
}
@Override
public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
}
@Override
public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
}
@Override
public void afterTextChanged(Editable s) {
if (s.toString().length() == mMaxLength) {
ViewUtil.hideOneInputMethod(LoginMainActivity.this,mView);
}
}
}
}
1.获取ID值，为控件设置文本变更监听器
2.选择登录方式的 onCheckedChanged 方法中使用 switch 进行判断，改变文本内容来实现密码和验证码两种登录方式的切换。从密码方式转到验证码之后会将电话号码传过去，非常银杏。
3.输入文本验证：给“找回密码”和“发送验证码”绑定点击事件。选择密码登录的话会对文本格式进行判断，不合格的格式会弹出Toast提醒；选择验证码方式的话会调用随机数方法生成一个六位数随机数。登录成功的话会弹出提示框。
4.定义一个编辑框监听器，输入文本达到指定长度的时候自动隐藏输入法。供上面调用。
2.找回密码界面：
视图：
对应java文件：
package com.example.chapter05;
import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;
import com.example.chapter05.util.ViewUtil;
import java.util.Random;
public class LoginForgetActivity extends AppCompatActivity implements View.OnClickListener {
private String mPhone;
private String mVerifyCode;
private EditText et_password_first;
private EditText et_password_second;
private EditText et_verifycode;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login_forget);
et_password_first = findViewById(R.id.et_password_first);
et_password_second = findViewById(R.id.et_password_second);
et_verifycode = findViewById(R.id.et_verifycode);
mPhone = getIntent().getStringExtra("phone");
findViewById(R.id.btn_verifycode).setOnClickListener(this);
findViewById(R.id.btn_confirm).setOnClickListener(this);
// 添加文本变更监听器
et_password_first.addTextChangedListener(new LoginForgetActivity.HideTextWatcher(et_password_first, 6));
et_password_second.addTextChangedListener(new LoginForgetActivity.HideTextWatcher(et_password_second, 6));
}
@Override
public void onClick(View view) {
switch (view.getId()) {
case R.id.btn_verifycode:
mVerifyCode = String.format("%06d", new Random().nextInt(999999));
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setTitle("请记住验证码");
builder.setMessage("手机号" + mPhone + ",本次验证码是 " + mVerifyCode + ",请输入验证码");
builder.setPositiveButton("好的", null);
AlertDialog dialog = builder.create();
dialog.show();
break;
case R.id.btn_confirm:
String password_first = et_password_first.getText().toString();
String password_second = et_password_second.getText().toString();
if (password_first.length() < 6) {
Toast.makeText(this,"请输入正确的密码", Toast.LENGTH_SHORT).show();
return;
}
if (!password_first.equals(password_second)) {
Toast.makeText(this,"两次输入的密码不一致", Toast.LENGTH_SHORT).show();
return;
}
if (!mVerifyCode.equals(et_verifycode.getText().toString())) {
Toast.makeText(this,"请输入正确的验证码", Toast.LENGTH_SHORT).show();
return;
}
Toast.makeText(this,"密码修改成功",Toast.LENGTH_SHORT).show();
// 把修改好的密码返回给上一个页面
Intent intent = new Intent();
intent.putExtra("new_password",password_first);
setResult(Activity.RESULT_OK, intent);
finish();
break;
}
}
// 定义一个编辑框监听器，输入文本达到指定长度的时候自动隐藏输入法
private class HideTextWatcher implements TextWatcher {
private EditText mView;
private int mMaxLength;
public HideTextWatcher(EditText v, int maxLength) {
this.mView = v;
this.mMaxLength = maxLength;
}
@Override
public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
}
@Override
public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
}
@Override
public void afterTextChanged(Editable s) {
if (s.toString().length() == mMaxLength) {
ViewUtil.hideOneInputMethod(LoginForgetActivity.this,mView);
}
}
}
}
跟上一个页面差不多，都有文本变更监视器来隐藏小键盘，还有两次密码判断是否一致和验证码自动生成和判断。确定之后跳回登录界面。
到此，一个简单的登录界面就完成了，拥有两种登录方式，并且支持找回密码。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
