Question

我尝试实现鼠标移动跟踪，当鼠标以圆圈方式或矩形方式移动时显示特定信息。

bool IsWithinCircle(int centerX, int centerY, int mouseX, int mouseY, double radius) 
{
    int diffX = centerX - mouseX;
    int diffY = centerY - mouseY;
    return  (diffX * diffX + diffY * diffY) <= radius * radius;
}

我使用鼠标位置使用此功能检测圆形。任何其他检测鼠标移动的方法？
你能给一些示例代码或链接吗？

Answer 1

您可能希望将鼠标移动跟踪为一系列线段，并使用这些线段创建圆的近似值。如果圆的中心保持相对一致，则用户移动一圈。

它们的关键在于任何两个连续的线段近似于圆弧。从中心到这些线段的法线（法线是垂直线）形成穿过圆心的线。当您有两个或更多法线时，可以计算圆的中心。如果当用户移动鼠标时该中心保持相对一致，并且围绕圆心的那些法线的角度顺时针或逆时针前进，那么你有一个圆圈。

two consecutive line segments approximating a circle

举个例子：

用户从100,0移至104,2至106,6，为您提供2行
线的斜率是Δy/Δx。法线的斜率是-Δx/Δy
第1行的法线从102,1开始，斜率为-1/2（atan2(-1,2)收益率-26°）
第2行的法线从105,4开始，斜率为-2/1（atan2(-2,1)收益率-63°）
这些线在99,7
如果所有后续线段的中心均为99±t，7±t，其中t为某个公差，则表示连续弧
当用户连续通过圆圈的度数（或弧度）时，他们已经制作了一个圆圈

需要考虑的一些事项：

由于鼠标移动事件通常会大量激活，导致许多相同的值或值彼此相邻，您必须等到有足够的移动来计算合理的法线 - 您必须进行实验看看什么对你有用
容差还取决于您的实验对您的效果

Answer 2

下面的示例代码...这将跟踪连续的鼠标移动以确定是否绘制了圆圈。每次激活MouseMove事件时，光标Point都会添加到集合中，并启动计时器以评估收集和重置。

在评估集合时，它将首先确定中心Point，然后它将确保所有点都在距离中心一定距离内（在下图中的绿色区域内）并且所有象限中的点（完整的圈）。

enter image description here

使用简单的WPF窗口：

<Window x:Class="Shaping.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Canvas x:Name="ShapeCanvas" Background="Transparent" />
        <Ellipse Width="100" Height="100" Stroke="Black" StrokeThickness="1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>

和一些杂乱的代码背后：

public partial class MainWindow : Window
{
    List<Point> points;
    Timer reset;

    public MainWindow()
    {
        InitializeComponent();

        points = new List<Point>();
        reset = new Timer { AutoReset = false, Interval = 500 };
        reset.Elapsed += (s, e) =>
        {
            App.Current.Dispatcher.BeginInvoke((Action)(() =>
            {
                ShapeCanvas.Children.Clear();
            }));

            if (points.Count > 10)
            {

                double? max_x = null;
                double? min_x = null;
                double? max_y = null;
                double? min_y = null;

                // evaulate points to determine center
                foreach (var point in points)
                {
                    max_x = Math.Max(max_x ?? point.X, point.X);
                    min_x = Math.Min(min_x ?? point.X, point.X);
                    max_y = Math.Max(max_y ?? point.Y, point.Y);
                    min_y = Math.Min(min_y ?? point.Y, point.Y);
                }
                var center = new Point((((double)max_x - (double)min_x) / 2) + (double)min_x, (((double)max_y - (double)min_y) / 2) + (double)min_y);

                var count_r = 0;
                var sum_r = 0d;
                var all_r = new List<double>();
                var quadrands = new int[4];

                // evaluate points again to determine quadrant and to get all distances and average distance
                foreach (var point in points)
                {
                    // distance
                    var r = Math.Sqrt(Math.Pow(point.X - center.X, 2) + Math.Pow(point.Y - center.Y, 2));
                    sum_r += r;
                    count_r += 1;
                    all_r.Add(r);

                    // quadrand
                    quadrands[(point.Y > center.Y ? 1 : 0) + (point.X > center.X ? 2 : 0)] += 1;
                }
                var r_avg = sum_r / count_r;

                if (all_r.Count(r => Math.Abs(r - r_avg) < r_avg * .3) >= count_r * .8 && quadrands.All(q => q > 1))
                {
                    // you made a circle
                    App.Current.Dispatcher.BeginInvoke((Action)(() =>
                    {
                        ShapeCanvas.Children.Clear();
                        ShapeCanvas.Children.Add(new Ellipse() { Fill = new SolidColorBrush(Colors.Red), Width = 15, Height = 15 });
                        reset.Start();
                    }));
                }
            }

            points.Clear();
        };

        ShapeCanvas.MouseMove += (s, e) =>
        {
            points.Add(e.GetPosition((Canvas)s));
            reset.Stop();
            reset.Start();
        };

    }
}

关于quadrands.All(q=> q > 1)的注意事项 - 我最初检查所有象限quadrants.All(q=> Math.Abs(q - avg_quad) < avg_quad * .3之间的偶数分布，但这只是在以恒定速度绘制圆圈时才会起作用（或者如果根据速度调整计数;速度由连续点之间的距离确定）

.3和.8只是我发现的用于描述roughly a circle的数字 - 转换为：至少80％的点落在距离的平均距离的+ -15％范围内中心。

检测鼠标是否以圆圈方式移动

2 个答案: