自定义View--九宫格手势

public class NinePoint extends View{
    private Context context;
    int index_point = 0;
    private float mDensity;
    private int mCount = 3;
    private ArrayList<RectF> mListRectFs;//圆的外形矩形
    private ArrayList<Point> mListCircle;//外圆的圆心
    private LinkedHashSet<Integer> mSetPoints;//记录需要连线的外圆圆心点在mListCircle中的索引值，LinkedHashSet线性不可重复 集合，FIFO
    private Paint mPaint, miniPaint;//画笔
    private float mRadius;//外圆半径
    private float mMinRadius;//内圆半径
    private float mStrokeWidth = 10; //绘制时的画笔宽度
    private Point mMovePoint; //记录手指移动时的点

    public NinePoint(Context context) {
        super(context);
    }

    public NinePoint(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        mDensity = getContext().getResources().getDisplayMetrics().density;
        mListRectFs = new ArrayList<>();
        mListCircle = new ArrayList<>();
        mPaint = new Paint();
        mPaint.setStrokeWidth(5);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setAntiAlias(true);
        mPaint.setColor(Color.BLUE);

        miniPaint = new Paint();
        miniPaint.setColor(Color.BLACK);
        miniPaint.setAntiAlias(true);
        miniPaint.setStyle(Paint.Style.STROKE);
        miniPaint.setStrokeWidth(5);
        mMinRadius = dp(5);
        mSetPoints = new LinkedHashSet<>();
    }

    public NinePoint(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        drawAll_Cicle(canvas);
        draw_line(canvas);
    }


    private int dp(int dp) {
        return (int) (dp * mDensity + 0.5f);
    }
    //绘制 连接线
    void draw_line(Canvas canvas) {
        Point p1 = null;
        Point p2 = null;
        //从结合中获取 move过的点
        for (int index : mSetPoints) {
            //当第一个点为null的时候 给第一个点赋值
            if (p1 == null) {
                p1 = mListCircle.get(index);
                //然后 给第二个点赋值 两点一条线
            } else if (p2 == null) {
                p2 = mListCircle.get(index);
                canvas.drawLine(p1.x, p1.y, p2.x, p2.y, mPaint);
                //p1 挪到p2
                p1 = p2;
                //接下来就是第三个点了 乃至更多点
            } else {
                //p2重新赋值 两点一条线
                p2 = mListCircle.get(index);
                canvas.drawLine(p1.x, p1.y, p2.x, p2.y, mPaint);
                //p1 挪到p2
                p1 = p2;
            }

        }

        //绘制实时连线
        if (mMovePoint != null && p1 != null) {
            canvas.drawLine(p1.x, p1.y, mMovePoint.x, mMovePoint.y, mPaint);
        }
    }

    //绘制 外圆 内圆
    void drawAll_Cicle(Canvas canvas) {
        for (int i = 0; i < mListRectFs.size(); i++) {
            Point point = mListCircle.get(i);
            //如果move过的 就换颜色
            if (mSetPoints.contains(i)) {
                canvas.drawCircle(point.x, point.y, mRadius, miniPaint);
                canvas.drawCircle(point.x, point.y, mMinRadius, mPaint);

            } else {

                canvas.drawCircle(point.x, point.y, mRadius, mPaint);
                canvas.drawCircle(point.x, point.y, mMinRadius, miniPaint);
            }

        }

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        float w = Math.min(getMeasuredWidth(), getMeasuredHeight());
        mRadius = getMeasuredWidth() * 1.00f / (mCount * 3 + 1);

        float rectWH = mRadius * 2;
        mListRectFs.clear();
        mListCircle.clear();
        for (int i = 0; i < mCount; i++) {
            for (int j = 0; j < mCount; j++) {
                RectF rectF = new RectF((3 * i + 1) * mRadius, (3 * j + 1) * mRadius, (3 * i + 3) * mRadius, (3 * j + 3) * mRadius);
                mListRectFs.add(rectF);
                Point point = new Point((3 * i + 2) * (int) mRadius, (3 * j + 2) * (int) mRadius);

                mListCircle.add(point);
            }
        }

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float point_x = event.getX();
        float point_y = event.getY();

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:

                break;
            case MotionEvent.ACTION_UP:
                mMovePoint = null;
                mSetPoints.clear();
                invalidate();
                break;
            case MotionEvent.ACTION_MOVE:

                int index = touchIndex(point_x, point_y);
                if (mMovePoint == null) {
                    mMovePoint = new Point((int) point_x, (int) point_y);
                } else {
                    mMovePoint.set((int) point_x, (int) point_y);
                }

                if (index != -1) {
                    mSetPoints.add(index);
                    if (index_point != mSetPoints.size()) {
                        index_point = mSetPoints.size();
                        performHapticFeedback(HapticFeedbackConstants.LONG_PRESS);
                    }
                }
                invalidate();
                break;
        }

        return true;
    }

    /**
     * 判断触摸点在哪个item上
     *
     * @param x
     * @param y
     * @return
     */
    private int touchIndex(float x, float y) {
        for (int i = 0; i < mListCircle.size(); i++) {
            Point p = mListCircle.get(i);
            if (isCollision(x, y, p.x, p.y, mRadius)) {
                return i;
            }
        }

        return -1;
    }
    /**
     * 点和圆形碰撞检测
     *
     * @param x1   手指接触点
     * @param y1   手指接触点
     * @param x2   外圆
     * @param y2   外圆
     * @param radius 半径
     * @return
     */
    private boolean isCollision(float x1, float y1, float x2, float y2, float radius) {
        if (Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2)) <= radius) {
            // 如果点和圆心距离小于或等于半径则认为发生碰撞
            return true;
        }
        return false;
    }

}