Android自定义UI手势密码简单版

下面我来详细讲解 "Android自定义UI手势密码简单版" 的完整攻略。

一、背景知识

在开始讲解制作手势密码的过程之前，需要先了解一下Android中常用的一些UI控件，例如：View、Canvas、Path、Paint等。其中，View是Android中最基础的UI控件，Canvas是用于绘制的基础容器，Path用于描述绘制图形的路径，Paint用于设置图形绘制的样式和属性。

二、实现原理

制作手势密码的核心是手势路径的绘制和密码的校验。手势路径的绘制可以通过监听触摸事件获取到手指在屏幕上的移动轨迹，然后通过Canvas和Paint来绘制出路径；密码的校验需要将用户绘制的路径与预设的密码进行比对，如果匹配则验证成功，否则验证失败。

三、实现步骤

1. 创建一个自定义View，在该View中进行手势路径的绘制和密码的校验。

2. 在View中重写onTouchEvent方法，通过MotionEvent获取手势的轨迹，并通过Canvas和Paint来绘制手势路径。

3. 根据用户绘制的手势路径来验证密码是否正确，如果正确则进行相应的操作，否则提示用户重新输入。

4. 可以添加一些辅助功能，例如：手势路径的绘制样式，密码的设置和修改等功能。

四、示例说明

以下为两个示例：

示例一：绘制手势路径

在自定义View的onTouchEvent方法中，通过MotionEvent来获取手势路径的坐标，然后通过Canvas和Path来绘制路径，代码如下：

@Override 
public boolean onTouchEvent(MotionEvent event) {
    int action = event.getAction();
    switch (action) {
        case MotionEvent.ACTION_DOWN:
            //手指按下时，清空之前的路径，重新开始绘制
            mPath.reset();
            mPath.moveTo(event.getX(), event.getY());
            break;
        case MotionEvent.ACTION_MOVE: 
            float x = event.getX();
            float y = event.getY();
            mPath.lineTo(x, y);
            break;
        case MotionEvent.ACTION_UP:
            break;
    }
    invalidate(); //通知View进行重绘
    return true; 
}

示例二：密码的校验

在自定义View中定义一个预设的密码数组，当用户绘制完成后进行密码的校验，代码如下：

private String[] mPassword = {"1","2","3","4","5","6","7","8","9"};
private List<Integer> mPointList = new ArrayList<>();  //存储用户绘制的手势点
@Override
public boolean onTouchEvent(MotionEvent event) {
    // 获取到手指的坐标
    float x = event.getX();
    float y = event.getY();
    int action = event.getAction();

    switch (action) {
        case MotionEvent.ACTION_DOWN:
            reset();
            break;
        case MotionEvent.ACTION_MOVE:
            //移动时匹配点坐标是否和九宫格内的点相交
            checkNearestPoint(x, y);
            mPointList.add(mSelectedPoint);
            break;
        case MotionEvent.ACTION_UP: 
            verifyPassword();
            break;
    }
    invalidate();   //通知View重新绘制
    return true;
}

以上为主要的实现步骤和示例说明，希望对你有所帮助。