Android九宫格解锁，如何设置与使用？

Android九宫格解锁

一、简介

Android九宫格解锁是一种常见的安全措施，主要用于保护设备上的隐私和数据，用户通过绘制自定义的图案来解锁设备，这种图案由连接若干个点组成，通常为3×3的点阵，本文将详细介绍如何实现一个基本的九宫格解锁功能，包括界面设计、逻辑处理以及相关代码示例。

二、基本结构

1、外圆与内圆：九宫格由9个点组成，每个点的外圆表示可点击区域，内圆表示实际点的位置。

2、连线：用户在绘制图案时，各点之间的连线形成解锁图案。

3、状态管理：记录每个点的状态（未选中、选中、错误）以提供视觉反馈。

4、输入验证：检查用户绘制的图案是否正确，以决定是否解锁设备。

三、代码实现

1. 定义点类

public class Point {
    float x, y;
    int state = STATE_NORMAL; // 默认状态
    public static final int STATE_NORMAL = 1;
    public static final int STATE_PRESS = 2;
    public static final int STATE_ERROR = 3;
    public Point(float x, float y) {
        this.x = x;
        this.y = y;
    }
    public float getDistance(Point a) {
        return (float) Math.sqrt((x a.x) * (x a.x) + (y a.y) * (y a.y));
    }
}

2. 初始化九宫格点

private void init() {
    mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    mPressPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    mErrorPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    // 按下状态的画笔
    mPressPaint.setColor(Color.parseColor("#00B7EE"));
    mPressPaint.setStrokeWidth(7);
    // 错误状态的画笔
    mErrorPaint.setColor(Color.parseColor("#FB0C13"));
    mErrorPaint.setStrokeWidth(7);
    // 加载三种状态图片
    mNormalBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.lock_point_normal);
    mPressBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.lock_point_press);
    mErrorBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.lock_point_error);
    mPointRadius = mNormalBitmap.getWidth() / 2;
    // 当前视图的大小
    int width = getWidth();
    int height = getHeight();
    // 九宫格点的偏移量
    int offSet = Math.abs(width height) / 2;
    // x、y轴上的偏移量
    int offSetX = 0, offSetY = 0;
    int pointItemWidth = 0; // 每个点所占用方格的宽度
    if (width > height) { // 横屏的时候
        offSetX = offSet;
        offSetY = 0;
        pointItemWidth = height / 4;
    } else { // 竖屏的时候
        offSetX = 0;
        offSetY = offSet;
        pointItemWidth = width / 4;
    }
    // 初始化九个点
    mPoints[0][0] = new Point(offSetX + pointItemWidth, offSetY + pointItemWidth);
    mPoints[0][1] = new Point(offSetX + pointItemWidth * 2, offSetY + pointItemWidth);
    mPoints[0][2] = new Point(offSetX + pointItemWidth * 3, offSetY + pointItemWidth);
    mPoints[1][0] = new Point(offSetX + pointItemWidth, offSetY + pointItemWidth * 2);
    mPoints[1][1] = new Point(offSetX + pointItemWidth * 2, offSetY + pointItemWidth * 2);
    mPoints[1][2] = new Point(offSetX + pointItemWidth * 3, offSetY + pointItemWidth * 2);
    mPoints[2][0] = new Point(offSetX + pointItemWidth, offSetY + pointItemWidth * 3);
    mPoints[2][1] = new Point(offSetX + pointItemWidth * 2, offSetY + pointItemWidth * 3);
    mPoints[2][2] = new Point(offSetX + pointItemWidth * 3, offSetY + pointItemWidth * 3);
}

3. 绘制九宫格解锁界面

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    allPoints.forEach { point ->
        if (choosePoints.contains(point)) {
            mPaint.color = Color.BLUE
        } else {
            mPaint.color = Color.WHITE
        }
        mPaint.style = Paint.Style.FILL
        mPaint.alpha = 255
        //绘制中心的实心圆
        canvas.drawCircle(point.x, point.y, pointRadius / 2f, mPaint)
        mPaint.alpha = 153
        canvas.drawCircle(point.x, point.y, pointRadius, mPaint)
    }
    mPaint.alpha = 255
    mPath.reset()
    choosePoints.takeIf { it.isNotEmpty() }?.run {
        forEach {
            mPath.takeIf { it.isEmpty }?.run {
                moveTo(it.x, it.y)
            } ?: run {
                mPath.lineTo(it.x, it.y)
            }
        }
        mPath.lineTo(lastX, lastY)
        //绘制路径
        mPaint.color = Color.BLUE
        mPaint.style = Paint.Style.STROKE
        canvas.drawPath(mPath, mPaint)
    }
}

4. 触摸事件处理

@Override
public boolean onTouchEvent(MotionEvent event) {
    x = event.getX();
    y = event.getY();
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            // 记录初始按下位置
            lastX = x;
            lastY = y;
            break;
        case MotionEvent.ACTION_MOVE:
            for (int i = 0; i < texts.length; i++) {
                if (isCollision(x, y, texts[i].getLeft(), texts[i].getTop(), texts[i].getWidth(), texts[i].getHeight())) {
                    if (!lean[i]) {
                        data += i + 1;
                        lean[i] = true;
                        texts[i].setBackgroundResource(R.drawable.y3);
                        circleView.floatsX.add(texts[i].getLeft() + texts[i].getWidth() / 2);
                        circleView.floatsY.add(texts[i].getTop() + texts[i].getHeight() / 2);
                    }
                }
            }
            break;
        case MotionEvent.ACTION_UP:
            if (data.equals(password)) {
                Toast.makeText(MainActivity.this, "解锁成功", Toast.LENGTH_SHOR).show();
            } else {
                Toast.makeText(MainActivity.this, "解锁失败", Toast.LENGTH_SHOR).show();
                data = ""; // 清空数据以便重新输入
            }
            break;
    }
    return true;
}

四、归纳

本文介绍了如何在Android中实现九宫格解锁功能，包括界面的设计、点的初始化、触摸事件的处理以及解锁逻辑的判断，通过自定义View和合理的算法，可以实现一个简单但功能强大的九宫格解锁界面，希望本文对你有所帮助，如果有更多问题，欢迎继续讨论。