當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

android-手势密码

發(fā)布時(shí)間：2024/1/8 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 android-手势密码小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

引子

手勢(shì)密碼，移動(dòng)開(kāi)發(fā)中的常用功能點(diǎn)，看起來(lái)高大上，其實(shí)挺簡(jiǎn)單的。

本文提供?我自定義的?手勢(shì)密碼控件布局，以及使用方法，首先附上github地址：https://github.com/18598925736/EazyGesturePwdLayoutDemo

實(shí)際效果動(dòng)態(tài)圖

設(shè)置手勢(shì)密碼：

設(shè)置手勢(shì)密碼，當(dāng)?前后兩次的手勢(shì)不一樣時(shí)

校驗(yàn)手勢(shì)密碼-當(dāng)5次都錯(cuò)時(shí):

校驗(yàn)手勢(shì)密碼-當(dāng)5次之內(nèi)輸入正確時(shí)

重新設(shè)置手勢(shì)（之前設(shè)置過(guò)，現(xiàn)在需要修改手勢(shì)密碼）

源碼解析

首先說(shuō)下開(kāi)發(fā)思路：

上面的圖里面，我們主要看到了9個(gè)圓點(diǎn)，以及隨著手勢(shì)而產(chǎn)生的線條；

9個(gè)圓點(diǎn)，其實(shí)就是?自定義的View，如果你運(yùn)行demo，把手放上去的畫(huà)，你會(huì)發(fā)現(xiàn)原點(diǎn)會(huì)出現(xiàn)圓環(huán)背景，這是在自定義的時(shí)候加上的功能，至于圓環(huán)的顏色寬度神馬的，你開(kāi)心的話自己就行了。

至于線條，其實(shí)是?通過(guò)在一個(gè)自定義ViewGroup上重寫(xiě)onToucheEvent監(jiān)測(cè)?down，move和up來(lái)繪制的，9個(gè)圓點(diǎn)是被放置（用的 addView）在這個(gè)自定義ViewGroup里面，排布的方式看看源碼應(yīng)該能明白；

特別說(shuō)明一下這里有個(gè)坑：

在繪制線條的時(shí)候，我發(fā)現(xiàn)?我繪制出來(lái)的線條總是被9個(gè)圓點(diǎn)覆蓋，經(jīng)過(guò)多方查詢，最終得出結(jié)論：這是ViewGroup的繪制機(jī)制導(dǎo)致的，它默認(rèn)的繪制順序，是先繪制?background，然后是自己，然后是子，最后是裝飾;

看起來(lái)很抽象是吧？

看源碼；

最下方這個(gè)英語(yǔ)翻譯過(guò)來(lái)，就是我剛才說(shuō)的意思，由于后繪制的會(huì)覆蓋先繪制的，所以，線條被子覆蓋也是正常的。

但是，這不是我想要的效果，問(wèn)題是不是無(wú)解了呢？

也不是，只是大路不通，要走小路了；

還是看?View.java源碼:

發(fā)現(xiàn)，在繪制的第四步，DrawChildren中，調(diào)用的方法是dispatchDraw(canvas);?

那我如果在繪制子之后，再畫(huà)線，是不是可以讓線條覆蓋子。

所以，我重寫(xiě)了這個(gè)方法，執(zhí)行super.dispatchDraw（）先保持原有邏輯，并且在執(zhí)行我自己的繪制來(lái)畫(huà)線；

?OK，坑?解釋完畢。

自定義控件的源碼：

業(yè)內(nèi)人士應(yīng)該沒(méi)有什么看不懂的，畢竟我這個(gè)注釋已經(jīng)是詳細(xì)得令人發(fā)指了(●′?｀●)....

首先是那9個(gè)圓點(diǎn)：

然后是外層的布局：

