超实用的Android手势锁制作实例教程

<&＃63;xml version="1.0" encoding="utf-8"&＃63;> 
 
 
   
   
   
   
   
   
 
   
     
     
     
     
     
     
   
 
 

package com.zhy.zhy_gesturelockview.view; 
 
import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Paint; 
import android.graphics.Paint.Style; 
import android.graphics.Path; 
import android.view.View; 
 
public class GestureLockView extends View 
{ 
  private static final String TAG = "GestureLockView"; 
  /** 
   * GestureLockView的三种状态 
   */ 
  enum Mode 
  { 
    STATUS_NO_FINGER, STATUS_FINGER_ON, STATUS_FINGER_UP; 
  } 
 
  /** 
   * GestureLockView的当前状态 
   */ 
  private Mode mCurrentStatus = Mode.STATUS_NO_FINGER; 
   
  /** 
   * 宽度 
   */ 
  private int mWidth; 
  /** 
   * 高度 
   */ 
  private int mHeight; 
  /** 
   * 外圆半径 
   */ 
  private int mRadius; 
  /** 
   * 画笔的宽度 
   */ 
  private int mStrokeWidth = 2; 
 
  /** 
   * 圆心坐标 
   */ 
  private int mCenterX; 
  private int mCenterY; 
  private Paint mPaint; 
 
  /** 
   * 箭头（小三角最长边的一半长度 = mArrawRate * mWidth / 2 ） 
   */ 
  private float mArrowRate = 0.333f; 
  private int mArrowDegree = -1; 
  private Path mArrowPath; 
  /** 
   * 内圆的半径 = mInnerCircleRadiusRate * mRadus 
   * 
   */ 
  private float mInnerCircleRadiusRate = 0.3F; 
 
  /** 
   * 四个颜色，可由用户自定义，初始化时由GestureLockViewGroup传入 
   */ 
  private int mColorNoFingerInner; 
  private int mColorNoFingerOutter; 
  private int mColorFingerOn; 
  private int mColorFingerUp; 
 
  public GestureLockView(Context context , int colorNoFingerInner , int colorNoFingerOutter , int colorFingerOn , int colorFingerUp ) 
  { 
    super(context); 
    this.mColorNoFingerInner = colorNoFingerInner; 
    this.mColorNoFingerOutter = colorNoFingerOutter; 
    this.mColorFingerOn = colorFingerOn; 
    this.mColorFingerUp = colorFingerUp; 
    mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
    mArrowPath = new Path(); 
 
  } 
 
