怎么在Android應(yīng)用中實現(xiàn)一個圖案解鎖功能-創(chuàng)新互聯(lián)

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)怎么在Android應(yīng)用中實現(xiàn)一個圖案解鎖功能，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

我們提供的服務(wù)有：網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、雙峰ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的雙峰網(wǎng)站制作公司

1.最關(guān)健的就是那個自定義九宮格View，代碼來自framework下：LockPatternView，原生系統(tǒng)用的圖片資源比較多，好像有7、8張吧，而且繪制的比較復(fù)雜，我找尋半天，眼睛都找瞎了，發(fā)現(xiàn)解壓的QQ里面就3張圖片，一個圈圈，兩個點，沒辦法，只能修改代碼了，在修改的過程中，才發(fā)現(xiàn)，其實可以把原生的LockPatternView給簡化，繪制更少的圖片，達到更好的效果?？偣矁?yōu)化有：①去掉了連線的箭頭，②原生的連線只有白色一種，改成根據(jù)不同狀態(tài)顯示黃色和紅色兩張色，③.原生view是先畫點再畫線，使得線覆蓋在點的上面，影響美觀，改成先畫連線再畫點。

關(guān)健部分代碼onDraw函數(shù)：

@Override 
protected void onDraw(Canvas canvas) { 
 final ArrayList<Cell> pattern = mPattern; 
 final int count = pattern.size(); 
 final boolean[][] drawLookup = mPatternDrawLookup; 
 
 if (mPatternDisplayMode == DisplayMode.Animate) { 
 
 // figure out which circles to draw 
 
 // + 1 so we pause on complete pattern 
 final int oneCycle = (count + 1) * MILLIS_PER_CIRCLE_ANIMATING; 
 final int spotInCycle = (int) (SystemClock.elapsedRealtime() - mAnimatingPeriodStart) 
 % oneCycle; 
 final int numCircles = spotInCycle / MILLIS_PER_CIRCLE_ANIMATING; 
 
 clearPatternDrawLookup(); 
 for (int i = 0; i < numCircles; i++) { 
 final Cell cell = pattern.get(i); 
 drawLookup[cell.getRow()][cell.getColumn()] = true; 
 } 
 
 // figure out in progress portion of ghosting line 
 
 final boolean needToUpdateInProgressPoint = numCircles > 0 
 && numCircles < count; 
 
 if (needToUpdateInProgressPoint) { 
 final float percentageOfNextCircle = ((float) (spotInCycle % MILLIS_PER_CIRCLE_ANIMATING)) 
  / MILLIS_PER_CIRCLE_ANIMATING; 
 
 final Cell currentCell = pattern.get(numCircles - 1); 
 final float centerX = getCenterXForColumn(currentCell.column); 
 final float centerY = getCenterYForRow(currentCell.row); 
 
 final Cell nextCell = pattern.get(numCircles); 
 final float dx = percentageOfNextCircle 
  * (getCenterXForColumn(nextCell.column) - centerX); 
 final float dy = percentageOfNextCircle 
  * (getCenterYForRow(nextCell.row) - centerY); 
 mInProgressX = centerX + dx; 
 mInProgressY = centerY + dy; 
 } 
 // TODO: Infinite loop here... 
 invalidate(); 
 } 
 
 final float squareWidth = mSquareWidth; 
 final float squareHeight = mSquareHeight; 
 
 float radius = (squareWidth * mDiameterFactor * 0.5f); 
 mPathPaint.setStrokeWidth(radius); 
 
 final Path currentPath = mCurrentPath; 
 currentPath.rewind(); 
 
 // TODO: the path should be created and cached every time we hit-detect 
 // a cell 
 // only the last segment of the path should be computed here 
 // draw the path of the pattern (unless the user is in progress, and 
 // we are in stealth mode) 
 final boolean drawPath = (!mInStealthMode || mPatternDisplayMode == DisplayMode.Wrong); 
 
 // draw the arrows associated with the path (unless the user is in 
 // progress, and 
 // we are in stealth mode) 
 boolean oldFlag = (mPaint.getFlags() & Paint.FILTER_BITMAP_FLAG) != 0; 
 mPaint.setFilterBitmap(true); // draw with higher quality since we 
   // render with transforms 
 // draw the lines 
 if (drawPath) { 
 boolean anyCircles = false; 
 for (int i = 0; i < count; i++) { 
 Cell cell = pattern.get(i); 
 
 // only draw the part of the pattern stored in 
 // the lookup table (this is only different in the case 
 // of animation). 
 if (!drawLookup[cell.row][cell.column]) { 
 break; 
 } 
 anyCircles = true; 
 
 float centerX = getCenterXForColumn(cell.column); 
 float centerY = getCenterYForRow(cell.row); 
 if (i == 0) { 
 currentPath.moveTo(centerX, centerY); 
 } else { 
 currentPath.lineTo(centerX, centerY); 
 } 
 } 
 
 // add last in progress section 
 if ((mPatternInProgress || mPatternDisplayMode == DisplayMode.Animate) 
 && anyCircles) { 
 currentPath.lineTo(mInProgressX, mInProgressY); 
 } 
 // chang the line color in different DisplayMode 
 if (mPatternDisplayMode == DisplayMode.Wrong) 
 mPathPaint.setColor(Color.RED); 
 else 
 mPathPaint.setColor(Color.YELLOW); 
 canvas.drawPath(currentPath, mPathPaint); 
 } 
 
 // draw the circles 
 final int paddingTop = getPaddingTop(); 
 final int paddingLeft = getPaddingLeft(); 
 
 for (int i = 0; i < 3; i++) { 
 float topY = paddingTop + i * squareHeight; 
 // float centerY = mPaddingTop + i * mSquareHeight + (mSquareHeight 
 // / 2); 
 for (int j = 0; j < 3; j++) { 
 float leftX = paddingLeft + j * squareWidth; 
 drawCircle(canvas, (int) leftX, (int) topY, drawLookup[i][j]); 
 } 
 } 
 
 mPaint.setFilterBitmap(oldFlag); // restore default flag 
}

文章名稱：怎么在Android應(yīng)用中實現(xiàn)一個圖案解鎖功能-創(chuàng)新互聯(lián)
標(biāo)題來源：http://bm7419.com/article36/diccpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機網(wǎng)站建設(shè)、做網(wǎng)站、Google、建站公司、標(biāo)簽優(yōu)化、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司