Android 简易手势密码开源库详解

概述简介本文介绍一个Android手势密码开源库的使用及实现的详细过程，该开源库主要实现以下几个功能：

简介

本文介绍一个AndroID手势密码开源库的使用及实现的详细过程，该开源库主要实现以下几个功能：

支持手势密码的绘制，并支持密码保存功能，解锁时自动比对密码给出结果 封装了绘制密码的方法，比对两次密码是否一致，可以快捷地进行手势密码的设置 可以设置密码输入错误后的重试次数上限 可以自定义不同状态下手势密码图案的颜色 可以自定义手势密码的触摸点数量（n*n）

最近需要用到手势密码解锁功能，找了一些demo感觉用起来都有点麻烦，于是参考一些文章自己造了下轮子，封装了相关的一些方法，使用起来比较便捷。

github链接如下，觉得还可以请帮忙star支持下~

github链接    个人博客

使用效果

首先看下使用效果：

使用方法

XML布局文件中使用该控件

<com.syd.oden.gesturelock.vIEw.GestureLockVIEwGroup  androID:ID="@+ID/gesturelock"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent"  app:preference_ID="1"  androID:layout_margintop="30dp"  app:count="3" />

可以设置的一些参数，说明如下:

color_no_finger:未触摸时圆形的颜色 color_finger_on:触摸时圆形的颜色 color_finger_up_correct:输入正确时圆形的颜色 color_finger_up_error:出错时圆形的颜色 count：收拾密码的圆形数量，n*n preference_ID：手势密码保存的ID号，不输入或输入-1则使用默认的ID

初始化

private voID initGesture() {  mGestureLockVIEwGroup = (GestureLockVIEwGroup) findVIEwByID(R.ID.gesturelock);  gestureEventListener();  gesturePasswordSettingListener();  gestureRetrylimitListener(); }

设置手势密码监听事件

private voID gestureEventListener() {  mGestureLockVIEwGroup.setGestureEventListener(new GestureEventListener() {   @OverrIDe   public voID onGestureEvent(boolean matched) {    mylog.d("onGestureEvent matched: " + matched);    if (!matched) {     tv_state.setTextcolor(color.RED);     tv_state.setText("手势密码错误");    } else {     if (isreset) {      isreset = false;      Toast.makeText(MainActivity.this,"清除成功!",Toast.LENGTH_SHORT).show();      resetGesturePattern();     } else {      tv_state.setTextcolor(color.WHITE);      tv_state.setText("手势密码正确");     }    }   }  }); }

若已经设置有密码则会进入该回调，在这里对结果进行处理，上面的例子中加入了一个重设密码的处理。

手势密码设置

private voID gesturePasswordSettingListener() {  mGestureLockVIEwGroup.setGesturePasswordSettingListener(new GesturePasswordSettingListener() {   @OverrIDe   public boolean onFirstinputComplete(int len) {    if (len > 3) {     tv_state.setTextcolor(color.WHITE);     tv_state.setText("再次绘制手势密码");     return true;    } else {     tv_state.setTextcolor(color.RED);     tv_state.setText("最少连接4个点，请重新输入!");     return false;    }   }   @OverrIDe   public voID onSuccess() {    tv_state.setTextcolor(color.WHITE);    Toast.makeText(MainActivity.this,"密码设置成功!",Toast.LENGTH_SHORT).show();    tv_state.setText("请输入手势密码解锁!");   }   @OverrIDe   public voID onFail() {    tv_state.setTextcolor(color.RED);    tv_state.setText("与上一次绘制不一致，请重新绘制");   }  }); }

若还未设置密码，绘制手势的时候会进入该回调，返回值为绘制的触摸点的数量，onFirstinputComplete中返回true则进入第二手势密码的绘制，两次输入一致后自动保存密码。

重试次数超过限制监听

private voID gestureRetrylimitListener() {  mGestureLockVIEwGroup.setGestureUnmatchedExceedListener(3,new GestureUnmatchedExceedListener() {   @OverrIDe   public voID onUnmatchedExceedBoundary() {    tv_state.setTextcolor(color.RED);    tv_state.setText("错误次数过多，请稍后再试!");   }  }); }

若设置了该监听事件，则输入错误有次数限制，超过上限后进入回调，在该回调中进行处理。

清除密码的逻辑自己加个判断处理下即可，具体可以看下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中加入：

allprojects {  repositorIEs {   ...   maven { url "https://jitpack.io" }  } }

module的build.gradle中加入依赖：

dependencIEs {   compile 'com.github.autume:GestureLock:1.0.0' }

总的使用就是这样，是不是很简单！

具体实现过程

下面讲下实现的过程，如果只是直接拿来用的话也可以略过这部分。

自定义手势密码的圆形vIEw

这部分主要参考Hongyang大大的博客，稍微修改了一下

