如何识别鼠标在线上的单击？

Question

我有一个 WPF 应用程序。有一块画布。当用户将鼠标拖动到画布上（从鼠标向下到鼠标向上）时，我会画线。当按下鼠标时，我采用初始点；当用户向上移动鼠标时，我采用最终点。然后，我计算距离并在简单的鼠标按下、移动和向上事件中绘制线条。

在画布上绘制许多线条后，我单击其中任何一条线条。我想选择该行并向用户显示该行已被选择（例如通过更改该行的颜色）。所以用户可以删除它。

谢谢。

Answer 1

这是一个工作示例：（实现 Bala 在他的评论中建议的内容）

private void myCanvas_Loaded(object sender, RoutedEventArgs e)
        {
            Line line = new Line();

            line.MouseDown += new MouseButtonEventHandler(line_MouseDown);
            line.MouseUp   += new MouseButtonEventHandler(line_MouseUp);

            line.Stroke = Brushes.Black;
            line.StrokeThickness = 2;
            line.X1 = 30; line.X2 = 80;
            line.Y1 = 30; line.Y2 = 30;

            myCanvas.Children.Add(line);
        }

void line_MouseUp(object sender, MouseButtonEventArgs e)
        {
            // Change line colour back to normal 
            ((Line)sender).Stroke = Brushes.Black;
        }

void line_MouseDown(object sender, MouseButtonEventArgs e)
        {
            // Change line Colour to something
            ((Line)sender).Stroke = Brushes.Red;
        }

考虑到您已经有了将行添加到画布中的逻辑，

只需为您添加的每一行添加两个事件处理程序（如上所述）。

Answer 2

我建议您向画布添加自定义 MouseDown 事件处理程序。事实上，如果您的线条非常细，您需要让用户能够单击线条附近来选择它。

为此，在自定义 MouseDown 处理程序中，迭代您的线条并执行以下操作：

对于每条线条：

• 创建一个矩形，线条长度为宽度和高度 = max(lineWidth, 10px)，
• 围绕矩形旋转鼠标坐标中心与线角相等（用math.atan2计算），
• 检查新的鼠标坐标是否位于矩形内，
• 如果是，则选择当前留置并断开。