Android 九宮格解鎖

公司新項(xiàng)目中需要用到九宮格解鎖這個(gè)功能。都說(shuō)不會(huì)偷懶的程序猿不是好程序猿,第一時(shí)間肯定是先去github上查找是否有該類型的開(kāi)源庫(kù)啦,可惜搜索的結(jié)果寥寥無(wú)幾,適合我們項(xiàng)目需求的基本上沒(méi)有,于是就只能參考其他網(wǎng)友源碼,然后結(jié)合自己的需求,寫(xiě)了一個(gè)(主要的實(shí)現(xiàn)效果還是參考支付寶和微信的九宮格解鎖界面)。該文章只介紹該庫(kù)的基本用法,如需了解實(shí)現(xiàn)過(guò)程,請(qǐng)移步github查看源碼,源碼地址在文章后面。

實(shí)現(xiàn)的最終效果見(jiàn)圖片:
  • 設(shè)置與驗(yàn)證效果


  • 修改與清除效果


實(shí)現(xiàn)代碼
  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. 屬性說(shuō)明
屬性 說(shuō)明
app:color_error_ring 密碼輸入錯(cuò)誤時(shí),圓的顏色
app:color_on_ring 按下時(shí),圓的顏色
app:color_up_ring 未按下時(shí),圓的顏色
app:inner_background_width 圓與圓之間的間距(我是根據(jù)圓之間的間距來(lái)控制圓)
app:inner_ring_width 第二個(gè)圓的直徑,半透明顏色的那個(gè)
app:outer_ring_spacing_width 第三個(gè)圓的直徑,最小的那個(gè)

3.代碼片段:

  • 初始化CustomLockView配置
@Override
public void initView() {    
    //顯示繪制方向    
    lvLock.setShow(true);   
    //允許最大輸入次數(shù)    
    lvLock.setErrorNumber(3);
    //密碼最少位數(shù)    
    lvLock.setPasswordMinLength(4);    
    //編輯密碼或設(shè)置密碼時(shí),是否將密碼保存到本地,配合setSaveLockKey使用
    lvLock.setSavePin(true);
    //保存密碼Key
    lvLock.setSaveLockKey(Contants.PASS_KEY);
}
  • 設(shè)置mode
@Override
public void initData() {
    //設(shè)置模式
    LockMode lockMode = (LockMode) getIntent().getSerializableExtra(Contants.INTENT_SECONDACTIVITY_KEY);
    setLockMode(lockMode);
}
  • setLockMode詳細(xì)代碼
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 = "設(shè)置密碼";
            setLockMode(SETTING_PASSWORD, null, str);
            break;
        case VERIFY_PASSWORD:
            str = "驗(yàn)證密碼"; 
           setLockMode(LockMode.VERIFY_PASSWORD, PasswordUtil.getPin(this), str);
            break;
    }
    tvText.setText(str);
}
  • 設(shè)置密碼輸入接口回調(diào)
lvLock.setOnCompleteListener(onCompleteListener);
  • 接口回調(diào)方法詳情
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("密碼錯(cuò)誤,還可以輸入" + errorTimes + "次");
    }
    @Override
    public void onPasswordIsShort(int passwordMinLength) {
        tvHint.setText("密碼不能少于" + passwordMinLength + "個(gè)點(diǎn)");
    }
    @Override
    public void onAginInputPassword(LockMode mode, String password, int[] indexs) {
        tvHint.setText("請(qǐng)?jiān)俅屋斎朊艽a");
    }
    @Override
    public void onInputNewPassword() {        tvHint.setText("請(qǐng)輸入新密碼");
    }
    @Override
    public void onEnteredPasswordsDiffer() {
        tvHint.setText("兩次輸入的密碼不一致");
    }
    @Override
    public void onErrorNumberMany() {
        tvHint.setText("密碼錯(cuò)誤次數(shù)超過(guò)限制,不能再輸入");
    }
};
至此,該庫(kù)的基本用法已經(jīng)介紹完畢,第一次寫(xiě),有什么不足之處,請(qǐng)大家多多包涵。更多詳情的內(nèi)容請(qǐng)移步github源碼地址,如果覺(jué)得好用,請(qǐng)動(dòng)動(dòng)你的小手指給個(gè)star吧
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • ¥開(kāi)啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開(kāi)一個(gè)線程,因...
    小菜c閱讀 6,523評(píng)論 0 17
  • 當(dāng)年感覺(jué)九宮格解鎖很是高大上,一臉懵逼,今天正好要做解鎖這一塊業(yè)務(wù),回頭來(lái)看九宮格,這特么簡(jiǎn)單啊 首先理清一下邏輯...
    豬_隊(duì)友閱讀 1,289評(píng)論 1 2
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,333評(píng)論 25 708
  • 轉(zhuǎn)載請(qǐng)注明CSDN博文地址:http://blog.csdn.net/ls0609/article/details...
    ls0609閱讀 1,418評(píng)論 0 2
  • 這幾年中國(guó)北方的生存環(huán)境惡化日甚一日,水、食品、空氣,生命基本三要素沒(méi)一樣讓人放心,連我的家鄉(xiāng)青島這樣一個(gè)美譽(yù)度極...
    青島老黃閱讀 431評(píng)論 0 1