图案解锁自定义NinePointLineView

NinePointLineView.java代码：

package com.jswjtu.imagelock.view;

import com.jswjtu.imagelock.R;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Cap;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class NinePointLineView extends View {

    Paint linePaint = new Paint();

    Paint textPaint = new Paint();


    Bitmap defaultBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.lock);
    int defaultBitmapRadius = defaultBitmap.getWidth() / 2;


    Bitmap selectedBitmap = BitmapFactory.decodeResource(getResources(),
            R.drawable.indicator_lock_area);
    int selectedBitmapDiameter = selectedBitmap.getWidth();
    int selectedBitmapRadius = selectedBitmapDiameter / 2;

    PointInfo[] points = new PointInfo[9];

    PointInfo startPoint = null;

    int width, height;

    int moveX, moveY;

    boolean isUp = false;

    public StringBuffer lockString = new StringBuffer();

    public NinePointLineView(Context context) {
        super(context);
        this.setBackgroundColor(Color.WHITE);
        initPaint();
    }

    public NinePointLineView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.setBackgroundColor(Color.WHITE);
        initPaint();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        width = getWidth();
        height = getHeight();
        if (width != 0 && height != 0) {
            initPoints(points);
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right,
            int bottom) {
        super.onLayout(changed, left, top, right, bottom);
    }

    private int startX = 0, startY = 0;

    @Override
    protected void onDraw(Canvas canvas) {

        canvas.drawText("用户的滑动顺序：" + lockString, 0, 40, textPaint);
        if (moveX != 0 && moveY != 0 && startX != 0 && startY != 0) {
            // drawLine(canvas, startX, startY, moveX, moveY);
        }

        drawNinePoint(canvas);
        invalidate();
        super.onDraw(canvas);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

            handlingEvent(event);

        return true;
    }

    private void handlingEvent(MotionEvent event) {
        switch (event.getAction()) {
        case MotionEvent.ACTION_MOVE:
            moveX = (int) event.getX();
            moveY = (int) event.getY();
            for (PointInfo temp : points) {
                if (temp.isInMyPlace(moveX, moveY) && temp.isNotSelected()) {
                    temp.setSelected(true);
                    startX = temp.getCenterX();
                    startY = temp.getCenterY();
                    int len = lockString.length();
                    if (len != 0) {
                        int preId = lockString.charAt(len - 1) - 48;
                        points[preId].setNextId(temp.getId());
                    }
                    lockString.append(temp.getId());
                    break;
                }
            }

            invalidate(0, height - width, width, height);
            break;

        case MotionEvent.ACTION_DOWN:
            int downX = (int) event.getX();
            int downY = (int) event.getY();
            for (PointInfo temp : points) {
                if (temp.isInMyPlace(downX, downY)) {
                    temp.setSelected(true);
                    startPoint = temp;
                    startX = temp.getCenterX();
                    startY = temp.getCenterY();
                    lockString.append(temp.getId());
                    break;
                }
            }
            invalidate(0, height - width, width, height);
            break;

        case MotionEvent.ACTION_UP:
            startX = startY = moveX = moveY = 0;
            isUp = true;
            finishDraw();
            break;
        default:
            break;
        }
    }

    private void finishDraw() {
        for (PointInfo temp : points) {
            temp.setSelected(false);
            temp.setNextId(temp.getId());
        }
        lockString.delete(0, lockString.length());
        isUp = false;
        invalidate();
    }

    /** * 计算图案节点坐标 * * @param points */
    private void initPoints(PointInfo[] points) {

        int len = points.length;

        int seletedSpacing = (width - selectedBitmapDiameter * 3) / 4;

        int seletedX = seletedSpacing;
        int seletedY = height - width + seletedSpacing;

        int defaultX = seletedX + selectedBitmapRadius - defaultBitmapRadius;
        int defaultY = seletedY + selectedBitmapRadius - defaultBitmapRadius;

        for (int i = 0; i < len; i++) {
            if (i == 3 || i == 6) {
                seletedX = seletedSpacing;
                seletedY += selectedBitmapDiameter + seletedSpacing;

                defaultX = seletedX + selectedBitmapRadius
                        - defaultBitmapRadius;
                defaultY += selectedBitmapDiameter + seletedSpacing;

            }
            points[i] = new PointInfo(i, defaultX, defaultY, seletedX, seletedY);

            seletedX += selectedBitmapDiameter + seletedSpacing;
            defaultX += selectedBitmapDiameter + seletedSpacing;

        }
    }

    /** * 定义节点间连线样式 */
    private void initPaint() {
        initLinePaint(linePaint);
        initTextPaint(textPaint);
    }

    /** * @param paint */
    private void initTextPaint(Paint paint) {
        textPaint.setTextSize(30);
        textPaint.setAntiAlias(true);
    }

    /** * @param paint */
    private void initLinePaint(Paint paint) {
        paint.setColor(Color.RED);
        paint.setStrokeWidth(defaultBitmap.getWidth()/3);
        paint.setAntiAlias(true);
        paint.setStrokeCap(Cap.ROUND);
    }


    /** * 绘制图案节点 * @param canvas */
    private void drawNinePoint(Canvas canvas) {

        if (startPoint != null) {
            drawEachLine(canvas, startPoint);
        }

        for(PointInfo pointInfo : points) {

            if (pointInfo.isSelected()) {
                canvas.drawBitmap(selectedBitmap, pointInfo.getSeletedX(),pointInfo.getSeletedY(), null);
            }
            canvas.drawBitmap(defaultBitmap, pointInfo.getDefaultX(),pointInfo.getDefaultY(), null);
        }

    }

    /** * @param canvas * @param point */
    private void drawEachLine(Canvas canvas, PointInfo point) {
        if (point.hasNextId()) {
            int n = point.getNextId();
            drawLine(canvas, point.getCenterX(), point.getCenterY(),
                    points[n].getCenterX(), points[n].getCenterY());
            drawEachLine(canvas, points[n]);
        }
    }

    /** * 绘制节点间连线 * @param canvas * @param startX * @param startY * @param stopX * @param stopY */
    private void drawLine(Canvas canvas, float startX, float startY,
            float stopX, float stopY) {
        canvas.drawLine(startX, startY, stopX, stopY, linePaint);
    }

    /** * 用来表示图案节点的类 */
    private class PointInfo {

        private int id;

        private int nextId;

        private boolean selected;

        private int defaultX;

        private int defaultY;

        private int seletedX;

        private int seletedY;

        public PointInfo(int id, int defaultX, int defaultY, int seletedX,
                int seletedY) {
            this.id = id;
            this.nextId = id;
            this.defaultX = defaultX;
            this.defaultY = defaultY;
            this.seletedX = seletedX;
            this.seletedY = seletedY;
        }

        public boolean isSelected() {
            return selected;
        }

        public boolean isNotSelected() {
            return !isSelected();
        }

        public void setSelected(boolean selected) {
            this.selected = selected;
        }

        public int getId() {
            return id;
        }

        public int getDefaultX() {
            return defaultX;
        }

        public int getDefaultY() {
            return defaultY;
        }

        public int getSeletedX() {
            return seletedX;
        }

        public int getSeletedY() {
            return seletedY;
        }

        public int getCenterX() {
            return seletedX + selectedBitmapRadius;
        }

        public int getCenterY() {
            return seletedY + selectedBitmapRadius;
        }

        public boolean hasNextId() {
            return nextId != id;
        }

        public int getNextId() {
            return nextId;
        }

        public void setNextId(int nextId) {
            this.nextId = nextId;
        }

        /** * @param x * @param y * @return */
        public boolean isInMyPlace(int x, int y) {
            boolean inX = x > seletedX
                    && x < (seletedX + selectedBitmapDiameter);
            boolean inY = y > seletedY
                    && y < (seletedY + selectedBitmapDiameter);

            return (inX && inY);
        }

    }

}  

NinePointLineView使用：

ninePointLineView.setOnTouchListener(new OnTouchListener() {
    public boolean onTouch(View v, MotionEvent event) {
        // TODO Auto-generated method stub
    String s = ninePointLineView.lockString.toString();
    if(event.getAction() == MotionEvent.ACTION_UP){
        if(s.equals(key)){
            Toast.makeText(MainActivity.this, "密码正确！", Toast.LENGTH_SHORT).show();
        }else{
            Toast.makeText(MainActivity.this, "密码错误！", Toast.LENGTH_SHORT).show();
        }
    }
    return false;
    }});

示例：

即可；