公司新項(xiàng)目中需要用到九宮格解鎖這個(gè)功能笆檀。都說不會(huì)偷懶的程序猿不是好程序猿，第一時(shí)間肯定是先去github上查找是否有該類型的開源庫啦装处，可惜搜索的結(jié)果寥寥無幾误债，適合我們項(xiàng)目需求的基本上沒有，于是就只能參考其他網(wǎng)友源碼妄迁，然后結(jié)合自己的需求寝蹈，寫了一個(gè)（主要的實(shí)現(xiàn)效果還是參考支付寶和微信的九宮格解鎖界面）。該文章只介紹該庫的基本用法登淘，如需了解實(shí)現(xiàn)過程箫老，請(qǐng)移步github查看源碼，源碼地址在文章后面黔州。
實(shí)現(xiàn)的最終效果見圖片：
-
設(shè)置與驗(yàn)證效果
-
修改與清除效果
實(shí)現(xiàn)代碼
- 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 | 密碼輸入錯(cuò)誤時(shí)耍鬓，圓的顏色 |
| app:color_on_ring | 按下時(shí)阔籽，圓的顏色 |
| app:color_up_ring | 未按下時(shí)，圓的顏色 |
| app:inner_background_width | 圓與圓之間的間距（我是根據(jù)圓之間的間距來控制圓） |
| 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ù)超過限制，不能再輸入");
}
};
