package com.tejia.lijin.app.util.view.gesturelock;
|
|
import java.util.ArrayList;
|
import java.util.List;
|
|
import android.content.Context;
|
import android.content.res.TypedArray;
|
import android.graphics.Canvas;
|
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 android.widget.Toast;
|
|
import com.wpc.library.util.security.MD5Utils;
|
import com.tejia.lijin.app.R;
|
|
/**
|
* 整体包含n*n个GestureLockView,每个GestureLockView间间隔mMarginBetweenLockView，
|
* 最外层的GestureLockView与容器存在mMarginBetweenLockView的外边距
|
* <p>
|
* 关于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 List<Integer> mAnswer = new ArrayList<Integer>();
|
|
private String mMD5Answer = "";
|
/**
|
* 保存用户选中的GestureLockView的id
|
*/
|
private List<Integer> mChoose = new ArrayList<Integer>();
|
|
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 < n; i++) {
|
int attr = a.getIndex(i);
|
switch (attr) {
|
case R.styleable.GestureLockViewGroup_color_no_finger_inner_circle:
|
mNoFingerInnerCircleColor = a.getColor(attr,
|
mNoFingerInnerCircleColor);
|
break;
|
case R.styleable.GestureLockViewGroup_color_no_finger_outer_circle:
|
mNoFingerOuterCircleColor = a.getColor(attr,
|
mNoFingerOuterCircleColor);
|
break;
|
case R.styleable.GestureLockViewGroup_color_finger_on:
|
mFingerOnColor = a.getColor(attr, mFingerOnColor);
|
break;
|
case R.styleable.GestureLockViewGroup_color_finger_up:
|
mFingerUpColor = a.getColor(attr, mFingerUpColor);
|
break;
|
case R.styleable.GestureLockViewGroup_count:
|
mCount = a.getInt(attr, 3);
|
break;
|
case R.styleable.GestureLockViewGroup_tryTimes:
|
mTryTimes = a.getInt(attr, 5);
|
default:
|
break;
|
}
|
}
|
|
a.recycle();
|
|
// 初始化画笔
|
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
|
mPaint.setStyle(Paint.Style.STROKE);
|
// mPaint.setStrokeWidth(20);
|
mPaint.setStrokeCap(Paint.Cap.ROUND);
|
mPaint.setStrokeJoin(Paint.Join.ROUND);
|
// mPaint.setColor(Color.parseColor("#aaffffff"));
|
mPath = new Path();
|
}
|
|
@Override
|
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
|
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
|
|
mWidth = MeasureSpec.getSize(widthMeasureSpec);
|
mHeight = MeasureSpec.getSize(heightMeasureSpec);
|
|
// Log.e(TAG, mWidth + "");
|
// Log.e(TAG, mHeight + "");
|
|
mHeight = mWidth = mWidth < mHeight ? mWidth : mHeight;
|
|
// setMeasuredDimension(mWidth, mHeight);
|
|
// 初始化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(5);
|
|
for (int i = 0; i < mGestureLockViews.length; i++) {
|
// 初始化每个GestureLockView
|
mGestureLockViews[i] = new GestureLockView(getContext(),
|
mNoFingerInnerCircleColor, mNoFingerOuterCircleColor,
|
mFingerOnColor, mFingerUpColor);
|
mGestureLockViews[i].setId(i + 1);
|
// 设置参数，主要是定位GestureLockView间的位置
|
LayoutParams lockerParams = new 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(GestureLockView.Mode.STATUS_NO_FINGER);
|
addView(mGestureLockViews[i], lockerParams);
|
}
|
|
Log.e(TAG, "mWidth = " + mWidth + " , mGestureViewWidth = "
|
+ mGestureLockViewWidth + " , mMarginBetweenLockView = "
|
+ mMarginBetweenLockView);
|
|
}
|
}
|
|
@Override
|
public boolean onTouchEvent(MotionEvent event) {
|
int action = event.getAction();
|
int x = (int) event.getX();
|
int y = (int) event.getY();
|
|
switch (action) {
|
case MotionEvent.ACTION_DOWN:
|
// 重置
|
reset();
|
break;
|
case MotionEvent.ACTION_MOVE:
|
mPaint.setColor(mFingerOnColor);
|
GestureLockView child = getChildIdByPos(x, y);
|
if (child != null) {
|
int cId = child.getId();
|
if (!mChoose.contains(cId)) {
|
mChoose.add(cId);
|
child.setMode(GestureLockView.Mode.STATUS_FINGER_ON);
|
if (mOnGestureLockViewListener != null)
|
mOnGestureLockViewListener.onBlockSelected(cId);
|
// 设置指引线的起点
|
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;
|
break;
|
case MotionEvent.ACTION_UP:
|
if (isSetPwd && mAnswer.size() == 0 && mChoose.size() > 3) {
|
mAnswer.addAll(mChoose);
|
isFirst = true;
|
} else if (mAnswer.size() == 0 && mChoose.size() <= 3) {
|
Toast.makeText(getContext(), "密码不能短于4个图案,请重新输入",
|
Toast.LENGTH_LONG).show();
|
reset();
|
break;
|
}
|
if (!checkAnswer() && !checkMD5Answer()) {
|
mPaint.setColor(mFingerUpColor);
|
}
|
if (!isSetPwd) {
|
this.mTryTimes--;
|
}
|
// 回调是否成功
|
if (mOnGestureLockViewListener != null && mChoose.size() > 0) {
|
if (isSetPwd) {
|
if (isFirst) {
|
isFirst = !isFirst;
|
mOnGestureLockViewListener.onSetPwd(checkAnswer(), 1, null);
|
} else {
|
mOnGestureLockViewListener.onSetPwd(checkAnswer(), 2, mAnswer);
|
}
|
|
} else {
|
mOnGestureLockViewListener.onGestureEvent(checkAnswer(),
|
mChoose);
|
if (this.mTryTimes == 0 && mAnswer.size() > 0 && !checkAnswer()) {
|
mOnGestureLockViewListener.onUnmatchedExceedBoundary();
|
}
|
}
|
}
|
|
Log.e(TAG, "mUnMatchExceedBoundary = " + mTryTimes);
|
Log.e(TAG, "mChoose = " + mChoose);
|
// 将终点设置位置为起点，即取消指引线
|
mTmpTarget.x = mLastPathX;
|
mTmpTarget.y = mLastPathY;
|
|
// 改变子元素的状态为UP
|
if (!checkMD5Answer()) {
|
changeItemMode();
|
}
|
|
|
// 计算每个元素中箭头需要旋转的角度
|
for (int i = 0; i + 1 < mChoose.size(); i++) {
|
int childId = mChoose.get(i);
|
int nextChildId = mChoose.get(i + 1);
|
|
GestureLockView startChild = findViewById(childId);
|
GestureLockView nextChild = 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);
|
}
|
break;
|
|
}
|
invalidate();
|
return true;
|
}
|
|
private void changeItemMode() {
|
for (GestureLockView gestureLockView : mGestureLockViews) {
|
if (mChoose.contains(gestureLockView.getId())) {
|
gestureLockView.setMode(GestureLockView.Mode.STATUS_FINGER_UP);
|
gestureLockView.isMate(checkAnswer());
|
}
|
}
|
}
|
|
/**
|
* 做一些必要的重置
|
*/
|
private void reset() {
|
mChoose.clear();
|
mPath.reset();
|
for (GestureLockView gestureLockView : mGestureLockViews) {
|
gestureLockView.setMode(GestureLockView.Mode.STATUS_NO_FINGER);
|
gestureLockView.setArrowDegree(-1);
|
}
|
}
|
|
public void setReset() {
|
mChoose.clear();
|
mAnswer.clear();
|
mPath.reset();
|
|
for (GestureLockView gestureLockView : mGestureLockViews) {
|
gestureLockView.setMode(GestureLockView.Mode.STATUS_NO_FINGER);
|
gestureLockView.setArrowDegree(-1);
|
}
|
invalidate();
|
}
|
|
public void setHide() {
|
mChoose.clear();
|
mPath.reset();
|
for (GestureLockView gestureLockView : mGestureLockViews) {
|
gestureLockView.setMode(GestureLockView.Mode.STATUS_NO_FINGER);
|
gestureLockView.setArrowDegree(-1);
|
}
|
invalidate();
|
}
|
|
public boolean isSetPwd = false;
|
private boolean isFirst = false;
|
|
/**
|
* 检查用户绘制的手势是否正确
|
*
|
* @return
|
*/
|
private boolean checkAnswer() {
|
if (mAnswer.size() != mChoose.size())
|
return false;
|
|
for (int i = 0; i < mAnswer.size(); i++) {
|
if (mAnswer.get(i) != mChoose.get(i))
|
return false;
|
}
|
return true;
|
}
|
|
/**
|
* 检查用户绘制的手势是否正确
|
*
|
* @return
|
*/
|
private boolean checkMD5Answer() {
|
String pwd = "";
|
for (int i = 0; i < mChoose.size(); i++) {
|
pwd += mChoose.get(i);
|
}
|
return MD5Utils.getMD532(pwd).equalsIgnoreCase(mMD5Answer);
|
|
}
|
|
/**
|
* 检查当前左边是否在child中
|
*
|
* @param child
|
* @param x
|
* @param y
|
* @return
|
*/
|
private boolean checkPositionInChild(View child, int x, int y) {
|
|
// 设置了内边距，即x,y必须落入下GestureLockView的内部中间的小区域中，可以通过调整padding使得x,y落入范围不变大，或者不设置padding
|
int padding = (int) (mGestureLockViewWidth * 0.15);
|
|
return x >= child.getLeft() + padding && x <= child.getRight() - padding
|
&& y >= child.getTop() + padding
|
&& y <= child.getBottom() - padding;
|
}
|
|
/**
|
* 通过x,y获得落入的GestureLockView
|
*
|
* @param x
|
* @param y
|
* @return
|
*/
|
private GestureLockView getChildIdByPos(int x, int y) {
|
for (GestureLockView gestureLockView : mGestureLockViews) {
|
if (checkPositionInChild(gestureLockView, x, y)) {
|
return gestureLockView;
|
}
|
}
|
|
return null;
|
|
}
|
|
/**
|
* 设置回调接口
|
*
|
* @param listener
|
*/
|
public void setOnGestureLockViewListener(OnGestureLockViewListener listener) {
|
this.mOnGestureLockViewListener = listener;
|
}
|
|
/**
|
* 对外公布设置答案的方法
|
*
|
* @param answer
|
*/
|
public void setAnswer(List<Integer> answer) {
|
this.mAnswer = answer;
|
}
|
|
/**
|
* 对外公布设置答案的方法
|
*
|
* @param answer
|
*/
|
public void setMD5Answer(String answer) {
|
this.mMD5Answer = answer;
|
}
|
|
/**
|
* 设置最大实验次数
|
*
|
* @param boundary
|
*/
|
public void setUnMatchExceedBoundary(int boundary) {
|
this.mTryTimes = boundary;
|
}
|
|
@Override
|
public void dispatchDraw(Canvas canvas) {
|
super.dispatchDraw(canvas);
|
// 绘制GestureLockView间的连线
|
if (mPath != null) {
|
canvas.drawPath(mPath, mPaint);
|
}
|
// 绘制指引线
|
if (mChoose.size() > 0) {
|
if (mLastPathX != 0 && mLastPathY != 0)
|
canvas.drawLine(mLastPathX, mLastPathY, mTmpTarget.x,
|
mTmpTarget.y, mPaint);
|
}
|
|
}
|
|
public interface OnGestureLockViewListener {
|
/**
|
* 单独选中元素的Id
|
*/
|
void onBlockSelected(int cId);
|
|
/**
|
* 是否匹配
|
*
|
* @param matched
|
*/
|
void onGestureEvent(boolean matched, List<Integer> list);
|
|
/**
|
* 设置密码
|
*
|
* @param matched
|
*/
|
void onSetPwd(boolean matched, int i, List<Integer> answer);
|
|
/**
|
* 超过尝试次数
|
*/
|
void onUnmatchedExceedBoundary();
|
}
|
}
|
