文章标题

公司新项目中需要用到九宫格解锁这个功能。都说不会偷懒的程序猿不是好程序猿,第一时间肯定是先去github上查找是否有该类型的开源库啦,可惜搜索的结果寥寥无几,适合我们项目需求的基本上没有,于是就只能参考其他网友源码,然后结合自己的需求,写了一个(主要的实现效果还是参考支付宝和微信的九宫格解锁界面)。该文章只介绍该库的基本用法,如需了解实现过程,请移步github查看源码,源码地址在文章后面。

实现的最终效果见图片:
  • 设置与验证效果

  • 修改与清除效果




实现代码
  1. 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" />
  2. 属性说明
属性说明
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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值