在 wpf 中绘图时对线条进行动画处理

XAML

<Canvas Name="canvas" MouseDown="canvas_MouseDown" MouseUp="canvas_MouseUp" Background="White" MouseMove="canvas_MouseMove" />

C#

Line AnimationLine;
Point P1;
private void canvas_MouseDown(object sender, MouseButtonEventArgs e)
{
    P1 = e.GetPosition(canvas);
    AnimationLine = new Line() { Stroke = new SolidColorBrush { Color = Colors.Blue },StrokeThickness = 3};
    AnimationLine.X1 = P1.X;
    AnimationLine.Y1 = P1.Y;
    canvas.Children.Add(AnimationLine);
}


private void canvas_MouseUp(object sender, MouseButtonEventArgs e)
{
    var P2 = e.GetPosition(canvas);
    canvas.Children.Remove(AnimationLine);
    //AnimationLine = new Line();
    canvas.Children.Add
      (new Line()
      {
          X1 = P1.X,
          Y1 = P1.Y,
          X2 = P2.X,
          Y2 = P2.Y,
          StrokeThickness = 3,
          Stroke = new SolidColorBrush { Color = Colors.Blue }
      });
}

private void canvas_MouseMove(object sender, MouseEventArgs e)
{
    if(e.LeftButton == MouseButtonState.Pressed)
    { 
       var P2 = e.GetPosition(canvas);
       AnimationLine.X2 = P2.X;
       AnimationLine.Y2 = P2.Y;
    }
}

我正在尝试绘制一条线，第一个点分配给鼠标按下，第二个点分配给鼠标向上，这就是绘制线的时候，但是当拖动时我想显示动画线，动画线就像实时引导线。

为了得到它，我想画一条线，就像在微软画图中一样。

我刚刚写了上面的内容，效果很好，但这真的是这样做的方法吗？有什么内置功能可以提供帮助吗？

您的代码可以简化如下所示。特别是，您应该添加处理程序MouseLeftButtonDown and MouseLeftButtonUp事件而不是更一般的事件MouseDown and MouseUp事件。另请注意，您通常会捕获鼠标，并且拥有鼠标释放处理程序的唯一目的是释放鼠标捕获。

XAML:

<Canvas Background="Transparent"
        MouseLeftButtonDown="Canvas_MouseLeftButtonDown"
        MouseLeftButtonUp="Canvas_MouseLeftButtonUp"
        MouseMove="Canvas_MouseMove"/>

背后代码：

private void Canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    var canvas = (Canvas)sender;

    if (canvas.CaptureMouse())
    {
        var startPoint = e.GetPosition(canvas);
        var line = new Line
        {
            Stroke = Brushes.Blue,
            StrokeThickness = 3,
            X1 = startPoint.X,
            Y1 = startPoint.Y,
            X2 = startPoint.X,
            Y2 = startPoint.Y,
        };

        canvas.Children.Add(line);
    }
}

private void Canvas_MouseMove(object sender, MouseEventArgs e)
{
    var canvas = (Canvas)sender;

    if (canvas.IsMouseCaptured && e.LeftButton == MouseButtonState.Pressed)
    {
        var line = canvas.Children.OfType<Line>().LastOrDefault();

        if (line != null)
        {
            var endPoint = e.GetPosition(canvas);
            line.X2 = endPoint.X;
            line.Y2 = endPoint.Y;
        }
    }
}

private void Canvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    ((Canvas)sender).ReleaseMouseCapture();
}