天天看點

Android簡易手勢密碼開源庫

本文介紹一個Android手勢密碼開源庫的使用及實作的詳細過程,該開源庫主要實作以下幾個功能:

- 支援手勢密碼的繪制,并支援密碼儲存功能,解鎖時自動比對密碼給出結果

- 封裝了繪制密碼的方法,比對兩次密碼是否一緻,可以快捷地進行手勢密碼的設定

- 可以設定密碼輸入錯誤後的重試次數上限

- 可以自定義不同狀态下手勢密碼圖案的顔色

- 可以自定義手勢密碼的觸摸點數量(n*n)

最近需要用到手勢密碼解鎖功能,找了一些demo感覺用起來都有點麻煩,于是參考一些文章自己造了下輪子,封裝了相關的一些方法,使用起來比較便捷。

github連結如下,覺得還可以請幫忙star支援下~

github連結 https://github.com/autume/GestureLock

個人部落格 http://blog.csdn.net/yaodong379

使用效果

首先看下使用效果:

Android簡易手勢密碼開源庫

使用方法

XML布局檔案中使用該控件

<code class="language-java hljs  has-numbering"> <com.syd.oden.gesturelock.view.GestureLockViewGroup
        android:id=<span class="hljs-string">"@+id/gesturelock"</span>
        android:layout_width=<span class="hljs-string">"match_parent"</span>
        android:layout_height=<span class="hljs-string">"match_parent"</span>
        app:preference_id=<span class="hljs-string">"1"</span>
        android:layout_marginTop=<span class="hljs-string">"30dp"</span>
        app:count=<span class="hljs-string">"3"</span> /></code>

      

可以設定的一些參數,說明如下:

color_no_finger:未觸摸時圓形的顔色

color_finger_on:觸摸時圓形的顔色

color_finger_up_correct:輸入正确時圓形的顔色

color_finger_up_error:出錯時圓形的顔色

count:收拾密碼的圓形數量,n*n

preference_id:手勢密碼儲存的id号,不輸入或輸入-1則使用預設的id

初始化

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">initGesture</span>() {
        mGestureLockViewGroup = (GestureLockViewGroup) findViewById(R.id.gesturelock);
        gestureEventListener();
        gesturePasswordSettingListener();
        gestureRetryLimitListener();
    }</code>      

設定手勢密碼監聽事件

<code class="language-java hljs  has-numbering"> <span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">gestureEventListener</span>() {
        mGestureLockViewGroup.setGestureEventListener(<span class="hljs-keyword">new</span> GestureEventListener() {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onGestureEvent</span>(<span class="hljs-keyword">boolean</span> matched) {
                mylog.d(<span class="hljs-string">"onGestureEvent matched: "</span> + matched);
                <span class="hljs-keyword">if</span> (!matched) {
                    tv_state.setTextColor(Color.RED);
                    tv_state.setText(<span class="hljs-string">"手勢密碼錯誤"</span>);
                } <span class="hljs-keyword">else</span> {
                    <span class="hljs-keyword">if</span> (isReset) {
                        isReset = <span class="hljs-keyword">false</span>;
                        Toast.makeText(MainActivity.<span class="hljs-keyword">this</span>, <span class="hljs-string">"清除成功!"</span>, Toast.LENGTH_SHORT).show();
                        resetGesturePattern();
                    } <span class="hljs-keyword">else</span> {
                        tv_state.setTextColor(Color.WHITE);
                        tv_state.setText(<span class="hljs-string">"手勢密碼正确"</span>);
                    }
                }
            }
        });
    }

</code>      

若已經設定有密碼則會進入該回調,在這裡對結果進行處理,上面的例子中加入了一個重設密碼的處理。

手勢密碼設定

