WPF 鼠标拖动控件在Canvas上移动

在 WPF 中，可以使用鼠标事件和 Canvas.SetLeft / Canvas.SetTop 方法来实现拖动控件在 Canvas 上移动的效果。以下是一个示例：

<Canvas>
    <Button Content="Drag me!" Canvas.Left="50" Canvas.Top="50"
            MouseLeftButtonDown="Button_MouseLeftButtonDown"
            MouseMove="Button_MouseMove"
            MouseLeftButtonUp="Button_MouseLeftButtonUp"/>
</Canvas>

在代码中，我们为 Button 控件注册了三个鼠标事件：MouseLeftButtonDown、MouseMove 和 MouseLeftButtonUp。这三个事件将分别在鼠标按下、移动和松开时触发。

private bool isDragging;
private Point startPoint;

private void Button_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    // 开始拖动
    isDragging = true;
    startPoint = e.GetPosition(null);
    ((UIElement)sender).CaptureMouse();
}

private void Button_MouseMove(object sender, MouseEventArgs e)
{
    if (isDragging)
    {
        // 计算拖动距离
        Point mousePos = e.GetPosition(null);
        Vector diff = startPoint - mousePos;

        // 移动控件
        Button button = sender as Button;
        double left = Canvas.GetLeft(button);
        double top = Canvas.GetTop(button);
        Canvas.SetLeft(button, left - diff.X);
        Canvas.SetTop(button, top - diff.Y);

        // 更新起始点
        startPoint = mousePos;
    }
}

private void Button_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    // 结束拖动
    isDragging = false;
    ((UIElement)sender).ReleaseMouseCapture();
}

在这个示例中，我们首先定义了两个变量：isDragging 和 startPoint。isDragging 变量表示当前是否正在拖动控件，startPoint 变量表示拖动开始时鼠标的位置。

在 MouseLeftButtonDown 事件中，我们将 isDragging 设为 true，并记录当前鼠标的位置。然后，我们调用 CaptureMouse 方法来捕获鼠标，以确保鼠标移动事件被正确处理。

在 MouseMove 事件中，我们首先判断当前是否正在拖动。如果是，就计算出当前鼠标位置和上一次鼠标位置的差值，然后使用 Canvas.SetLeft 和 Canvas.SetTop 方法更新控件的位置。最后，我们将当前鼠标位置保存到 startPoint 变量中，以便下一次计算差值。

在 MouseLeftButtonUp 事件中，我们将 isDragging 设为 false，并调用 ReleaseMouseCapture 方法来释放鼠标捕获。

通过这种方式，我们就可以实现在 Canvas 上拖动控件移动的效果。如果需要支持多个控件同时拖动，可以使用类似的方法为每个控件注册鼠标事件。