1 package com.example.gesture_password_study.gesture_pwd.custom; 2 3 import android.content.Context; 4 import android.content.res.TypedArray; 5 import android.graphics.Canvas; 6 import android.graphics.Paint; 7 import android.graphics.Path; 8 import android.graphics.Point; 9 import android.graphics.Rect; 10 import android.util.AttributeSet; 11 import android.util.Log; 12 import android.view.MotionEvent; 13 import android.view.View; 14 import android.widget.RelativeLayout; 15 16 import com.example.gesture_password_study.R; 17 18 import java.util.ArrayList; 19 import java.util.List; 20 21 /** 22 * 手勢(shì)密碼繪制控件; 23 */ 24 public class EasyGestureLockLayout extends RelativeLayout { 25 26 //全局變量統(tǒng)一管理 27 private Context mContext; 28 private boolean hasRoundBorder;//按鍵是否允許有圓環(huán)外圈 29 private boolean ifAllowInteract;//是否允許有事件交互 30 private Paint currentPaint;//當(dāng)前使用的畫(huà)筆 31 private Paint paint_correct, paint_error;//畫(huà)線用的兩種顏色的畫(huà)筆 32 private GestureLockCircleView[] gestureCircleViewArr = null;//用數(shù)組來(lái)保存所有按鍵 33 private int mCount = 4;// 方陣的行數(shù)(列數(shù)等同) 34 private int mGesturePasswordViewWidth;//每一個(gè)按鍵的邊長(zhǎng)（因?yàn)閷捀呦嗤?#xff09; 35 private int mWidth, mHeight;//本layout的寬高 36 private int childStartIndex, childEndIndex;//畫(huà)軌跡線(密碼軌跡)的時(shí)候，需要指定子的起始和結(jié)束 index 37 private float marginRate = 0.2f;//縮小MotionEvent到達(dá)時(shí)的密碼鍵選中的判定范圍，這里的0.2的意思是，原本10*10的判定范圍，現(xiàn)在，縮小到6*6,其他4，被兩頭平分 38 private boolean ifAllowDrawLockPath = false;//因?yàn)橛锌赡艽嬖?#xff0c;down的時(shí)候沒(méi)有點(diǎn)在任何一個(gè)鍵位的范圍之內(nèi)，所以必須用這個(gè)變量來(lái)控制是否進(jìn)行繪制 39 private int guideLineStartX, guideLineStartY, guideLineEndX, guideLineEndY;//引導(dǎo)線(正在畫(huà)手勢(shì)，但是尚未或者無(wú)法形成軌跡線的時(shí)候，會(huì)出現(xiàn))的起始和終止坐標(biāo) 40 private int downX, downY;//MotionEvent的down事件坐標(biāo) 41 private int movedX, movedY;//MotionEvent的move事件坐標(biāo) 42 private Path lockPath = new Path();//密碼的圖形路徑.用于繪制軌跡線 43 private List<Integer> lockPathArr;//手勢(shì)密碼路徑，用于輸出到外界以及核對(duì)密碼 44 private int minLengthOfPwd = 4;//密碼最少位數(shù) 45 46 private int mModeStatus = -1; 47 private List<Integer> checkPwd;//外界傳入的需要核對(duì)的密碼 48 private int maxAttemptTimes = 5;//允許解鎖的最大嘗試次數(shù),有必要的話，給他設(shè)置一個(gè)set方法，或者弄一個(gè)自定義屬性 49 private int currentAttemptTime = 1;// 當(dāng)前嘗試次數(shù) 50 51 private int resetCurrentTime = 0;//當(dāng)用戶重新設(shè)置密碼，這個(gè)值將會(huì)被重置 52 private List<Integer> tempPwd;//用于重新設(shè)置密碼 53 private boolean ifCheckOnErr = false;//當(dāng)前是否檢測(cè)密碼曾失敗過(guò) 54 55 //常量 56 public static final int STATUS_RESET = 0x01;//本類(lèi)狀態(tài)：重新設(shè)置，此狀態(tài)下會(huì)允許用戶繪制兩次手勢(shì)，而且必須相同，繪制完成之后，返回密碼值出去； 57 // 如果第二次繪制和第一次繪制不同，則強(qiáng)制重新繪制 58 public static final int STATUS_CHECK = 0x02;//本類(lèi)狀態(tài)：校驗(yàn)密碼，此狀態(tài)下，要求外界傳入密碼，然后給予用戶若干嘗試解鎖的次數(shù)， 59 // 如果規(guī)定次數(shù)之內(nèi)，密碼相同，則返回解鎖成功； 60 // 如果規(guī)定次數(shù)之內(nèi)，都沒(méi)有繪制出正確密碼，則返回解鎖失敗； 61 62 //************* 構(gòu)造函數(shù) ***************************** 63 public EasyGestureLockLayout(Context context) { 64 this(context, null); 65 } 66 67 public EasyGestureLockLayout(Context context, AttributeSet attrs) { 68 this(context, attrs, 0); 69 } 70 71 public EasyGestureLockLayout(Context context, AttributeSet attrs, int defStyleAttr) { 72 super(context, attrs, defStyleAttr); 73 dealAttr(context, attrs); 74 init(context); 75 } 76 77 //************* 屬性值獲取 ***************************** 78 private void dealAttr(Context context, AttributeSet attrs) { 79 TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.EasyGestureLockLayout); 80 81 if (ta != null) { 82 try { 83 hasRoundBorder = ta.getBoolean(R.styleable.EasyGestureLockLayout_ifChildHasBorder, false); 84 mCount = ta.getInteger(R.styleable.EasyGestureLockLayout_count, 3); 85 86 ifAllowInteract = ta.getBoolean(R.styleable.EasyGestureLockLayout_ifAllowInteract, false); 87 } catch (Exception e) { 88 89 } finally { 90 ta.recycle(); 91 } 92 } 93 } 94 95 //************* 重寫(xiě)方法 ***************************** 96 @Override 97 protected void onMeasure(int widthSpec, int heightSpec) { 98 super.onMeasure(widthSpec, heightSpec); 99 100 //取測(cè)量之后的寬和高 101 mWidth = MeasureSpec.getSize(widthSpec); 102 mHeight = MeasureSpec.getSize(heightSpec); 103 //強(qiáng)行將繪圖使用的寬高置為測(cè)量寬高中的較小值, 因?yàn)槔L圖不能超出邊界 104 mHeight = mWidth = mWidth < mHeight ? mWidth : mHeight; 105 106 // 初始化mGestureLockViews 107 if (gestureCircleViewArr == null) { 108 gestureCircleViewArr = new GestureLockCircleView[mCount * mCount];//用數(shù)組來(lái)保存 “按鍵” 109 mGesturePasswordViewWidth = mWidth / mCount;//等分，不需要留間隙, 因?yàn)閳A形控件會(huì)自己留空隙 110 111 //利用相對(duì)布局的參數(shù)來(lái)放置子元素 112 for (int i = 0; i < gestureCircleViewArr.length; i++) { 113 //初始化每個(gè)GestureLockView 114 gestureCircleViewArr[i] = getCircleView(mHeight); 115 gestureCircleViewArr[i].setId(i + 1); 116 LayoutParams lockerParams = new LayoutParams( 117 mGesturePasswordViewWidth, mGesturePasswordViewWidth); 118 119 // 不是每行的第一個(gè)，則設(shè)置位置為前一個(gè)的右邊 120 if (i % mCount != 0) { 121 lockerParams.addRule(RelativeLayout.RIGHT_OF, 122 gestureCircleViewArr[i - 1].getId()); 123 } 124 // 從第二行開(kāi)始，設(shè)置為上一行同一位置View的下面 125 if (i > mCount - 1) { 126 lockerParams.addRule(RelativeLayout.BELOW, 127 gestureCircleViewArr[i - mCount].getId()); 128 } 129 lockerParams.setMargins(0, 0, 0, 0); 130 addView(gestureCircleViewArr[i], lockerParams); 131 } 132 } 133 134 } 135 136 /** 137 * 實(shí)驗(yàn)結(jié)果，在這里onDraw，繪制出來(lái)的線，總是會(huì)被子元素覆蓋, 138 * 139 * @param canvas 140 */ 141 @Override 142 protected void onDraw(Canvas canvas) { //鬧半天，這個(gè)onDraw沒(méi)有執(zhí)行 143 super.onDraw(canvas); 144 //奇怪，為何不執(zhí)行onDraw 145 // 一般情況下，viewGroup都不會(huì)執(zhí)行onDraw，因?yàn)樗旧硎且粋€(gè)容器，容器不具有自我繪制功能； 146 //圖像的表現(xiàn)，和繪制的順序有關(guān)系; 147 Log.d("onDrawTag", "onDraw"); 148 } 149 150 /** 151 * 然而，由這個(gè)方法進(jìn)行繪制，線，則會(huì)覆蓋"子"; 152 * 153 * @param canvas 154 */ 155 @Override 156 public void dispatchDraw(Canvas canvas) { 157 super.dispatchDraw(canvas);//這一步居然就是繪制 “子”, 具體看View.java 的 19195行 158 Log.d("onDrawTag", "dispatchDraw");//那么，等children畫(huà)完了之后，再畫(huà)線，就名正言順了。⊙︿⊙ 一頭包。明白了 159 if (gestureCircleViewArr != null && ifAllowInteract) { 160 drawLockPath(canvas); 161 drawMovingPath(canvas); 162 } 163 } 164 165 //************* 模式設(shè)置 ***************************** 166 167 public int getCurrentMode() { 168 return mModeStatus; 169 } 170 171 /** 172 * 切換到Reset模式，重新設(shè)置手勢(shì)密碼； 173 * 此模式下，不需要入?yún)ⅰＴO(shè)置完成之后，會(huì)執(zhí)行回調(diào)GestureEventCallback.onResetFinish(pwd); 174 */ 175 public void switchToResetMode() { 176 mModeStatus = STATUS_RESET; 177 } 178 179 /** 180 * 切換到校驗(yàn)?zāi)Ｊ?#xff1b; 181 * 這個(gè)模式需要傳入原始密碼，以及最大嘗試的次數(shù)； 182 * <p> 183 * 嘗試解鎖成功，或者超過(guò)了最大嘗試次數(shù)都沒(méi)有成功，就會(huì)執(zhí)行回調(diào)GestureEventCallback.onCheckFinish(boolean succeedOrFailed); 184 * 185 * @param pwd 186 * @param maxAttemptTimes 187 */ 188 public void switchToCheckMode(List<Integer> pwd, int maxAttemptTimes) { 189 if (pwd == null || maxAttemptTimes <= 0) { 190 Log.e("switchToCheckMode", "參數(shù)錯(cuò)誤,pwd不能為空，而且 maxAttemptTimes必須大于0"); 191 return; 192 } 193 this.currentAttemptTime = 1; 194 this.mModeStatus = STATUS_CHECK; 195 this.maxAttemptTimes = maxAttemptTimes; 196 this.checkPwd = copyPwd(pwd); 197 } 198 199 //****************************以下全是業(yè)務(wù)代碼************************** 200 private int background_color = 0xff4790FF; 201 private int background_color_transparent = 0x00000000; 202 203 /** 204 * 初始化畫(huà)筆， 205 * 206 * @param context 207 */ 208 private void init(Context context) { 209 mContext = context; 210 setClickable(true);//為了順利接收事件，需要開(kāi)啟click;因?yàn)槟闳绻辉O(shè)置，，就只能收到down，其他的一概收不到 211 setBackgroundColor(background_color_transparent);//設(shè)置透明色；這里如果不設(shè)置，onDraw將不會(huì)執(zhí)行；原因:這是一個(gè)ViewGroup，本身是容器，不具備自我繪制功能，但是這里設(shè)置了背景色，就說(shuō)明有東西需要繪制，onDraw就會(huì)執(zhí)行； 212 213 paint_correct = new Paint(); 214 paint_correct.setStyle(Paint.Style.STROKE); 215 paint_correct.setAntiAlias(true); 216 paint_correct.setColor(getResources().getColor(R.color.colorChecked)); 217 218 paint_error = new Paint(); 219 paint_error.setStyle(Paint.Style.STROKE); 220 paint_error.setAntiAlias(true); 221 paint_error.setColor(getResources().getColor(R.color.colorCheckedErr)); 222 223 initLockPathArr(); 224 currentPaint = paint_correct;// 默認(rèn)使用的畫(huà)筆 225 } 226 227 /** 228 * 構(gòu)建單個(gè)圓 229 * 230 * @param wh 邊長(zhǎng) 231 * @return 232 */ 233 private GestureLockCircleView getCircleView(int wh) { 234 GestureLockCircleView gestureCircleView = new GestureLockCircleView(mContext); 235 236 double s = Math.pow(mCount, 3) + 0.5f;//除法系數(shù)，用于計(jì)算內(nèi)圓的半徑；行數(shù)的3次方，并且轉(zhuǎn)為浮點(diǎn)型 237 gestureCircleView.setInnerCircle(getResources().getColor(R.color.colorChecked), (float) (wh / s)); 238 239 paint_correct.setStrokeWidth((float) (wh / s) * 0.2f); 240 paint_error.setStrokeWidth((float) (wh / s) * 0.2f); 241 242 //內(nèi)圓顏色，內(nèi)圓半徑 243 s = Math.pow(mCount, 2) + 0.5f;//除法系數(shù)，用于計(jì)算外圓的半徑;行數(shù)的2次方，并且轉(zhuǎn)為浮點(diǎn)型 244 gestureCircleView.setBorderRound(hasRoundBorder, getResources().getColor(R.color.colorChecked), (float) (wh / s));//是否有邊框，外圓顏色，外圓半徑 245 gestureCircleView.switchStatus(GestureLockCircleView.STATUS_NOT_CHECKED); 246 return gestureCircleView; 247 } 248 249 /** 250 * 重置所有按鍵為 notChecked 狀態(tài) 251 */ 252 private void resetAllCircleBtn() { 253 if (gestureCircleViewArr == null) return; 254 for (int i = 0; i < gestureCircleViewArr.length; i++) { 255 gestureCircleViewArr[i].switchStatus(GestureLockCircleView.STATUS_NOT_CHECKED); 256 } 257 } 258 259 //*************************手勢(shì)密碼路徑的管理*********************************************** 260 private void initLockPathArr() { 261 lockPathArr = new ArrayList<>(); 262 } 263 264 /** 265 * 增加一個(gè)密碼數(shù)字 266 * 267 * @param p 268 */ 269 private void addPwd(int p) { 270 if (!checkRepetition(p)) { 271 lockPathArr.add(p); 272 } 273 } 274 275 private void resetPwd() { 276 if (lockPathArr == null) 277 lockPathArr = new ArrayList<>(); 278 else 279 lockPathArr.clear(); 280 } 281 282 /** 283 * 繪制密碼“軌跡線” 284 * 285 * @param canvas 286 */ 287 private void drawLockPath(Canvas canvas) { 288 canvas.drawPath(lockPath, currentPaint); 289 } 290 291 /** 292 * 重置引導(dǎo)線的起/終坐標(biāo)值 293 */ 294 private void resetMovingPathCoordinate() { 295 guideLineStartX = 0; 296 guideLineStartY = 0; 297 guideLineEndX = 0; 298 guideLineEndY = 0; 299 } 300 301 /** 302 * 繪制引導(dǎo)線 303 */ 304 private void drawMovingPath(Canvas canvas) { 305 if (guideLineStartX != 0 && guideLineStartY != 0)//只有當(dāng)起始位置不是0的時(shí)候，才進(jìn)行繪制 306 canvas.drawLine(guideLineStartX, guideLineStartY, guideLineEndX, guideLineEndY, currentPaint); 307 } 308 309 /** 310 * 輔助方法，獲得一個(gè)View的中心位置 311 * 312 * @param v 313 * @return 314 */ 315 private Point getCenterPoint(View v) { 316 Rect rect = new Rect(); 317 v.getHitRect(rect); 318 int x = rect.left + v.getWidth() / 2; 319 int y = rect.top + v.getHeight() / 2; 320 return new Point(x, y); 321 } 322 323 /** 324 * 判斷當(dāng)前點(diǎn)擊的點(diǎn)位置是不是在子元素范圍之內(nèi) 325 * 326 * @param x 327 * @param y 328 * @param v 329 * @return 330 */ 331 private boolean ifClickOnView(int x, int y, View v) { 332 Rect r = new Rect(); 333 v.getHitRect(r); 334 335 //判定點(diǎn)是不是在view范圍內(nèi)，根據(jù)業(yè)務(wù)需求，要給view一個(gè)判定的間隙，比如 5*5的View,判定范圍只能是3*3 336 //以原來(lái)的矩陣為基礎(chǔ)，重新定一個(gè)判定范圍,范圍暫時(shí)定位原來(lái)的80% 337 //真正的判定區(qū)域的矩陣范圍 338 339 int w = v.getWidth(); 340 int h = v.getHeight(); 341 342 int realLeft = (int) (r.left + marginRate * w); 343 int realTop = (int) (r.top + marginRate * h); 344 int realRight = (int) (r.right - marginRate * w); 345 int realBottom = (int) (r.bottom - marginRate * h); 346 347 Rect rect1 = new Rect(realLeft, realTop, realRight, realBottom); 348 349 if (rect1.contains(x, y)) { 350 return true; 351 } 352 return false; 353 } 354 355 /** 356 * 根據(jù)點(diǎn)坐標(biāo)，返回當(dāng)前點(diǎn)在哪個(gè)密碼鍵的范圍內(nèi),直接返回View對(duì)象 357 * 358 * @param x 359 * @param y 360 * @return 361 */ 362 private GestureLockCircleView getClickedChild(int x, int y) { 363 for (GestureLockCircleView v : gestureCircleViewArr) { 364 if (ifClickOnView(x, y, v)) {// 365 return v; 366 } 367 } 368 return null; 369 } 370 371 /** 372 * 根據(jù)點(diǎn)坐標(biāo)，返回當(dāng)前點(diǎn)在哪個(gè)密碼鍵的范圍內(nèi),直接返回View對(duì)象的id 373 * 374 * @param x 375 * @param y 376 * @return 377 */ 378 private int getClickedChildIndex(int x, int y) { 379 for (int i = 0; i < gestureCircleViewArr.length; i++) { 380 View v = gestureCircleViewArr[i]; 381 if (ifClickOnView(x, y, v)) {// 382 return i; 383 } 384 } 385 return -1; 386 } 387 388 /** 389 * 檢查密碼值是否重復(fù) 390 * 391 * @return 392 */ 393 private boolean checkRepetition(int pwd) { 394 return lockPathArr.contains(pwd); 395 } 396 397 /** 398 * 手勢(shì)繪制 399 * 400 * @param event 401 * @return 402 */ 403 @Override 404 public boolean onTouchEvent(MotionEvent event) { 405 if (ifAllowInteract)//只有設(shè)置了允許事件交互，才往下執(zhí)行 406 switch (event.getAction()) { 407 case MotionEvent.ACTION_DOWN: 408 onToast("", ColorHolder.COLOR_GRAY); 409 downX = (int) event.getX(); 410 downY = (int) event.getY(); 411 ifAllowDrawLockPath = false; 412 GestureLockCircleView current = getClickedChild(downX, downY); 413 if (current != null) {//如果當(dāng)前按下的點(diǎn)，沒(méi)有在任何一個(gè)按鍵范圍之內(nèi) 414 ifAllowDrawLockPath = true; 415 416 if (ifCheckOnErr) 417 current.switchStatus(GestureLockCircleView.STATUS_CHECKED_ERR); 418 else 419 current.switchStatus(GestureLockCircleView.STATUS_CHECKED);//down的時(shí)候，將當(dāng)前這個(gè)按鍵設(shè)置為checked 420 421 childStartIndex = getClickedChildIndex(downX, downY); 422 //記錄手勢(shì)密碼 423 lockPath.reset(); 424 resetPwd(); 425 addPwd(childStartIndex); 426 //path處理 427 Point startP = getCenterPoint(gestureCircleViewArr[childStartIndex]); 428 if (startP != null) {//因?yàn)槿绻?/span> 429 lockPath.moveTo(startP.x, startP.y); 430 //引導(dǎo)線的起始坐標(biāo) 431 guideLineStartX = startP.x; 432 guideLineStartY = startP.y; 433 } else { 434 Log.d("tagpx", "1"); 435 } 436 } else { 437 //如果第一次點(diǎn)下去，就是在鍵位的空隙里面。那么，就不用繪制了 438 Log.d("tagpx", "2"); 439 } 440 441 break; 442 case MotionEvent.ACTION_MOVE: 443 if (ifAllowDrawLockPath) { 444 movedX = (int) event.getX(); 445 movedY = (int) event.getY(); 446 childEndIndex = getClickedChildIndex(movedX, movedY); 447 448 //-1表示沒(méi)有找到對(duì)應(yīng)的區(qū)域 449 boolean flag1 = childStartIndex != -1 && childEndIndex != -1;//沒(méi)有獲取到正確的對(duì)應(yīng)區(qū)域 450 boolean flag2 = childStartIndex != childEndIndex;//在同一個(gè)區(qū)域內(nèi)不需要畫(huà)線 451 boolean flag3 = checkRepetition(childEndIndex);//不允許密碼值重復(fù),這里要檢查當(dāng)前這個(gè)區(qū)域是不是已經(jīng)在lockPathArr里面 452 453 if (flag1 && flag2 && !flag3) {//如果起點(diǎn)終點(diǎn)都在區(qū)域之內(nèi)，那么就直接繪制“軌跡線” 454 Point endP = getCenterPoint(gestureCircleViewArr[childEndIndex]); 455 GestureLockCircleView cur = getClickedChild(movedX, movedY); 456 if (ifCheckOnErr) 457 cur.switchStatus(GestureLockCircleView.STATUS_CHECKED_ERR); 458 else 459 cur.switchStatus(GestureLockCircleView.STATUS_CHECKED); 460 461 addPwd(childEndIndex); 462 lockPath.lineTo(endP.x, endP.y); 463 464 guideLineStartX = endP.x; 465 guideLineStartY = endP.y; 466 } 467 guideLineEndX = movedX; 468 guideLineEndY = movedY; 469 postInvalidate();//刷新視圖 470 } 471 break; 472 case MotionEvent.ACTION_UP: 473 case MotionEvent.ACTION_CANCEL: 474 if (ifAllowDrawLockPath) { 475 resetMovingPathCoordinate(); // up的時(shí)候，要清除引導(dǎo)線 476 lockPath.reset(); //同時(shí)要清除軌跡線 477 postInvalidate();//刷新本layout 478 resetAllCircleBtn();//up的時(shí)候，把所有按鍵全部設(shè)置為notChecked， 479 onSwipeFinish(); 480 if (lockPathArr.size() >= minLengthOfPwd) { 481 if (mModeStatus == STATUS_RESET) {//如果處于reset模式下，執(zhí)行rest的回調(diào) 482 onReset(); 483 } else if (mModeStatus == STATUS_CHECK) {//檢查模式下，執(zhí)行onCheck 484 onCheck(); 485 } else { 486 throw new RuntimeException("異常模式，請(qǐng)正確調(diào)用switchToCheckMode/switchToResetMode!"); 487 } 488 } else { 489 onToast(String.format(ToastStrHolder.swipeTooLittlePointStr, minLengthOfPwd), ColorHolder.COLOR_RED); 490 } 491 } 492 break; 493 default: 494 break; 495 } 496 return super.onTouchEvent(event); 497 } 498 499 private void onSwipeFinish() { 500 if (mGestureEventCallback == null) return; 501 mGestureEventCallback.onSwipeFinish(copyPwd(lockPathArr)); 502 } 503 504 private void onReset() { 505 if (mGestureEventCallback == null) return; 506 if (resetCurrentTime == 0) {//第一次繪制，賦值給tempPwd 507 tempPwd = copyPwd(lockPathArr); 508 resetCurrentTime++; 509 onToast(ToastStrHolder.tryAgainStr, ColorHolder.COLOR_GRAY); 510 } else { 511 try { 512 boolean s = compare(tempPwd, lockPathArr); 513 if (s) { 514 onToast(ToastStrHolder.successStr, ColorHolder.COLOR_GRAY); 515 mGestureEventCallback.onResetFinish(copyPwd(lockPathArr));//執(zhí)行回調(diào) 516 } else { 517 onToast(ToastStrHolder.notSameStr, ColorHolder.COLOR_RED); 518 } 519 } catch (RuntimeException e) { 520 e.printStackTrace(); 521 } 522 } 523 } 524 525 /** 526 * 初始化當(dāng)前的繪制次數(shù) 527 */ 528 public void initCurrentTimes() { 529 resetCurrentTime = 0; 530 } 531 532 private void onCheck() { 533 if (mGestureEventCallback == null) return; 534 boolean compareRes = compare(checkPwd, lockPathArr); //對(duì)比當(dāng)前密碼和外界傳入的密碼 535 if (currentAttemptTime <= maxAttemptTimes) {//如果還能繼續(xù)嘗試解鎖，那么 536 if (compareRes) {//如果成功 537 mGestureEventCallback.onCheckFinish(compareRes);//直接返回結(jié)果 538 539 currentAttemptTime = 1; 540 currentPaint = paint_correct; 541 ifCheckOnErr = false; 542 } else {//否則，提示 543 int remindTime = maxAttemptTimes - currentAttemptTime; 544 if (remindTime > 0) { 545 onToast(String.format(ToastStrHolder.wrongPwdInputStr, remindTime), ColorHolder.COLOR_RED); 546 547 currentPaint = paint_error; 548 ifCheckOnErr = true; 549 } else { 550 mGestureEventCallback.onCheckFinish(compareRes);//直接返回結(jié)果 551 } 552 currentAttemptTime++; 553 } 554 } else {//如果已經(jīng)不能?chē)L試，無(wú)論是否成功，都要返回結(jié)果 555 mGestureEventCallback.onCheckFinish(compareRes); 556 currentAttemptTime = 1; 557 } 558 } 559 560 private void onSwipeMore() { 561 if (mGestureEventCallback == null) return; 562 mGestureEventCallback.onSwipeMore(); 563 } 564 565 private void onToast(String s, int color) { 566 if (mGestureEventCallback == null) return; 567 mGestureEventCallback.onToast(s, color); 568 } 569 570 /** 571 * 提供一個(gè)方法，繪制密碼點(diǎn)，但是只繪制圓圈，不繪制引導(dǎo)線和軌跡線 572 */ 573 public void refreshPwdKeyboard(List<Integer> pwd) { 574 try { 575 for (int i = 0; i < mCount * mCount; i++) {//先把所有的點(diǎn)都設(shè)置為notChecked 576 gestureCircleViewArr[i].switchStatus(GestureLockCircleView.STATUS_NOT_CHECKED); 577 } 578 579 if (null != pwd) 580 for (int i = 0; i < pwd.size(); i++) {//再把密碼中的點(diǎn)，設(shè)置為checked 581 gestureCircleViewArr[pwd.get(i)].switchStatus(GestureLockCircleView.STATUS_CHECKED); 582 } 583 } catch (IndexOutOfBoundsException e) { 584 //這里有可能發(fā)生數(shù)組越界，因?yàn)?本類(lèi)的各個(gè)對(duì)象時(shí)相互獨(dú)立的，方陣行數(shù)可能不同 585 e.printStackTrace(); 586 } 587 } 588 589 //*************************下面業(yè)務(wù)對(duì)接*********************************************** 590 public interface GestureEventCallback { 591 /** 592 * 當(dāng)滑動(dòng)結(jié)束，無(wú)論模式，只要滑動(dòng)之后發(fā)現(xiàn)upEvent就執(zhí)行 593 */ 594 void onSwipeFinish(List<Integer> pwd); 595 596 /** 597 * 當(dāng)重新設(shè)置密碼成功的時(shí)候，將密碼返回出去 598 * 599 * @param pwd 設(shè)置的密碼 600 */ 601 void onResetFinish(List<Integer> pwd); 602 603 /** 604 * 如果當(dāng)前模式是 check模式，則用這個(gè)方法來(lái)返回check的結(jié)果 605 * 606 * @param succeedOrFailed 校驗(yàn)是否成功 607 */ 608 void onCheckFinish(boolean succeedOrFailed); 609 610 /** 611 * 如果當(dāng)前滑動(dòng)的密碼格子數(shù)太少(比如設(shè)置了至少滑動(dòng)4格，卻只滑了2格) 612 */ 613 void onSwipeMore(); 614 615 /** 616 * 當(dāng)需要給外界反饋信息的時(shí)候 617 * 618 * @param s 信息內(nèi)容 619 * @param color 有必要的話，傳字體顏色給外界 620 */ 621 void onToast(String s, int color); 622 } 623 624 /** 625 * 反饋給外界的回調(diào) 626 */ 627 private GestureEventCallback mGestureEventCallback; 628 629 public void setGestureFinishedCallback(GestureEventCallback gestureFinishedCallback) { 630 this.mGestureEventCallback = gestureFinishedCallback; 631 } 632 633 public static class GestureEventCallbackAdapter implements GestureEventCallback { 634 635 @Override 636 public void onSwipeFinish(List<Integer> pwd) { 637 638 } 639 640 @Override 641 public void onResetFinish(List<Integer> pwd) { 642 643 } 644 645 @Override 646 public void onCheckFinish(boolean succeedOrFailed) { 647 648 } 649 650 @Override 651 public void onSwipeMore() { 652 653 } 654 655 @Override 656 public void onToast(String s, int color) { 657 658 } 659 } 660 661 //*************************下面是輔助方法以及輔助內(nèi)部類(lèi)*********************************************** 662 663 /** 664 * 輔助方法，復(fù)制一份密碼對(duì)象,因?yàn)槿绻苯影旬?dāng)前對(duì)象的密碼返回出去，則外界使用的全部都是同一個(gè)對(duì)象，這個(gè)對(duì)象可能隨時(shí)變化，外層邏輯無(wú)法對(duì)比密碼值 665 */ 666 private List<Integer> copyPwd(List<Integer> pwd) { 667 List<Integer> copyOne = new ArrayList<>(); 668 for (int i = 0; i < pwd.size(); i++) { 669 copyOne.add(pwd.get(i)); 670 } 671 return copyOne; 672 } 673 674 /** 675 * 對(duì)比兩個(gè)list是否內(nèi)容完全相同 676 */ 677 private boolean compare(List<Integer> list1, List<Integer> list2) throws RuntimeException { 678 679 if (list1 == null || list2 == null) { 680 throw new RuntimeException("存在list為空，不執(zhí)行對(duì)比"); 681 } 682 683 if (list1.size() != list2.size())//size長(zhǎng)度都不同，就不用比了 684 return false; 685 686 for (int i = 0; i < list1.size(); i++) { 687 if (list1.get(i) != list2.get(i)) { 688 return false; 689 } 690 } 691 return true; 692 } 693 694 695 public class ColorHolder { 696 public static final int COLOR_RED = 0xffFF3232; 697 public static final int COLOR_GRAY = 0xff999999; 698 public static final int COLOR_YELLOW = 0xffF8A916; 699 } 700 701 public class ToastStrHolder { 702 public static final String successStr = "繪制成功"; 703 public static final String tryAgainStr = "請(qǐng)?jiān)俅卫L制手勢(shì)密碼"; 704 public static final String notSameStr = "與首次繪制不一致，請(qǐng)?jiān)俅卫L制"; 705 public static final String forYourSafetyStr = "為了您的賬戶安全，請(qǐng)?jiān)O(shè)置手勢(shì)密碼"; 706 public static final String swipeTooLittlePointStr = "請(qǐng)最少連接%s個(gè)點(diǎn)"; 707 public static final String wrongPwdInputStr = "輸入錯(cuò)誤，您還可以輸入%s次"; 708 } 709 }

?具體使用方法：

只展示一個(gè)例子，這是設(shè)置手勢(shì)密碼的界面,紅色的代碼就是你需要自己編寫(xiě)的;

package com.example.gesture_password_study.gesture_pwd;import android.os.Bundle; import android.support.annotation.Nullable; import android.view.View; import android.widget.TextView; import android.widget.Toast;import com.example.gesture_password_study.R; import com.example.gesture_password_study.gesture_pwd.base.GestureBaseActivity; import com.example.gesture_password_study.gesture_pwd.custom.EasyGestureLockLayout;import java.util.List;/*** 手勢(shì)密碼設(shè)置界面*/ public class GesturePwdSettingActivity extends GestureBaseActivity {EasyGestureLockLayout layout_small;TextView tv_go;TextView tv_redraw;EasyGestureLockLayout layout_parent;@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.layout_gesture_pwd_setting);initView();initLayoutView();}private void initView() {tv_go = findViewById(R.id.tv_go);layout_parent = findViewById(R.id.layout_parent);layout_small = findViewById(R.id.layout_small);tv_redraw = findViewById(R.id.tv_redraw);}protected void initLayoutView() {//寫(xiě)個(gè)適配器EasyGestureLockLayout.GestureEventCallbackAdapter adapter = new EasyGestureLockLayout.GestureEventCallbackAdapter() {@Overridepublic void onSwipeFinish(List<Integer> pwd) {layout_small.refreshPwdKeyboard(pwd);//通知另一個(gè)小密碼盤(pán)，將密碼點(diǎn)展示出來(lái)，但是不展示軌跡線tv_redraw.setVisibility(View.VISIBLE);}@Overridepublic void onResetFinish(List<Integer> pwd) {// 當(dāng)密碼設(shè)置完成savePwd(showPwd("showGesturePwdInt", pwd));//保存密碼到本地Toast.makeText(GesturePwdSettingActivity.this, "密碼已保存", Toast.LENGTH_SHORT).show();}@Overridepublic void onCheckFinish(boolean succeedOrFailed) {String str = succeedOrFailed ? "解鎖成功" : "解鎖失敗";Toast.makeText(GesturePwdSettingActivity.this, str, Toast.LENGTH_SHORT).show();if (succeedOrFailed) {//如果解鎖成功，則切換到set模式layout_parent.switchToResetMode();} else {onCheckFailed();}}@Overridepublic void onSwipeMore() {//執(zhí)行動(dòng)畫(huà)animate(tv_go);}@Overridepublic void onToast(String s, int textColor) {tv_go.setText(s);if (textColor != 0)tv_go.setTextColor(textColor);if (textColor == 0xffFF3232) {animate(tv_go);}}};layout_parent.setGestureFinishedCallback(adapter);//使用rest模式layout_parent.switchToResetMode();tv_redraw.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {layout_parent.initCurrentTimes();tv_redraw.setVisibility(View.INVISIBLE);layout_small.refreshPwdKeyboard(null);tv_go.setText("請(qǐng)重新繪制");}});}}

它的布局xml：

layout_gesture_pwd_setting.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@android:color/white"android:gravity="center_horizontal"android:orientation="vertical"><TextViewandroid:id="@+id/tv_skip"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="right"android:layout_marginBottom="16dp"android:layout_marginRight="20dp"android:layout_marginTop="40dp"android:text="--"android:textColor="@color/color_v"android:textSize="15sp" /><com.example.gesture_password_study.gesture_pwd.custom.EasyGestureLockLayoutandroid:id="@+id/layout_small"android:layout_width="@dimen/small_grid_width"android:layout_height="@dimen/small_grid_width"app:count="3"app:ifAllowInteract="false"app:ifChildHasBorder="false" /><TextViewandroid:id="@+id/tv_go"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="24dp"android:text="為了您的賬戶安全，請(qǐng)?jiān)O(shè)置手勢(shì)密碼"android:textColor="#F8A916"android:textSize="13sp" /><com.example.gesture_password_study.gesture_pwd.custom.EasyGestureLockLayoutandroid:id="@+id/layout_parent"android:layout_width="@dimen/big_grid_width"android:layout_height="@dimen/big_grid_width"android:layout_marginTop="64dp"app:count="3"app:ifAllowInteract="true"app:ifChildHasBorder="true" /><TextViewandroid:id="@+id/tv_redraw"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:text="重新繪制"android:textColor="@color/color_v"android:textSize="15sp"android:visibility="invisible"/></LinearLayout>

count屬性，是控制?密碼盤(pán)的?方陣寬度，目前是3，所以呈現(xiàn)出來(lái)就是3*3；

你可以換成4,5,6···隨意，只要你沒(méi)有密集恐懼癥.```````````

?===========================================

?歐拉，源碼解讀就到這里，也沒(méi)什么復(fù)雜的東西。

想起之前面試的時(shí)候有一個(gè)大佬問(wèn)我的問(wèn)題，?自定義ViewGroup能不能在里面同時(shí)放置子View并且還能對(duì)自身進(jìn)行繪制。

當(dāng)時(shí)一臉懵逼，不知道什么意思，····?現(xiàn)在知道了。

自定義ViewGroup，然后addView。。。然后還?onDraw··自己。

?

喜歡的大佬可以下載源碼，歡迎留言討論···

轉(zhuǎn)載于:https://www.cnblogs.com/hankzhouAndroid/p/9590583.html

總結(jié)

以上是生活随笔為你收集整理的android-手势密码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：杀戮尖塔是用java_杀戮尖塔修改cla
下一篇： KMP Seek the Name,Se