<code class="language-java hljs  has-numbering"> <span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">gesturePasswordSettingListener</span>() {
        mGestureLockViewGroup.setGesturePasswordSettingListener(<span class="hljs-keyword">new</span> GesturePasswordSettingListener() {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">onFirstInputComplete</span>(<span class="hljs-keyword">int</span> len) {
                <span class="hljs-keyword">if</span> (len > <span class="hljs-number">3</span>) {
                    tv_state.setTextColor(Color.WHITE);
                    tv_state.setText(<span class="hljs-string">"再次繪制手勢密碼"</span>);
                    <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
                } <span class="hljs-keyword">else</span> {
                    tv_state.setTextColor(Color.RED);
                    tv_state.setText(<span class="hljs-string">"最少連接配接4個點,請重新輸入!"</span>);
                    <span class="hljs-keyword">return</span> <span class="hljs-keyword">false</span>;
                }
            }

            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onSuccess</span>() {
                tv_state.setTextColor(Color.WHITE);
                Toast.makeText(MainActivity.<span class="hljs-keyword">this</span>, <span class="hljs-string">"密碼設定成功!"</span>, Toast.LENGTH_SHORT).show();
                tv_state.setText(<span class="hljs-string">"請輸入手勢密碼解鎖!"</span>);
            }

            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onFail</span>() {
                tv_state.setTextColor(Color.RED);
                tv_state.setText(<span class="hljs-string">"與上一次繪制不一緻,請重新繪制"</span>);
            }
        });
    }

</code>      

若還未設定密碼,繪制手勢的時候會進入該回調,傳回值為繪制的觸摸點的數量,onFirstInputComplete中傳回true則進入第二手勢密碼的繪制,兩次輸入一緻後自動儲存密碼。

重試次數超過限制監聽

<code class="language-java hljs  has-numbering"> <span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">gestureRetryLimitListener</span>() {
        mGestureLockViewGroup.setGestureUnmatchedExceedListener(<span class="hljs-number">3</span>, <span class="hljs-keyword">new</span> GestureUnmatchedExceedListener() {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onUnmatchedExceedBoundary</span>() {
                tv_state.setTextColor(Color.RED);
                tv_state.setText(<span class="hljs-string">"錯誤次數過多,請稍後再試!"</span>);
            }
        });
    }

</code>      

若設定了該監聽事件,則輸入錯誤有次數限制,超過上限後進入回調,在該回調中進行處理。

清除密碼的邏輯自己加個判斷處理下即可,具體可以看下github上的demo

其他的一些API

public void removePassword() :清除密碼

public void savePassword() : 儲存密碼,設定手勢密碼成功後會自動儲存,也可以調用該接口另外設定密碼

public void getPassword(): 擷取密碼

public void setRetryTimes(int retryTimes) : 設定重試次數上限

public boolean isSetPassword() : 傳回現在是否已經設定有密碼

public void resetView() : 将視圖Reset

在項目中導入該庫

僅需加入兩行代碼:

在工程的 build.gradle中加入:

<code class="language-java hljs  has-numbering">allprojects {
        repositories {
            ...
            maven { url <span class="hljs-string">"https://jitpack.io"</span> }
        }
    }</code>

      

module的build.gradle中加入依賴:

<code class="language-java hljs  has-numbering">dependencies {
            compile <span class="hljs-string">'com.github.autume:GestureLock:1.0.0'</span>
    }

</code>      

總的使用就是這樣,是不是很簡單!

具體實作過程

下面講下實作的過程,如果隻是直接拿來用的話也可以略過這部分。

自定義手勢密碼的圓形view

這部分主要參考Hongyang大大的部落格,稍微修改了一下

初始化傳入參數

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">public</span> <span class="hljs-title">GestureLockView</span>(Context context, <span class="hljs-keyword">int</span> colorNoFingerr, <span class="hljs-keyword">int</span> colorFingerOn, <span class="hljs-keyword">int</span> colorCorrect, <span class="hljs-keyword">int</span> colorError) {
        <span class="hljs-keyword">super</span>(context);
        <span class="hljs-keyword">this</span>.mColorNoFinger = colorNoFingerr;
        <span class="hljs-keyword">this</span>.mColorFingerOn = colorFingerOn;
        <span class="hljs-keyword">this</span>.mColorFingerUpCorrect = colorCorrect;
        <span class="hljs-keyword">this</span>.mColorFingerUpError = colorError;
        mPaint = <span class="hljs-keyword">new</span> Paint(Paint.ANTI_ALIAS_FLAG);
        mArrowPath = <span class="hljs-keyword">new</span> Path();
    }</code>

      

