公司新项目中需要用到九宫格解锁这个功能。都说不会偷懒的程序猿不是好程序猿,第一时间肯定是先去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("密码错误次数超过限制,不能再输入"); } };
至此,该库的基本用法已经介绍完毕,第一次写,有什么不足之处,请大家多多包涵。更多详情的内容请移步github源码地址,如果觉得好用,请动动你的小手指给个star吧
</div>