Android 自定义 View 实现手势解锁详解

Android 自定义 View 实现手势解锁详解

背景与需求

在移动应用开发中，安全性是至关重要的考量因素。为了提升用户体验并保障账户安全，许多金融类或隐私类应用（如支付宝）采用了手势密码作为二次验证手段。当用户切出应用一段时间后返回，系统会要求通过绘制特定轨迹来解锁。本文档将详细介绍如何在 Android 平台上通过自定义 View 实现这一功能，包括核心逻辑分析、代码实现及集成步骤。

核心思路

实现手势解锁主要涉及以下三个关键点：

1. 自定义 View：继承 android.view.View，重写 onMeasure、onLayout 和 onDraw 方法，负责绘制 3x3 的九宫格圆圈。
2. 触摸事件处理：重写 onTouchEvent，监听用户的点击、滑动和抬起动作，计算触摸点所在的圆圈，并记录路径。
3. 状态管理与绘制：根据当前操作状态（正常、触摸中、错误）切换画笔颜色和样式，动态刷新界面。

项目布局配置

首先，在布局文件中引入自定义 View。假设自定义 View 的包名为 com.example.gesturelock。

<com.example.gesturelock.MyGestureLockView
    android:id="@+id/gesture_lock_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center" />

核心代码实现

1. 辅助类 MyCycle

该类用于表示九宫格中的每一个圆圈节点，存储坐标、半径、编号及选中状态。

package com.example.gesturelock; 

public class MyCycle { 
private int ox;     // 圆心横坐标 
private int oy;     // 圆心纵坐标 
private float r;     // 半径大小 
private Integer num;   // 节点编号 
private boolean onTouch; // false=未选中 

   { 
 ox; 
} 
   { 
.ox = ox; 
} 
   { 
 oy; 
} 
   { 
.oy = oy; 
} 
   { 
 r; 
} 
   { 
.r = r; 
} 
 Integer  { 
 num; 
} 
   { 
.num = num; 
} 
   { 
 onTouch; 
} 
   { 
.onTouch = onTouch; 
} 

   { 
   Math.sqrt((x - ox) * (x - ox) + (y - oy) * (y - oy)); 
 distance < r; 
} 
}