根據不同的觸摸狀态繪制不同顔色的圓

<code class="language-java hljs  has-numbering"> <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">protected</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onDraw</span>(Canvas canvas) {

        <span class="hljs-keyword">switch</span> (mCurrentStatus) {
            <span class="hljs-keyword">case</span> STATUS_FINGER_ON:
                <span class="hljs-comment">// 繪制外圓</span>
                mPaint.setStyle(Style.STROKE);
                mPaint.setColor(mColorFingerOn);
                mPaint.setStrokeWidth(<span class="hljs-number">2</span>);
                canvas.drawCircle(mCenterX, mCenterY, mRadius, mPaint);
                <span class="hljs-comment">// 繪制内圓</span>
                mPaint.setStyle(Style.FILL);
                canvas.drawCircle(mCenterX, mCenterY, mRadius * mInnerCircleRadiusRate, mPaint);
                <span class="hljs-keyword">break</span>;
            <span class="hljs-keyword">case</span> STATUS_FINGER_UP:
                <span class="hljs-comment">// 繪制外圓</span>
                <span class="hljs-keyword">if</span> (GestureLockViewGroup.isCorrect)
                    mPaint.setColor(mColorFingerUpCorrect);
                <span class="hljs-keyword">else</span>
                    mPaint.setColor(mColorFingerUpError);
                mPaint.setStyle(Style.STROKE);
                mPaint.setStrokeWidth(<span class="hljs-number">2</span>);
                canvas.drawCircle(mCenterX, mCenterY, mRadius, mPaint);
                <span class="hljs-comment">// 繪制内圓</span>
                mPaint.setStyle(Style.FILL);
                canvas.drawCircle(mCenterX, mCenterY, mRadius * mInnerCircleRadiusRate, mPaint);
                drawArrow(canvas);
                <span class="hljs-keyword">break</span>;
            <span class="hljs-keyword">case</span> STATUS_NO_FINGER:
                <span class="hljs-comment">// 繪制外圓</span>
                mPaint.setStyle(Style.STROKE);
                mPaint.setColor(mColorNoFinger);
                canvas.drawCircle(mCenterX, mCenterY, mRadius, mPaint);
                <span class="hljs-comment">// 繪制内圓</span>
                mPaint.setStyle(Style.FILL);
                mPaint.setColor(mColorNoFinger);
                canvas.drawCircle(mCenterX, mCenterY, mRadius * mInnerCircleRadiusRate, mPaint);
                <span class="hljs-keyword">break</span>;
        }
    }

</code>      

繪制箭頭

<code class="language-java hljs  has-numbering"> <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">protected</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onMeasure</span>(<span class="hljs-keyword">int</span> widthMeasureSpec, <span class="hljs-keyword">int</span> heightMeasureSpec) {
        <span class="hljs-keyword">super</span>.onMeasure(widthMeasureSpec, heightMeasureSpec);

        mWidth = MeasureSpec.getSize(widthMeasureSpec);
        mHeight = MeasureSpec.getSize(heightMeasureSpec);

        <span class="hljs-comment">// 取長和寬中的小值</span>
        mWidth = mWidth < mHeight ? mWidth : mHeight;
        mRadius = mCenterX = mCenterY = mWidth / <span class="hljs-number">2</span>;
        mRadius -= mStrokeWidth / <span class="hljs-number">2</span>;

        <span class="hljs-comment">// 繪制三角形,初始時是個預設箭頭朝上的一個等腰三角形,使用者繪制結束後,根據由兩個GestureLockView決定需要旋轉多少度</span>
        <span class="hljs-keyword">float</span> mArrowLength = mWidth / <span class="hljs-number">2</span> * mArrowRate;
        mArrowPath.moveTo(mWidth / <span class="hljs-number">2</span>, mStrokeWidth + <span class="hljs-number">2</span>);
        mArrowPath.lineTo(mWidth / <span class="hljs-number">2</span> - mArrowLength, mStrokeWidth + <span class="hljs-number">2</span> + mArrowLength);
        mArrowPath.lineTo(mWidth / <span class="hljs-number">2</span> + mArrowLength, mStrokeWidth + <span class="hljs-number">2</span> + mArrowLength);
        mArrowPath.close();
        mArrowPath.setFillType(Path.FillType.WINDING);
    }

 <span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">drawArrow</span>(Canvas canvas) {
        <span class="hljs-keyword">if</span> (mArrowDegree != -<span class="hljs-number">1</span>) {
            mPaint.setStyle(Paint.Style.FILL);

            canvas.save();
            canvas.rotate(mArrowDegree, mCenterX, mCenterY);
            canvas.drawPath(mArrowPath, mPaint);
            canvas.restore();
        }
    }

