Xamarin.Android 手势密码

Xamarin.Android 手势密码

主要问题：

1. 图形绘制

• 实心圆
• 空心圆
• 线段

2. Touch事件处理

•  MotionEventActions.Down
•  MotionEventActions.Move
• MotionEventActions.Up

3. 各个圆坐标计算

4. 圆圈的选中逻辑

• 判断点是否在圆内
• 判断选中的两个圆心连线是否经过一个圆，如果是则该圆也是选中

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using Android.App;
using Android.Content;
using Android.Graphics;
using Android.OS;
using Android.Runtime;
using Android.Util;
using Android.Views;
using Android.Widget;
using static Android.Views.View;
using MyPassword.Droid.Utils;
using MyPassword.Utils;

namespace MyPassword.Droid.Views
{
    public class GestureLockView : View,IOnTouchListener
    {


        private  int Circle_R = 20;
        private  int Distance = 40;
        private  int Circle_r = 3;

        private int Length = 0;

        private double ViewWidth = 0;
        private double ViewHight = 0;
        private double MyPadding = 0;

        private int X_Zero = 0;
        private int Y_Zero = 0;



        private List<Vector2> pointList = new List<Vector2>();

        private List<Vector2> checkedList = new List<Vector2>();

        private List<Vector2> drawList = new List<Vector2>();

        private List<int> indexList = new List<int>();

        Paint paint;

        public delegate void CheckCompeleteDelegate(List<int> checkList);

        private CheckCompeleteDelegate _CheckCompeleteDelegate;

        public event CheckCompeleteDelegate CheckCompeleteEvent
        {
            add
            {
                _CheckCompeleteDelegate = Delegate.Combine(_CheckCompeleteDelegate, value) as CheckCompeleteDelegate;
            }
            remove
            {
                _CheckCompeleteDelegate = Delegate.Remove(_CheckCompeleteDelegate, value) as CheckCompeleteDelegate;
            }
        }


        private void GetCheckedIndex()
        {
            indexList.Clear();
            foreach (var item in checkedList)
            {
                int index = pointList.IndexOf(item);
                indexList.Add(index);

            }
        }

        public GestureLockView(Context context, IAttributeSet attrs) :
            base(context, attrs)
        {
            Initialize();
        }

        public GestureLockView(Context context, IAttributeSet attrs, int defStyle) :
            base(context, attrs, defStyle)
        {
            Initialize();
        }

        private void Initialize()
        {
            Circle_r = DensityUtil.Dp2px(Context,3f);
            Circle_R = DensityUtil.Dp2px(Context, 20f);
            Distance = DensityUtil.Dp2px(Context, 40f);
            Length = 3 * Circle_R * 2 + Distance * 2;
            ViewWidth = DensityUtil.Dp2px(Context, 320f);
            ViewHight = DensityUtil.Dp2px(Context, 320f);

            MyPadding = (ViewWidth - Length) / 2;
            X_Zero = (int)MyPadding + Circle_R;
            Y_Zero = (int)MyPadding + Circle_R;
            paint = new Paint();
            SetOnTouchListener(this);
            InitPointList();
            PostInvalidate();
        }




        protected override void OnDraw(Canvas canvas)
        {
            base.OnDraw(canvas);

            int size = pointList.Count;
            paint.StrokeWidth = 6;
            paint.AntiAlias = true;
            for (int i = 0; i < size; i++)//绘制元素点图
            {
                Vector2 item = pointList.ElementAt(i);
                paint.Color = Color.Blue;
                paint.SetStyle(Paint.Style.Fill);//设置为实心
                canvas.DrawCircle(item.X, item.Y, Circle_r,paint);
                paint.SetStyle(Paint.Style.Stroke);//设置为空心
                canvas.DrawCircle(item.X, item.Y, Circle_R, paint);
            }
            size = drawList.Count;
            for (int i = 0; i < size; i++)//绘制选中点图
            {
                Vector2 item = drawList.ElementAt(i);
                paint.Color = Color.Red;
                paint.SetStyle(Paint.Style.Fill);//设置为实心
                canvas.DrawCircle(item.X, item.Y, Circle_r, paint);
                if (i < size - 1)
                {
                    Vector2 item2 = drawList.ElementAt(i + 1);
                    paint.Color = Color.Red;
                    canvas.DrawLine(item.X, item.Y, item2.X, item2.Y, paint);
                    paint.SetStyle(Paint.Style.Stroke);//设置为空心
                    canvas.DrawCircle(item.X, item.Y, Circle_R, paint);
                }
            }

        }