初始化传入参数

public GestureLockVIEw(Context context,int colorNoFingerr,int colorFingerOn,int colorCorrect,int colorError) {  super(context);  this.mcolorNoFinger = colorNoFingerr;  this.mcolorFingerOn = colorFingerOn;  this.mcolorFingerUpCorrect = colorCorrect;  this.mcolorFingerUpError = colorError;  mPaint = new Paint(Paint.ANTI_AliAS_FLAG);  mArrowPath = new Path(); }

根据不同的触摸状态绘制不同颜色的圆

@OverrIDe protected voID onDraw(Canvas canvas) {  switch (mCurrentStatus) {   case STATUS_FINGER_ON:    // 绘制外圆    mPaint.setStyle(Style.stroke);    mPaint.setcolor(mcolorFingerOn);    mPaint.setstrokeWIDth(2);    canvas.drawCircle(mCenterX,mCenterY,mRadius,mPaint);    // 绘制内圆    mPaint.setStyle(Style.FILL);    canvas.drawCircle(mCenterX,mRadius * mInnerCircleRadiusRate,mPaint);    break;   case STATUS_FINGER_UP:    // 绘制外圆    if (GestureLockVIEwGroup.isCorrect)     mPaint.setcolor(mcolorFingerUpCorrect);    else     mPaint.setcolor(mcolorFingerUpError);    mPaint.setStyle(Style.stroke);    mPaint.setstrokeWIDth(2);    canvas.drawCircle(mCenterX,mPaint);    drawArrow(canvas);    break;   case STATUS_NO_FINGER:    // 绘制外圆    mPaint.setStyle(Style.stroke);    mPaint.setcolor(mcolorNoFinger);    canvas.drawCircle(mCenterX,mPaint);    // 绘制内圆    mPaint.setStyle(Style.FILL);    mPaint.setcolor(mcolorNoFinger);    canvas.drawCircle(mCenterX,mPaint);    break;  } }

绘制箭头

@OverrIDe protected voID onMeasure(int wIDthMeasureSpec,int heightmeasureSpec) {  super.onMeasure(wIDthMeasureSpec,heightmeasureSpec);  mWIDth = MeasureSpec.getSize(wIDthMeasureSpec);  mHeight = MeasureSpec.getSize(heightmeasureSpec);  // 取长和宽中的小值  mWIDth = mWIDth < mHeight ? mWIDth : mHeight;  mRadius = mCenterX = mCenterY = mWIDth / 2;  mRadius -= mstrokeWIDth / 2;  // 绘制三角形，初始时是个默认箭头朝上的一个等腰三角形，用户绘制结束后，根据由两个GestureLockVIEw决定需要旋转多少度  float mArrowLength = mWIDth / 2 * mArrowRate;  mArrowPath.moveto(mWIDth / 2,mstrokeWIDth + 2);  mArrowPath.lineto(mWIDth / 2 - mArrowLength,mstrokeWIDth + 2 + mArrowLength);  mArrowPath.lineto(mWIDth / 2 + mArrowLength,mstrokeWIDth + 2 + mArrowLength);  mArrowPath.close();  mArrowPath.setFillType(Path.FillType.WINDING); } private voID drawArrow(Canvas canvas) {  if (mArrowDegree != -1) {   mPaint.setStyle(Paint.Style.FILL);   canvas.save();   canvas.rotate(mArrowDegree,mCenterX,mCenterY);   canvas.drawPath(mArrowPath,mPaint);   canvas.restore();  } }

自定义手势密码的VIEwGroup

加入自定义view的属性

<?xml version="1.0" enCoding="utf-8"?><resources> <attr name="color_no_finger" format="color" /> <attr name="color_finger_on" format="color" /> <attr name="color_finger_up_correct" format="color" /> <attr name="color_finger_up_error" format="color" /> <attr name="count" format="integer" /> <attr name="preference_ID" format="integer" /> <declare-styleable name="GestureLockVIEwGroup">  <attr name="color_no_finger" />  <attr name="color_finger_on" />  <attr name="color_finger_up_correct" />  <attr name="color_finger_up_error" />  <attr name="count" />  <attr name="preference_ID" /> </declare-styleable></resources>

获取参数及初始化

public GestureLockVIEwGroup(Context context,AttributeSet attrs,int defStyle) {  super(context,attrs,defStyle);  /**   * 获得所有自定义的参数的值   */  TypedArray a = context.obtainStyledAttributes(attrs,R.styleable.GestureLockVIEwGroup,defStyle,0);  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();  /**   * 获取密码状态   */  gesturePreference = new GesturePreference(context,mPrferenceID);  password = gesturePreference.ReadStringPreference();  Log.d(TAG,"password Now is : " + password);  isSetPassword = !password.equals("null"); //判断是否已经保存有密码  isInPasswordSettingMode = !isSetPassword;  //当未设置密码，进入密码设置模式  // 初始化画笔  mPaint = new Paint(Paint.ANTI_AliAS_FLAG);  mPaint.setStyle(Paint.Style.stroke);  mPaint.setstrokeCap(Paint.Cap.ROUND);  mPaint.setstrokeJoin(Paint.Join.ROUND);  mPath = new Path(); }

根据参数绘制出圆

在onMeasure后调用该方法，绘制圆形矩阵

private GestureLockVIEw[] mGestureLockVIEws; //保存所有的GestureLockVIEwprivate voID initVIEws() {  // 初始化mGestureLockVIEws  if (mGestureLockVIEws == null) {   mGestureLockVIEws = new GestureLockVIEw[mCount * mCount];   // 计算每个GestureLockVIEw的宽度   mGestureLockVIEwWIDth = (int) (4 * mWIDth * 1.0f / (5 * mCount + 1));   //计算每个GestureLockVIEw的间距   mmarginBetweenLockVIEw = (int) (mGestureLockVIEwWIDth * 0.25);   // 设置画笔的宽度为GestureLockVIEw的内圆直径稍微小点   mPaint.setstrokeWIDth(mGestureLockVIEwWIDth * 0.29f);   for (int i = 0; i < mGestureLockVIEws.length; i++) {    //初始化每个GestureLockVIEw    mGestureLockVIEws[i] = new GestureLockVIEw(getContext(),mNoFingercolor,mFingerOncolor,mFingerUpcolorCorrect,mFingerUpcolorError);    mGestureLockVIEws[i].setID(i + 1);    //设置参数，主要是定位GestureLockVIEw间的位置    relativeLayout.LayoutParams lockerParams = new relativeLayout.LayoutParams(      mGestureLockVIEwWIDth,mGestureLockVIEwWIDth);    // 不是每行的第一个，则设置位置为前一个的右边    if (i % mCount != 0) {     lockerParams.addRule(relativeLayout.RIGHT_OF,mGestureLockVIEws[i - 1].getID());    }    // 从第二行开始，设置为上一行同一位置VIEw的下面    if (i > mCount - 1) {     lockerParams.addRule(relativeLayout.BELOW,mGestureLockVIEws[i - mCount].getID());    }    //设置右下左上的边距    int rightmargin = mmarginBetweenLockVIEw;    int bottommargin = mmarginBetweenLockVIEw;    int leftMagin = 0;    int topmargin = 0;    /**     * 每个VIEw都有右外边距和底外边距 第一行的有上外边距 第一列的有左外边距     */    if (i >= 0 && i < mCount)// 第一行    {     topmargin = mmarginBetweenLockVIEw;    }    if (i % mCount == 0)// 第一列    {     leftMagin = mmarginBetweenLockVIEw;    }    lockerParams.setmargins(leftMagin,topmargin,rightmargin,bottommargin);    mGestureLockVIEws[i].setMode(Mode.STATUS_NO_FINGER);    addVIEw(mGestureLockVIEws[i],lockerParams);   }  } }

在触摸监听中处理不同事件

@OverrIDe public boolean ontouchEvent(MotionEvent event) {  int action = event.getAction();  int x = (int) event.getX();  int y = (int) event.getY();  Log.d(TAG,"mTryTimes : " + mTryTimes);  //重试次数超过限制，直接返回  if (mTryTimes <= 0 && isRetryTimelimit) {    return true;  }  switch (action) {   case MotionEvent.ACTION_DOWN:    reset();  // 重置    break;   case MotionEvent.ACTION_MOVE:    drawAndGetSelecteDWhentouchmove(x,y);    break;   case MotionEvent.ACTION_UP:    if (isInPasswordSettingMode) {     if (gesturePasswordSettingListener != null)      setPasswordHandle(); //设置密码    } else {     if (mChoose.size() > 0) {      isCorrect = checkAnswer();     } else {      return true;     }     if (gestureEventListener != null) {      gestureEventListener.onGestureEvent(isCorrect); //将结果回调     }     if (this.mTryTimes == 0) {      gestureUnmatchedExceedListener.onUnmatchedExceedBoundary(); //超出重试次数，进入回调     }    }    drawWhentouchUp();    break;  }  invalIDate();  return true; } private voID drawAndGetSelecteDWhentouchmove(int x,int y) {  mPaint.setcolor(mFingerOncolor);  mPaint.setAlpha(50);  GestureLockVIEw child = getChildIDByPos(x,y);  if (child != null) {   int cID = child.getID();   if (!mChoose.contains(cID)) {    mChoose.add(cID);    mChooseString = mChooseString + cID;    child.setMode(Mode.STATUS_FINGER_ON);    // 设置指引线的起点    mLastPathX = child.getleft() / 2 + child.getRight() / 2;    mLastPathY = child.gettop() / 2 + child.getBottom() / 2;    if (mChoose.size() == 1)// 当前添加为第一个    {     mPath.moveto(mLastPathX,mLastPathY);    } else    // 非第一个，将两者使用线连上    {     mPath.lineto(mLastPathX,mLastPathY);    }   }  }  // 指引线的终点  mTmpTarget.x = x;  mTmpTarget.y = y; } private voID drawWhentouchUp() {  if (isCorrect) {   mPaint.setcolor(mFingerUpcolorCorrect);  } else {   mPaint.setcolor(mFingerUpcolorError);  }  mPaint.setAlpha(50);  Log.d(TAG,"mChoose = " + mChoose);  // 将终点设置位置为起点，即取消指引线  mTmpTarget.x = mLastPathX;  mTmpTarget.y = mLastPathY;  // 改变子元素的状态为UP  setItemmodeUp();  // 计算每个元素中箭头需要旋转的角度  for (int i = 0; i + 1 < mChoose.size(); i++) {   int childID = mChoose.get(i);   int nextChildID = mChoose.get(i + 1);   GestureLockVIEw startChild = (GestureLockVIEw) findVIEwByID(childID);   GestureLockVIEw nextChild = (GestureLockVIEw) findVIEwByID(nextChildID);   int dx = nextChild.getleft() - startChild.getleft();   int dy = nextChild.gettop() - startChild.gettop();   // 计算角度   int angle = (int) Math.todegrees(Math.atan2(dy,dx)) + 90;   startChild.setArrowDegree(angle);  } }

 设置密码处理:

private voID setPasswordHandle() {  if (isWaitForFirstinput) {   if (gesturePasswordSettingListener.onFirstinputComplete(mChooseString.length())) {    firstinputPassword = mChooseString;    isWaitForFirstinput = false;   }  } else {   if (firstinputPassword.equals(mChooseString)) {    gesturePasswordSettingListener.onSuccess();    savePassword(mChooseString);    isInPasswordSettingMode = false;   } else {    gesturePasswordSettingListener.onFail();   }  }  reset(); }

检查手势密码是否正确:

public boolean checkAnswer() {  if (password.equals(mChooseString)) {   return true;  } else {   if (isRetryTimelimit)    this.mTryTimes--;   return false;  } }

重置：

private voID reset() {  mChoose.clear();  mChooseString = "";  mPath.reset();  for (GestureLockVIEw gestureLockVIEw : mGestureLockVIEws) {   gestureLockVIEw.setMode(Mode.STATUS_NO_FINGER);   gestureLockVIEw.setArrowDegree(-1);  } }

对外公开的一些方法

public voID setGestureEventListener(GestureEventListener gestureEventListener) {  this.gestureEventListener = gestureEventListener; } public voID setGestureUnmatchedExceedListener(int retryTimes,GestureUnmatchedExceedListener gestureUnmatchedExceedListener) {  isRetryTimelimit = true;  this.mTryTimes = retryTimes;  this.gestureUnmatchedExceedListener = gestureUnmatchedExceedListener; } public voID setGesturePasswordSettingListener(GesturePasswordSettingListener gesturePasswordSettingListener) {  this.gesturePasswordSettingListener = gesturePasswordSettingListener; } public voID removePassword() {  gesturePreference.WriteStringPreference("null");  this.isSetPassword = false;  isWaitForFirstinput = true;  isInPasswordSettingMode = true; } public voID savePassword(String password) {  this.password = password;  gesturePreference.WriteStringPreference(password); } public String getpassword() {  return password; } public voID resetVIEw() {  reset();  invalIDate(); } public voID setRetryTimes(int retryTimes) {  this.mTryTimes = retryTimes; } public boolean isSetPassword() {  return isSetPassword; }

定义密码存储的Preference

就是简单的存和读

public GesturePreference(Context context,int nametableID) {  this.context = context;  if (nametableID != -1)   this.nametable = nametable + nametableID; } public voID WriteStringPreference(String data) {  SharedPreferences preferences = context.getSharedPreferences(filename,Context.MODE_PRIVATE);  SharedPreferences.Editor editor = preferences.edit();  editor.putString(nametable,data);  editor.commit(); } public String ReadStringPreference() {  SharedPreferences preferences = context.getSharedPreferences(filename,Context.MODE_PRIVATE);  return preferences.getString(nametable,"null"); }

总结

ok，至此，整个手势密码的实现就完成了。

以上就是小编对AndroID实现简易手势密码的资料整理，后续继续整理相关资料，谢谢大家对本站的支持！

总结

以上是内存溢出为你收集整理的Android 简易手势密码开源库详解全部内容，希望文章能够帮你解决Android 简易手势密码开源库详解所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。