</code>      

自定義手勢密碼的ViewGroup

加入自定義view的屬性

<code class="language-java hljs  has-numbering"><?xml version=<span class="hljs-string">"1.0"</span> encoding=<span class="hljs-string">"utf-8"</span>?>
<resources>

    <attr name=<span class="hljs-string">"color_no_finger"</span> format=<span class="hljs-string">"color"</span> />
    <attr name=<span class="hljs-string">"color_finger_on"</span> format=<span class="hljs-string">"color"</span> />
    <attr name=<span class="hljs-string">"color_finger_up_correct"</span> format=<span class="hljs-string">"color"</span> />
    <attr name=<span class="hljs-string">"color_finger_up_error"</span> format=<span class="hljs-string">"color"</span> />
    <attr name=<span class="hljs-string">"count"</span> format=<span class="hljs-string">"integer"</span> />
    <attr name=<span class="hljs-string">"preference_id"</span> format=<span class="hljs-string">"integer"</span> />

    <declare-styleable name=<span class="hljs-string">"GestureLockViewGroup"</span>>
        <attr name=<span class="hljs-string">"color_no_finger"</span> />
        <attr name=<span class="hljs-string">"color_finger_on"</span> />
        <attr name=<span class="hljs-string">"color_finger_up_correct"</span> />
        <attr name=<span class="hljs-string">"color_finger_up_error"</span> />
        <attr name=<span class="hljs-string">"count"</span> />
        <attr name=<span class="hljs-string">"preference_id"</span> />
    </declare-styleable>

</resources>

</code>      

擷取參數及初始化

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">public</span> <span class="hljs-title">GestureLockViewGroup</span>(Context context, AttributeSet attrs,
                                <span class="hljs-keyword">int</span> defStyle) {
        <span class="hljs-keyword">super</span>(context, attrs, defStyle);

        <span class="hljs-javadoc">/**
         * 獲得所有自定義的參數的值
         */</span>
        TypedArray a = context.obtainStyledAttributes(attrs,
                R.styleable.GestureLockViewGroup, defStyle, <span class="hljs-number">0</span>);

        mNoFingerColor = a.getColor(R.styleable.GestureLockViewGroup_color_no_finger, mNoFingerColor);
        mFingerOnColor = a.getColor(R.styleable.GestureLockViewGroup_color_finger_on, mFingerOnColor);
        mFingerUpColorCorrect = a.getColor(R.styleable.GestureLockViewGroup_color_finger_up_correct, mFingerUpColorCorrect);
        mFingerUpColorError = a.getColor(R.styleable.GestureLockViewGroup_color_finger_up_error, mFingerUpColorError);
        mCount = a.getInt(R.styleable.GestureLockViewGroup_count, mCount);
        mPrferenceId = a.getInt(R.styleable.GestureLockViewGroup_preference_id, mPrferenceId);

        a.recycle();

        <span class="hljs-javadoc">/**
         * 擷取密碼狀态
         */</span>
        gesturePreference = <span class="hljs-keyword">new</span> GesturePreference(context, mPrferenceId);
        password = gesturePreference.ReadStringPreference();
        Log.d(TAG, <span class="hljs-string">"password now is : "</span> + password);
        isSetPassword = !password.equals(<span class="hljs-string">"null"</span>); <span class="hljs-comment">//判斷是否已經儲存有密碼</span>
        isInPasswordSettingMode = !isSetPassword;     <span class="hljs-comment">//當未設定密碼,進入密碼設定模式</span>

        <span class="hljs-comment">// 初始化畫筆</span>
        mPaint = <span class="hljs-keyword">new</span> Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeCap(Paint.Cap.ROUND);
        mPaint.setStrokeJoin(Paint.Join.ROUND);
        mPath = <span class="hljs-keyword">new</span> Path();
    }