  @Override 
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) 
  { 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
 
    mWidth = MeasureSpec.getSize(widthMeasureSpec); 
    mHeight = MeasureSpec.getSize(heightMeasureSpec); 
 
    // 取长和宽中的小值 
    mWidth = mWidth 

package com.zhy.zhy_gesturelockview.view; 
 
import java.util.ArrayList; 
import java.util.List; 
 
import android.content.Context; 
import android.content.res.TypedArray; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Path; 
import android.graphics.Point; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.MotionEvent; 
import android.view.View; 
import android.widget.RelativeLayout; 
 
import com.zhy.zhy_gesturelockview.R; 
import com.zhy.zhy_gesturelockview.view.GestureLockView.Mode; 
 
/** 
 * 整体包含n*n个GestureLockView,每个GestureLockView间间隔mMarginBetweenLockView， 
 * 最外层的GestureLockView与容器存在mMarginBetweenLockView的外边距 
 * 
 * 关于GestureLockView的边长（n*n）： n * mGestureLockViewWidth + ( n + 1 ) * 
 * mMarginBetweenLockView = mWidth ; 得：mGestureLockViewWidth = 4 * mWidth / ( 5 
 * * mCount + 1 ) 注：mMarginBetweenLockView = mGestureLockViewWidth * 0.25 ; 
 * 
 * @author zhy 
 * 
 */ 
public class GestureLockViewGroup extends RelativeLayout 
{ 
 
  private static final String TAG = "GestureLockViewGroup"; 
  /** 
   * 保存所有的GestureLockView 
   */ 
  private GestureLockView[] mGestureLockViews; 
  /** 
   * 每个边上的GestureLockView的个数 
   */ 
  private int mCount = 4; 
  /** 
   * 存储答案 
   */ 
  private int[] mAnswer = { 0, 1, 2, 5, 8 }; 
  /** 
   * 保存用户选中的GestureLockView的id 
   */ 
  private List mChoose = new ArrayList(); 
 
  private Paint mPaint; 
  /** 
   * 每个GestureLockView中间的间距 设置为：mGestureLockViewWidth * 25% 
   */ 
  private int mMarginBetweenLockView = 30; 
  /** 
   * GestureLockView的边长 4 * mWidth / ( 5 * mCount + 1 ) 
   */ 
  private int mGestureLockViewWidth; 
 
  /** 
   * GestureLockView无手指触摸的状态下内圆的颜色 
   */ 
  private int mNoFingerInnerCircleColor = 0xFF939090; 
  /** 
   * GestureLockView无手指触摸的状态下外圆的颜色 
   */ 
  private int mNoFingerOuterCircleColor = 0xFFE0DBDB; 
  /** 
   * GestureLockView手指触摸的状态下内圆和外圆的颜色 
   */ 
  private int mFingerOnColor= 0xFF378FC9; 
  /** 
   * GestureLockView手指抬起的状态下内圆和外圆的颜色 
   */ 
  private int mFingerUpColor = 0xFFFF0000; 
 
  /** 
   * 宽度 
   */ 
  private int mWidth; 
  /** 
   * 高度 
   */ 
  private int mHeight; 
 
  private Path mPath; 
  /** 
   * 指引线的开始位置x 
   */ 
  private int mLastPathX; 
  /** 
   * 指引线的开始位置y 
   */ 
  private int mLastPathY; 
  /** 
   * 指引下的结束位置 
   */ 
  private Point mTmpTarget = new Point(); 
 
  /** 
   * 最大尝试次数 
   */ 
  private int mTryTimes = 4; 
  /** 
   * 回调接口 
   */ 
  private OnGestureLockViewListener mOnGestureLockViewListener; 
 
  public GestureLockViewGroup(Context context, AttributeSet attrs) 
  { 
    this(context, attrs, 0); 
  } 
 
  public GestureLockViewGroup(Context context, AttributeSet attrs, 
      int defStyle) 
  { 
    super(context, attrs, defStyle); 
    /** 
     * 获得所有自定义的参数的值 
     */ 
    TypedArray a = context.getTheme().obtainStyledAttributes(attrs, 
        R.styleable.GestureLockViewGroup, defStyle, 0); 
    int n = a.getIndexCount(); 
 
    for (int i = 0; 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 
 
 
   
 
 
 

package com.zhy.zhy_gesturelockview; 
 
import android.app.Activity; 
import android.os.Bundle; 
import android.widget.Toast; 
 
import com.zhy.zhy_gesturelockview.view.GestureLockViewGroup; 
import com.zhy.zhy_gesturelockview.view.GestureLockViewGroup.OnGestureLockViewListener; 
 
public class MainActivity extends Activity 
{ 
 
  private GestureLockViewGroup mGestureLockViewGroup; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) 
  { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
 
    mGestureLockViewGroup = (GestureLockViewGroup) findViewById(R.id.id_gestureLockViewGroup); 
    mGestureLockViewGroup.setAnswer(new int[] { 1, 2, 3, 4,5 }); 
    mGestureLockViewGroup 
        .setOnGestureLockViewListener(new OnGestureLockViewListener() 
        { 
 
          @Override 
          public void onUnmatchedExceedBoundary() 
          { 
            Toast.makeText(MainActivity.this, "错误5次...", 
                Toast.LENGTH_SHORT).show(); 
            mGestureLockViewGroup.setUnMatchExceedBoundary(5); 
          } 
 
          @Override 
          public void onGestureEvent(boolean matched) 
          { 
            Toast.makeText(MainActivity.this, matched+"", 
                Toast.LENGTH_SHORT).show(); 
          } 
 
          @Override 
          public void onBlockSelected(int cId) 
          { 
          } 
        }); 
  } 
 
}