Android 九宫格解锁

作者: 馒头先生 | 来源:发表于2016-04-10 02:10 被阅读2377次

    公司新项目中需要用到九宫格解锁这个功能。都说不会偷懒的程序猿不是好程序猿,第一时间肯定是先去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" />
    
    1. 属性说明
    属性 说明
    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吧

    相关文章

      网友评论

      • 93ad32873fdd:清除密码需要调用啥不?
      • b3f565d2994d:清除密码功能不能用,是bug还是调用的时候需要传递什么吗?
      • e77855e79c16:我想问一下 每个个子代表的字母能设置吗
        馒头先生:@Blank_Ant 实现的方式就是这样的。
        e77855e79c16: @馒头先生 就是说比如第一个格子代表0 第二个代表1,依次类推 我连线第一个到第三个 密码显示为0123
        馒头先生:@Blank_Ant ??不是很明白,你指的是什么?
      • Alex_Cin:找到你了!!!我们公司用的屏锁就是你的!
        馒头先生:@Alex_Cin 哈哈,一看就是理财类的
        Alex_Cin: @馒头先生 新版的都还没上线呢,叫聪明头 钱罐儿
        馒头先生:@Alex_Cin :relaxed:请问你们公司的app名字是?
      • 自在如风的滑板鞋:诺诺的问一句:这个动态图片怎样生成的。。。
        馒头先生:@Android入门到上天 :joy::joy:是不错,只是很久没用windows了
        逸小苼:@馒头先生 GifCam.exe 这是个好东西
        馒头先生:@CBob 我是直接用Android studio录制视频,然后再用ps转成gif图片

      本文标题:Android 九宫格解锁

      本文链接:https://www.haomeiwen.com/subject/rzsblttx.html