</code>      

在觸摸監聽中處理不同僚件

<code class="language-java hljs  has-numbering"> <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">onTouchEvent</span>(MotionEvent event) {
        <span class="hljs-keyword">int</span> action = event.getAction();
        <span class="hljs-keyword">int</span> x = (<span class="hljs-keyword">int</span>) event.getX();
        <span class="hljs-keyword">int</span> y = (<span class="hljs-keyword">int</span>) event.getY();
        Log.d(TAG, <span class="hljs-string">"mTryTimes : "</span> + mTryTimes);

        <span class="hljs-comment">//重試次數超過限制,直接傳回</span>
        <span class="hljs-keyword">if</span> (mTryTimes <= <span class="hljs-number">0</span> && isRetryTimeLimit) { 
            <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
        }

        <span class="hljs-keyword">switch</span> (action) {
            <span class="hljs-keyword">case</span> MotionEvent.ACTION_DOWN:
                reset();     <span class="hljs-comment">// 重置</span>
                <span class="hljs-keyword">break</span>;
            <span class="hljs-keyword">case</span> MotionEvent.ACTION_MOVE:
                drawAndGetSelectedWhenTouchMove(x, y);
                <span class="hljs-keyword">break</span>;
            <span class="hljs-keyword">case</span> MotionEvent.ACTION_UP:
                <span class="hljs-keyword">if</span> (isInPasswordSettingMode) {
                    <span class="hljs-keyword">if</span> (gesturePasswordSettingListener != <span class="hljs-keyword">null</span>)
                        setPasswordHandle();  <span class="hljs-comment">//設定密碼</span>
                } <span class="hljs-keyword">else</span> {
                    <span class="hljs-keyword">if</span> (mChoose.size() > <span class="hljs-number">0</span>) {
                        isCorrect = checkAnswer();
                    } <span class="hljs-keyword">else</span> {
                        <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
                    }

                    <span class="hljs-keyword">if</span> (gestureEventListener != <span class="hljs-keyword">null</span>) {
                        gestureEventListener.onGestureEvent(isCorrect);  <span class="hljs-comment">//将結果回調</span>
                    }
                    <span class="hljs-keyword">if</span> (<span class="hljs-keyword">this</span>.mTryTimes == <span class="hljs-number">0</span>) {
                        gestureUnmatchedExceedListener.onUnmatchedExceedBoundary();  <span class="hljs-comment">//超出重試次數,進入回調</span>
                    }
                }
                drawWhenTouchUp();
                <span class="hljs-keyword">break</span>;
        }
        invalidate();
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
    }

 <span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">drawAndGetSelectedWhenTouchMove</span>(<span class="hljs-keyword">int</span> x, <span class="hljs-keyword">int</span> y) {
        mPaint.setColor(mFingerOnColor);
        mPaint.setAlpha(<span class="hljs-number">50</span>);
        GestureLockView child = getChildIdByPos(x, y);
        <span class="hljs-keyword">if</span> (child != <span class="hljs-keyword">null</span>) {
            <span class="hljs-keyword">int</span> cId = child.getId();
            <span class="hljs-keyword">if</span> (!mChoose.contains(cId)) {
                mChoose.add(cId);
                mChooseString = mChooseString + cId;
                child.setMode(Mode.STATUS_FINGER_ON);
                <span class="hljs-comment">// 設定指引線的起點</span>
                mLastPathX = child.getLeft() / <span class="hljs-number">2</span> + child.getRight() / <span class="hljs-number">2</span>;
                mLastPathY = child.getTop() / <span class="hljs-number">2</span> + child.getBottom() / <span class="hljs-number">2</span>;

                <span class="hljs-keyword">if</span> (mChoose.size() == <span class="hljs-number">1</span>)<span class="hljs-comment">// 目前添加為第一個</span>
                {
                    mPath.moveTo(mLastPathX, mLastPathY);
                } <span class="hljs-keyword">else</span>
                <span class="hljs-comment">// 非第一個,将兩者使用線連上</span>
                {
                    mPath.lineTo(mLastPathX, mLastPathY);
                }
            }
        }
        <span class="hljs-comment">// 指引線的終點</span>
        mTmpTarget.x = x;
        mTmpTarget.y = y;
    }

    <span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">drawWhenTouchUp</span>() {
        <span class="hljs-keyword">if</span> (isCorrect) {
            mPaint.setColor(mFingerUpColorCorrect);
        } <span class="hljs-keyword">else</span> {
            mPaint.setColor(mFingerUpColorError);
        }
        mPaint.setAlpha(<span class="hljs-number">50</span>);
        Log.d(TAG, <span class="hljs-string">"mChoose = "</span> + mChoose);
        <span class="hljs-comment">// 将終點設定位置為起點,即取消指引線</span>
        mTmpTarget.x = mLastPathX;
        mTmpTarget.y = mLastPathY;

        <span class="hljs-comment">// 改變子元素的狀态為UP</span>
        setItemModeUp();

        <span class="hljs-comment">// 計算每個元素中箭頭需要旋轉的角度</span>
        <span class="hljs-keyword">for</span> (<span class="hljs-keyword">int</span> i = <span class="hljs-number">0</span>; i + <span class="hljs-number">1</span> < mChoose.size(); i++) {
            <span class="hljs-keyword">int</span> childId = mChoose.get(i);
            <span class="hljs-keyword">int</span> nextChildId = mChoose.get(i + <span class="hljs-number">1</span>);

            GestureLockView startChild = (GestureLockView) findViewById(childId);
            GestureLockView nextChild = (GestureLockView) findViewById(nextChildId);

            <span class="hljs-keyword">int</span> dx = nextChild.getLeft() - startChild.getLeft();
            <span class="hljs-keyword">int</span> dy = nextChild.getTop() - startChild.getTop();
            <span class="hljs-comment">// 計算角度</span>
            <span class="hljs-keyword">int</span> angle = (<span class="hljs-keyword">int</span>) Math.toDegrees(Math.atan2(dy, dx)) + <span class="hljs-number">90</span>;
            startChild.setArrowDegree(angle);
        }
    }