        public void Reset()
        {
            checkedList.Clear();
            drawList.Clear();
            PostInvalidate();
        }


        private double touch_x = 0;
        private double touch_y = 0;

        public bool OnTouch(View v, MotionEvent e)
        {
            switch (e.Action)
            {
                case MotionEventActions.Down:
                case MotionEventActions.Move:
                    touch_x = e.GetX();
                    touch_y = e.GetY();
                    ProcessTouchEvent(touch_x, touch_y);
                    break;
                case MotionEventActions.Up:
                    GetCheckedIndex();
                    if (_CheckCompeleteDelegate != null)
                    {
                        _CheckCompeleteDelegate.Invoke(indexList);
                    }
                    Reset();
                    break;
            }
            return true;
        }


        private void ProcessTouchEvent(double x, double y)
        {
            if (x < 0 || y < 0 || x > ViewWidth || y > ViewHight)
            {

            }
            else
            {
                Vector2 item = CheckRange(x, y, out bool isIn);
                if (isIn && !IsAdded(item))
                {
                    if (checkedList.Count > 0)
                    {
                        var item2 = checkedList.Last();
                        foreach (Vector2 v in pointList)
                        {
                            if (item != v && !IsAdded(v) && CheckOnLine(item, item2, v))
                            {
                                checkedList.Add(v);
                            }
                        }
                    }
                    checkedList.Add(item);
                }
                else
                {
                    drawList.Clear();
                    drawList.AddRange(checkedList);
                    drawList.Add(item);
                }
                PostInvalidate();
            }
        }



        /// <summary>
        /// 判断 v 是否在 v1、v2连线内  用了最粗暴的方法  
        /// </summary>
        /// <param name="v1"></param>
        /// <param name="v2"></param>
        /// <param name="v"></param>
        /// <returns></returns>
        private bool CheckOnLine(Vector2 v1, Vector2 v2, Vector2 v)
        {
            double len = CalcLengthBetweenTwoPoint(v1, v2);
            double len1 = CalcLengthBetweenTwoPoint(v1, v);
            double len2 = CalcLengthBetweenTwoPoint(v2, v);
            return len == len1 + len2;
        }

        /// <summary>
        /// 计算v1、v2连线长度
        /// </summary>
        /// <param name="v1"></param>
        /// <param name="v2"></param>
        /// <returns></returns>
        private double CalcLengthBetweenTwoPoint(Vector2 v1, Vector2 v2)
        {
            double value = Math.Pow(v1.X - v2.X, 2.0) + Math.Pow(v1.Y - v2.Y, 2.0);

            return Math.Abs(Math.Sqrt(value));
        }

        /// <summary>
        /// 判断x、y 是否在其中一个圆内
        /// </summary>
        /// <param name="x"></param>
        /// <param name="y"></param>
        /// <param name="isIn"></param>
        /// <returns></returns>
        private Vector2 CheckRange(double x, double y, out bool isIn)
        {
            foreach (Vector2 v in pointList)
            {
                if (IsInCircle(x, y, v) && !IsAdded(v))
                {
                    isIn = true;
                    return v;
                }
            }
            isIn = false;
            return new Vector2 { X = (int)x, Y = (int)y };

        }

        /// <summary>
        /// 判断x、y 是否在 v 为圆心 Circle_R 为半径的圆内
        /// </summary>
        /// <param name="x"></param>
        /// <param name="y"></param>
        /// <param name="v"></param>
        /// <returns></returns>
        private bool IsInCircle(double x, double y, Vector2 v)
        {
            return Math.Pow(x - v.X, 2.0) + Math.Pow(y - v.Y, 2.0) <= Math.Pow(Circle_R, 2.0);
        }

        /// <summary>
        /// 判断item 是否已经选中
        /// </summary>
        /// <param name="item"></param>
        /// <returns></returns>
        private bool IsAdded(Vector2 item)
        {
            return checkedList.Contains(item);
        }

        /// <summary>
        /// 初始化 原始数据
        /// </summary>
        private void InitPointList()
        {
            //DebugUtil.WriteLine("Distance   == "+ Distance);
            int deta_x = 0;
            int deta_y = 0;
            int x = 0;
            int y = 0;
            for (int i = 0; i < 9; i++)
            {
                deta_x = i % 3;
                deta_y = i / 3;
                x = X_Zero + deta_x * (Distance + 2 * Circle_R);
                y = Y_Zero + deta_y * (Distance + 2 * Circle_R);


                pointList.Add(new Vector2
                {
                    X = x,
                    Y = y
                });

            }
        }

    }

    class Vector2 {
        public int X { get; set; }
        public int Y { get; set; }
    }

}