多阶图形解锁，可配置9点、16点、25点等等
2024-04-12 00:07:41
常见的九宫格就是9点的图形解锁，有些变态的需求是16点的，那就尴尬啦，这里的变态还是公司这边招标时遇到的，没有新鲜玩意，不会中标哦！！！
废话不多说，代码如下：
1.GestureLockView
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 {/*** GestureLockView的三种状态*/enum Mode {STATUS_NO_FINGER, STATUS_FINGER_ON, STATUS_FINGER_UP;}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 mColorNoFinger;private int mColorFingerOn;private int mColorFingerUpCorrect;private int mColorFingerUpError;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();}@Overrideprotected 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);}@Overrideprotected 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, mCenterY, mRadius * mInnerCircleRadiusRate, mPaint);break;case STATUS_FINGER_UP:// 绘制外圆if (GestureLockViewGroup.isCorrect)mPaint.setColor(mColorFingerUpCorrect);elsemPaint.setColor(mColorFingerUpError);mPaint.setStyle(Style.STROKE);mPaint.setStrokeWidth(2);canvas.drawCircle(mCenterX, mCenterY, mRadius, mPaint);// 绘制内圆mPaint.setStyle(Style.FILL);canvas.drawCircle(mCenterX, mCenterY, mRadius * mInnerCircleRadiusRate, mPaint);drawArrow(canvas);break;case STATUS_NO_FINGER:// 绘制外圆mPaint.setStyle(Style.STROKE);mPaint.setColor(mColorNoFinger);mPaint.setStrokeWidth(1);canvas.drawCircle(mCenterX, mCenterY, mRadius, mPaint);// 绘制内圆mPaint.setStyle(Style.FILL);mPaint.setColor(mColorNoFinger);canvas.drawCircle(mCenterX, mCenterY, mRadius * mInnerCircleRadiusRate, mPaint);break;}}/*** 绘制箭头** @param canvas*/private void drawArrow(Canvas canvas) {if (mArrowDegree != -1) {mPaint.setStyle(Style.FILL);canvas.save();canvas.rotate(mArrowDegree, mCenterX, mCenterY);canvas.drawPath(mArrowPath, mPaint);canvas.restore();}}/*** 设置当前模式并重绘界面** @param mode*/public void setMode(Mode mode) {this.mCurrentStatus = mode;invalidate();}public void setArrowDegree(int degree) {this.mArrowDegree = degree;}}
2.GestureLockViewGroup
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.os.Handler;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.RelativeLayout;import com.syd.oden.gesturelock.R;
import com.syd.oden.gesturelock.view.GestureLockView.Mode;import java.util.ArrayList;
import java.util.List;/*** 整体包含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 ;*/
public class GestureLockViewGroup extends RelativeLayout {private static final String TAG = "GestureLockViewGroup";/*** 保存所有的GestureLockView*/private GestureLockView[] mGestureLockViews;/*** 每个边上的GestureLockView的个数*/private int mCount = 3;/*** 保存用户选中的GestureLockView的id*/private List<Integer> mChoose = new ArrayList<>();private String mChooseString = "";private Paint mPaint;/*** 每个GestureLockView中间的间距 设置为：mGestureLockViewWidth * 25%*/private int mMarginBetweenLockView = 30;/*** GestureLockView的边长 4 * mWidth / ( 5 * mCount + 1 )*/private int mGestureLockViewWidth;/*** GestureLockView无手指触摸的状态下圆的颜色*/private int mNoFingerColor = 0xFF378FC9;/*** GestureLockView手指触摸的状态下圆的颜色*/private int mFingerOnColor = 0XFFEC159F;/*** GestureLockView手指抬起的状态下,正确时圆的颜色*/private int mFingerUpColorCorrect = 0xFF91DC5A;/*** GestureLockView手指抬起的状态下，错误圆的颜色*/private int mFingerUpColorError = 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 = -1;public static boolean isCorrect = false;/*** 回调接口*/private OnGestureLockListener onGestureLockListener;private boolean isRetryTimeLimit = false;private int mPrferenceId = -1;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.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();// 初始化画笔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();}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);mWidth = MeasureSpec.getSize(widthMeasureSpec);mHeight = MeasureSpec.getSize(heightMeasureSpec);mHeight = mWidth = mWidth < mHeight ? mWidth : mHeight;initViews();}private void initViews() {// 初始化mGestureLockViewsif (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++) {//初始化每个GestureLockViewmGestureLockViews[i] = new GestureLockView(getContext(), mNoFingerColor, mFingerOnColor, mFingerUpColorCorrect, mFingerUpColorError);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 leftMargin = 0;int topMargin = 0;/*** 每个View都有右外边距和底外边距 第一行的有上外边距 第一列的有左外边距*/if (i >= 0 && i < mCount)// 第一行{topMargin = mMarginBetweenLockView;}if (i % mCount == 0)// 第一列{leftMargin = mMarginBetweenLockView;}lockerParams.setMargins(leftMargin, topMargin, rightMargin,bottomMargin);mGestureLockViews[i].setMode(Mode.STATUS_NO_FINGER);addView(mGestureLockViews[i], lockerParams);}}}@Overridepublic boolean onTouchEvent(MotionEvent event) {int action = event.getAction();int x = (int) event.getX();int y = (int) event.getY();//重试次数超过限制，直接返回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:Log.e(TAG, "mChooseString==" + mChooseString);if (onGestureLockListener != null) {onGestureLockListener.onComplete(mChooseString);}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 - 1);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.e(TAG, "mChoose = " + mChoose);// 将终点设置位置为起点，即取消指引线mTmpTarget.x = mLastPathX;mTmpTarget.y = mLastPathY;// 改变子元素的状态为UPsetItemModeUp();// 计算每个元素中箭头需要旋转的角度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 setItemModeUp() {for (GestureLockView gestureLockView : mGestureLockViews) {if (mChoose.contains(gestureLockView.getId())) {gestureLockView.setMode(Mode.STATUS_FINGER_UP);}}}/*** 通过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;}/*** 检查当前是否在child中** @param child* @param x* @param y* @return*/private boolean checkPositionInChild(View child, int x, int y) {//设置了内边距，即x,y必须落入下GestureLockView的内部中间的小区域中，可以通过调整padding使得x,y落入范围变大，或者不设置paddingint padding = (int) (mGestureLockViewWidth * 0.15);if (x >= child.getLeft() + padding && x <= child.getRight() - padding&& y >= child.getTop() + padding&& y <= child.getBottom() - padding) {return true;}return false;}@Overridepublic 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);}}/*** 做一些必要的重置*/private void reset() {mChoose.clear();mChooseString = "";mPath.reset();for (GestureLockView gestureLockView : mGestureLockViews) {gestureLockView.setMode(Mode.STATUS_NO_FINGER);gestureLockView.setArrowDegree(-1);}handler.removeCallbacksAndMessages(null);}//对外公开的一些方法public void setGestureLockListener(OnGestureLockListener onGestureLockListener) {this.onGestureLockListener = onGestureLockListener;}public void resetView() {reset();invalidate();}public void setmCount(int mCount) {if (this.mCount == mCount) {return;}this.mCount = mCount;invalidate();requestLayout();}public void setPointCount(int mCount){if (this.mCount == mCount) {return;}this.mCount = mCount;removeAllViews();mGestureLockViews = null;initViews();}private final Handler handler = new Handler();public void showErrorStatus(long millisecond) {handler.removeCallbacksAndMessages(null);handler.postDelayed(new Runnable() {@Overridepublic void run() {resetView();}},millisecond);}public void clearView() {resetView();}}
3.OnGestureLockListener
public interface OnGestureLockListener {void onComplete(String result);}
4.attr.xml
<?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>
5.使用
布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:orientation="vertical"><com.syd.oden.gesturelock.view.GestureLockViewGroupandroid:id="@+id/gesture_view"android:layout_width="@dimen/dp_300"android:layout_height="@dimen/dp_300"android:layout_marginTop="@dimen/dp_20" /></LinearLayout>
Activity
gestureLockView.setmCount(Constants.gestureCount);gestureLockView.setGestureLockListener(new OnGestureLockListener() {@Overridepublic void onComplete(String result) {}});
就这样吧，根据具体业务使用吧，毕竟提供了原材料，怎么搞，自己应该整理思路！！！
多阶图形解锁，可配置9点、16点、25点等等相关推荐
- 为什么ppt图形卡配置不正确_PPT常见问题解决方法，PPT检测到图形卡可能配置不正确怎么办？...
Microsoft PowerPoint是我们最常用的办公软件之一,给我们的工作和学习提供了诸多便利. 但是有时候辛辛苦苦制作的PPT演示文稿,等到播放时会出现这样或那样的问题.如果问题不能得到及时有 ...
- python图案绘制解锁_PythonAppium实现安卓手机图形解锁
首先,在解锁状态下,建立一个Session,打开APP.然后,调用press_keycode()方法传入整型数值"26",锁定屏幕.通过implicitly_wait()方法等待两 ...
- python图案绘制解锁_PythonAppium实现安卓手机图形解锁详解
首先,在解锁状态下,建立一个Session,打开APP.然后,调用press_keycode()方法传入整型数值"26",锁定屏幕.通过implicitly_wait()方法等待两 ...
- android 图案解锁忘记了,安卓手机忘记图形解锁、锁屏密码的解决方法
Android 手机的图形解锁倒是真的好用了,主要是方便新颖,并且便于记忆,自从有了图形解锁,很多人都不再使用密码屏幕锁了,图形解锁倒是好玩,但是经常换来换去的话就会造成一时间想不起哪个图形解锁图案才 ...
- 图形解锁验证码破解（附Python代码）
前言: 爬虫开源死得快,新浪微博又改策略了.在去年的这个时候,微博还是没什么限制的.2016年12月我将新浪微博爬虫的代码作了一次更新,并将文章转到了知乎,爬微博的人似乎从那个时候开始多了许多.也许是 ...
- python图案绘制解锁_PythonAppium实现安卓手机图形解锁案例
首先,在解锁状态下,建立一个Session,打开APP.然后,调用press_keycode()方法传入整型数值"26",锁定屏幕.通过implicitly_wait()方法等待两 ...
- 苹果 android专利,苹果新专利：类似Android但更复杂的图形解锁
本周三,美国专利与商标局公布了2个苹果的专利申请,两则专利标题同为"手势解锁方法(Gesture entry techniques)",描述的是用户在屏幕上划出相应解锁图形后的解锁 ...
- wsl2 图形界面_WSL2配置xrdp一键启动至桌面环境
前言 之前写了两篇文章分别通过xrdp和VcXsrv实现了WSL2使用桌面环境: Dexter Lien:WSL2使用xrdp实现图形桌面zhuanlan.zhihu.com Dexter Lien ...
- swing开发图形界面工具配置（可自由拖控件上去）
swing开发图形界面工具,eclipse swing图形化操作界面工具配置 1.有一个小功能要有一个界面,之前知道有一个 图形化界面的(就是可以往上面拖控件布局的工具)JBuilder,今天上午就下 ...
最新文章
- Closure Compiler 使用
- 谷歌宣布即将开放 .dev 顶级域名注册
- PAT L2-014. 列车调度
- Linux运维：查看磁盘空间的大小
- Yii的errorLog
- 梁兴珍 java_数据结构与算法_Java语言
- RuoYi-Cloud 部署篇_02（linux环境 mysql+nginx版本）
- eclipse+java+selenium+testNG搭建自动化测试框架
- ServiceStack.Ormlit 使用Insert的时候自增列不会被赋值
- centos7下搭建hadoop、hbase、hive、spark分布式系统架构
- Aggregate 为字符串数组元素添加单引号 可用于SQL数据查询 in
- C#读写XML的演示程序(1)
- 华为java安全编程规范考试答案
- Myeclipse8.5 cn 序列号
- 国外的一些开源网站汇集以及优秀博客的博客
- Zynga发布魔法三消手游《Harry Potter: Puzzles Spells》
- 【Android开发经验】Android相关问题的好文章整理——温故而知新，可以为师矣
- C语言复数运算（结构体）
- 英语语法笔记——状语从句（五）
- 2020年10月中国编程语言排行榜