公司新項目中需要用到九宮格解鎖這個功能。都說不會偷懶的程序猿不是好程序猿，第一時間肯定是先去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("密碼錯誤次數超過限制，不能再輸入");
}
};