</code>

      

設定密碼處理:

<code class="language-java hljs  has-numbering">    <span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">setPasswordHandle</span>() {
        <span class="hljs-keyword">if</span> (isWaitForFirstInput) {
            <span class="hljs-keyword">if</span> (gesturePasswordSettingListener.onFirstInputComplete(mChooseString.length())) {
                firstInputPassword = mChooseString;
                isWaitForFirstInput = <span class="hljs-keyword">false</span>;
            }
        } <span class="hljs-keyword">else</span> {
            <span class="hljs-keyword">if</span> (firstInputPassword.equals(mChooseString)) {
                gesturePasswordSettingListener.onSuccess();
                savePassword(mChooseString);
                isInPasswordSettingMode = <span class="hljs-keyword">false</span>;
            } <span class="hljs-keyword">else</span> {
                gesturePasswordSettingListener.onFail();
            }
        }
        reset();
    }

</code>      

檢查手勢密碼是否正确:

<code class="language-java hljs  has-numbering">    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">checkAnswer</span>() {
        <span class="hljs-keyword">if</span> (password.equals(mChooseString)) {
            <span class="hljs-keyword">return</span> <span class="hljs-keyword">true</span>;
        } <span class="hljs-keyword">else</span> {
            <span class="hljs-keyword">if</span> (isRetryTimeLimit)
                <span class="hljs-keyword">this</span>.mTryTimes--;
            <span class="hljs-keyword">return</span> <span class="hljs-keyword">false</span>;
        }
    }</code>

      

