公司新项目中需要用到九宫格解锁这个功能。都说不会偷懒的程序猿不是好程序猿，第一时间肯定是先去github上查找是否有该类型的开源库啦，可惜搜索的结果寥寥无几，适合我们项目需求的基本上没有，于是就只能参考其他网友源码，然后结合自己的需求，写了一个（主要的实现效果还是参考支付宝和微信的九宫格解锁界面）。该文章只介绍该库的基本用法，如需了解实现过程，请移步github查看源码，源码地址在文章后面。
实现的最终效果见图片：
-
设置与验证效果
-
修改与清除效果
实现代码
- xm布局：
<com.leo.gesturelibray.view.CustomLockView
android:id="@+id/lv_lock"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:background="@color/white"
app:color_error_ring="#e91515"
app:color_on_ring="#64a460"
app:color_up_ring="#3ce915"
app:inner_background_width="19dp"
app:inner_ring_width="14dp"
app:outer_ring_spacing_width="45dp" />
- 属性说明
| 属性 | 说明 |
|---|---|
| app:color_error_ring | 密码输入错误时，圆的颜色 |
| app:color_on_ring | 按下时，圆的颜色 |
| app:color_up_ring | 未按下时，圆的颜色 |
| app:inner_background_width | 圆与圆之间的间距（我是根据圆之间的间距来控制圆） |
| app:inner_ring_width | 第二个圆的直径，半透明颜色的那个 |
| app:outer_ring_spacing_width | 第三个圆的直径，最小的那个 |
3.代码片段：
- 初始化CustomLockView配置
@Override
public void initView() {
//显示绘制方向
lvLock.setShow(true);
//允许最大输入次数
lvLock.setErrorNumber(3);
//密码最少位数
lvLock.setPasswordMinLength(4);
//编辑密码或设置密码时，是否将密码保存到本地，配合setSaveLockKey使用
lvLock.setSavePin(true);
//保存密码Key
lvLock.setSaveLockKey(Contants.PASS_KEY);
}
- 设置mode
@Override
public void initData() {
//设置模式
LockMode lockMode = (LockMode) getIntent().getSerializableExtra(Contants.INTENT_SECONDACTIVITY_KEY);
setLockMode(lockMode);
}
- setLockMode详细代码
private void setLockMode(LockMode mode) {
String str = "";
switch (mode)
{
case CLEAR_PASSWORD:
str = "清除密码"
setLockMode(CLEAR_PASSWORD, PasswordUtil.getPin(this), str);
break;
case EDIT_PASSWORD:
str = "修改密码";
setLockMode(LockMode.EDIT_PASSWORD, PasswordUtil.getPin(this), str);
break;
case SETTING_PASSWORD:
str = "设置密码";
setLockMode(SETTING_PASSWORD, null, str);
break;
case VERIFY_PASSWORD:
str = "验证密码";
setLockMode(LockMode.VERIFY_PASSWORD, PasswordUtil.getPin(this), str);
break;
}
tvText.setText(str);
}
- 设置密码输入接口回调
lvLock.setOnCompleteListener(onCompleteListener);
- 接口回调方法详情
CustomLockView.OnCompleteListener onCompleteListener = new CustomLockView.OnCompleteListener() {
@Override
public void onComplete(String password, int[] indexs) {
tvHint.setText(getPassWordHint());
finish();
}
@Override
public void onError(String errorTimes) {
tvHint.setText("密码错误，还可以输入" + errorTimes + "次");
}
@Override
public void onPasswordIsShort(int passwordMinLength) {
tvHint.setText("密码不能少于" + passwordMinLength + "个点");
}
@Override
public void onAginInputPassword(LockMode mode, String password, int[] indexs) {
tvHint.setText("请再次输入密码");
}
@Override
public void onInputNewPassword() { tvHint.setText("请输入新密码");
}
@Override
public void onEnteredPasswordsDiffer() {
tvHint.setText("两次输入的密码不一致");
}
@Override
public void onErrorNumberMany() {
tvHint.setText("密码错误次数超过限制，不能再输入");
}
};
