如何在AndroidStudio中使用手势解锁

============================================================

思路

---

一般来说，进行手势解锁的设置有两种思路，一种是使用boolean类型的数组来识别手势，一种是使用普通的3*3的int型数组来识别。我所讲的就是第二种，说白了就是把普通的密码锁换一种方式输入，比如在屏幕上你划了一个Z来解锁，而用密码锁就是7895123。话不多说，进入正题

1. 设置所需要的变量与常量 ；

2. 设置所需要的设置与构造函数 ；

3. 测量宽和高，计算绘制的间距 ；

4. 绘制3*3小圆，保存绘制小圆的坐标 ；

5. 绘制手势线条；

6. 处理事件onTouchEvent ；

设置所需要的变量与常量

---

private int mWidth;//宽

private int mHeight;//高

private int circle_radius = 30;//小圆半径

private int cirle_radius_alw = 60;//容差

private int[][] unLockData = new int[3][3];//记录手势所代表的密码

private int horizontal_spac_circle;//水平间距

private int vertical_spac_circle;//垂直间距

private Map<String, Point> coordinateMap;//所有小圆点的坐标

private PointPacking startPoint;//画笔开始

private List points = new ArrayList<>();

//坐标

private int moveX = -1;

private int moveY = -1;

private int drawX = -1;

private int drawY = -1;

/**

• 显示手势轨迹

*/

private boolean flag_show_gesture = true;

private int paint_circle_width = 3;//圆跟圆之间的长度

//用来绘制各类圆的样子

private Paint drawPointBgPaint = new Paint();//初始圆

private Paint drawPointSelectPoint = new Paint();//已选择的圆

private Paint drawLinePaint = new Paint();//连接圆的线

private OnUnLockListener listener;//监听类

设置所需要的设置与构造函数

---

//设置监听类

public void setListener(OnUnLockListener listener) {

this.listener = listener;

}

/**

• 设置是否显示手势轨迹

*/

public void setFlag_show_gesture(boolean flag_show_gesture) {

this.flag_show_gesture = flag_show_gesture;

}

//设置构造函数

public GestureUnLockView(Context context) {

this(context, null);

}

public GestureUnLockView(Context context, @Nullable AttributeSet attrs) {

this(context, attrs, 0);

}

public GestureUnLockView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

setLayerType(LAYER_TYPE_SOFTWARE, null);

initGestureUnLockView();

initPaint();

}

//绘制各类圆的样子

private void initPaint() {

drawPointBgPaint.setAntiAlias(true);

drawPointBgPaint.setColor(Color.parseColor(“#a9dff9”));

drawPointSelectPoint.setAntiAlias(true);

drawPointSelectPoint.setColor(Color.parseColor(“#08a3ee”));

drawLinePaint.setAntiAlias(true);

drawLinePaint.setColor(Color.parseColor(“#08a3ee”));

drawLinePaint.setStyle(Paint.Style.FILL);

drawLinePaint.setStrokeWidth(5);

}

//初始化所有小圆点的坐标

private void initGestureUnLockView() {

coordinateMap = new HashMap<>();

}

测量宽和高，计算绘制的间距

---

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

final int widthSize = MeasureSpec.getSize(widthMeasureSpec);

final int heightSize = MeasureSpec.getSize(heightMeasureSpec);

mWidth = widthSize;//控件宽

mHeight = heightSize;//控件高

horizontal_spac_circle = (mWidth - unLockData[0].length * circle_radius * 2

• getPaddingLeft() - getPaddingRight() - cirle_radius_alw * 2 - paint_circle_width)

/ (unLockData[0].length - 1);//计算间距宽

vertical_spac_circle = (mHeight - unLockData.length * circle_radius * 2

• getPaddingTop() - getPaddingBottom() - cirle_radius_alw * 2 - paint_circle_width)

/ (unLockData.length - 1);//计算间距高

}

绘制3*3小圆，保存绘制小圆的坐标

---

/*

• 绘制小圆点

*/

private void drawCircle(Canvas canvas) {

coordinateMap.clear();

int count = 1;

for (int i = 0; i < unLockData.length; i++) {

for (int j = 0; j < unLockData[i].length; j++) {

int cx = horizontal_spac_circle * j + circle_radius + (circle_radius * 2 * j) + getPaddingLeft() + cirle_radius_alw + paint_circle_width;

int cy = vertical_spac_circle * i + circle_radius + (circle_radius * 2 * i) + getPaddingTop() + cirle_radius_alw + paint_circle_width;

canvas.drawCircle(cx, cy, circle_radius, drawPointBgPaint);

for (PointPacking point : points) {

if (cx == point.x && cy == point.y) {

drawPointSelectPoint.setStyle(Paint.Style.FILL);

drawPointSelectPoint.setShadowLayer(50, 0, 0, Color.parseColor(“#aa08a3ee”));

canvas.drawCircle(cx, cy, circle_radius, drawPointSelectPoint);

drawPointSelectPoint.clearShadowLayer();

drawPointSelectPoint.setStyle(Paint.Style.STROKE);

drawPointSelectPoint.setStrokeWidth(paint_circle_width);

canvas.drawCircle(cx, cy, circle_radius + cirle_radius_alw, drawPointSelectPoint);

}

}

String key = String.valueOf(count);

Point point = new Point(cx, cy);

coordinateMap.put(key, point);

count++;

}

}

}

绘制手势线条

---

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

drawCircle(canvas);

if (flag_show_gesture) {

for (int i = 0; i < points.size(); i++) {

if (i == 0) {

drawX = points.get(0).x;

drawY = points.get(0).y;

} else {

canvas.drawLine(drawX, drawY, points.get(i).x, points.get(i).y, drawLinePaint);

drawX = points.get(i).x;

drawY = points.get(i).y;

}

}

if (moveX != -1 && moveY != -1 && points.size() > 0) {

canvas.drawLine(drawX, drawY, moveX, moveY, drawLinePaint);

}

}

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
1715875162991)]

[外链图片转存中…(img-22H0GxgT-1715875162992)]

[外链图片转存中…(img-5eGa9Hmt-1715875162993)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！