重置:

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">private</span> <span class="hljs-keyword">void</span> <span class="hljs-title">reset</span>() {
        mChoose.clear();
        mChooseString = <span class="hljs-string">""</span>;
        mPath.reset();
        <span class="hljs-keyword">for</span> (GestureLockView gestureLockView : mGestureLockViews) {
            gestureLockView.setMode(Mode.STATUS_NO_FINGER);
            gestureLockView.setArrowDegree(-<span class="hljs-number">1</span>);
        }
    }</code>

      

對外公開的一些方法

<code class="language-java hljs  has-numbering">    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">setGestureEventListener</span>(GestureEventListener gestureEventListener) {
        <span class="hljs-keyword">this</span>.gestureEventListener = gestureEventListener;
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">setGestureUnmatchedExceedListener</span>(<span class="hljs-keyword">int</span> retryTimes, GestureUnmatchedExceedListener gestureUnmatchedExceedListener) {
        isRetryTimeLimit = <span class="hljs-keyword">true</span>;
        <span class="hljs-keyword">this</span>.mTryTimes = retryTimes;
        <span class="hljs-keyword">this</span>.gestureUnmatchedExceedListener = gestureUnmatchedExceedListener;
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">setGesturePasswordSettingListener</span>(GesturePasswordSettingListener gesturePasswordSettingListener) {
        <span class="hljs-keyword">this</span>.gesturePasswordSettingListener = gesturePasswordSettingListener;
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">removePassword</span>() {
        gesturePreference.WriteStringPreference(<span class="hljs-string">"null"</span>);
        <span class="hljs-keyword">this</span>.isSetPassword = <span class="hljs-keyword">false</span>;
        isWaitForFirstInput = <span class="hljs-keyword">true</span>;
        isInPasswordSettingMode = <span class="hljs-keyword">true</span>;
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">savePassword</span>(String password) {
        <span class="hljs-keyword">this</span>.password = password;
        gesturePreference.WriteStringPreference(password);
    }

    <span class="hljs-keyword">public</span> String <span class="hljs-title">getPassword</span>() {
        <span class="hljs-keyword">return</span> password;
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">resetView</span>() {
        reset();
        invalidate();
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">setRetryTimes</span>(<span class="hljs-keyword">int</span> retryTimes) {
        <span class="hljs-keyword">this</span>.mTryTimes = retryTimes;
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">boolean</span> <span class="hljs-title">isSetPassword</span>() {
        <span class="hljs-keyword">return</span> isSetPassword;
    }

</code>      

定義密碼存儲的Preference

就是簡單的存和讀

<code class="language-java hljs  has-numbering"><span class="hljs-keyword">public</span> <span class="hljs-title">GesturePreference</span>(Context context, <span class="hljs-keyword">int</span> nameTableId) {
        <span class="hljs-keyword">this</span>.context = context;
        <span class="hljs-keyword">if</span> (nameTableId != -<span class="hljs-number">1</span>)
            <span class="hljs-keyword">this</span>.nameTable = nameTable + nameTableId;
    }

    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">WriteStringPreference</span>(String data) {
        SharedPreferences preferences = context.getSharedPreferences(fileName, Context.MODE_PRIVATE);
        SharedPreferences.Editor editor = preferences.edit();
        editor.putString(nameTable, data);
        editor.commit();
    }

    <span class="hljs-keyword">public</span> String <span class="hljs-title">ReadStringPreference</span>() {
        SharedPreferences preferences = context.getSharedPreferences(fileName, Context.MODE_PRIVATE);
        <span class="hljs-keyword">return</span> preferences.getString(nameTable, <span class="hljs-string">"null"</span>);
    }

</code>      

總結

ok,至此,整個手勢密碼的實作就完成了。

本文首發位址:http://www.codeceo.com/article/android-gusture-lock.html