用Reactive Extensions快速实现鼠标手势功能

鼠标手势非常方便，在很多程序中得到了广泛应用。在这里我要介绍一种通过用Reactive Extensions快速实现鼠标手势功能的方法，以供有需要的朋友参考。

一般用的那些只有上下左右的鼠标手势的识别原理并不复杂，只需要对鼠标轨迹进行定点采集，根据偏移的角度进行降噪处理，折换成上下左右四个方向即可。具体代码可以参考下文中的GetDirection方法（这个函数不是我写的，以前在网上找的，原始出处不记得了）。通过用Reactive extensions可以非常容易的实现这一过程。具体代码如下： 

public partial class Form1 : Form
{
    public Form1()
    {
        InitializeComponent();

        Process();
    }

    private void Process()
    {
        var mouseDown = Observable.FromEventPattern<MouseEventArgs>(this, "MouseDown");
        var mouseMove = Observable.FromEventPattern<MouseEventArgs>(this, "MouseMove");
        var mouseUp = Observable.FromEventPattern<MouseEventArgs>(this, "MouseUp");

        var mousePath = mouseMove.SkipUntil(mouseDown).TakeUntil(mouseUp).Select(i => i.EventArgs.Location);

        mousePath.Take(1).Subscribe(_ => { }, () => label1.Text = "waitting for mouse up...");
        ProcessMouseGesture(mousePath);
    }


    void ProcessMouseGesture(IObservable<Point> mousePath)
    {
        //这里只是取0.1秒间隔作为采集点，不是很合适，还要把距离拿来一起算可能更精确一些
        var points = mousePath.Sample(TimeSpan.FromSeconds(0.1));

        var directions = (from direction in points.Zip(points.Skip(1), (p1, p2) => GetDirection(p1, p2))
                            where direction != MouseGestureDirection.Unknown
                            select direction).DistinctUntilChanged();

        var directionList = new List<MouseGestureDirection>();
        directions.Subscribe(d => directionList.Add(d), () =>
            {
                label1.Text = string.Join(",", directionList.ToArray());
                Process();
            });
    }

    static MouseGestureDirection GetDirection(Point start, Point end)
    {
        const double maxAngleError = 30;

        int deltaX = end.X - start.X;
        int deltaY = end.Y - start.Y;

        double length = Math.Sqrt(deltaX * deltaX + deltaY * deltaY);

        double sin = deltaX / length;
        double cos = deltaY / length;

        double angle = Math.Asin(Math.Abs(sin)) * 180 / Math.PI;

        if ((sin >= 0) && (cos < 0))
            angle = 180 - angle;
        else if ((sin < 0) && (cos < 0))
            angle = angle + 180;
        else if ((sin < 0) && (cos >= 0))
            angle = 360 - angle;

        //direction recognition
        if ((angle > 360 - maxAngleError) || (angle < 0 + maxAngleError))
            return MouseGestureDirection.Down;
        else if ((angle > 90 - maxAngleError) && (angle < 90 + maxAngleError))
            return MouseGestureDirection.Right;
        else if ((angle > 180 - maxAngleError) && (angle < 180 + maxAngleError))
            return MouseGestureDirection.Up;
        else if ((angle > 270 - maxAngleError) && (angle < 270 + maxAngleError))
            return MouseGestureDirection.Left;
        else return MouseGestureDirection.Unknown;
    }
}


enum MouseGestureDirection
{
    Unknown,
    Up,
    Right,
    Down,
    Left
}

由于我对Reactive Extensions不熟，只是偶尔有空的时候看了看，目前还属于管中窥豹阶段，上述代码并非最佳实践，本文这里只是给出了一种思路和方法，如果谁有更合适的实现，欢迎留言指正。