wpf 鼠标移动canvas中的ellipse 控件 mvvm方式实现

在MVVM模式下实现WPF中的鼠标移动Canvas中的Ellipse控件，可以使用以下步骤：

1.在ViewModel中定义Ellipse控件的位置属性，例如：

private double _ellipseLeft;
public double EllipseLeft
{
    get { return _ellipseLeft; }
    set
    {
        _ellipseLeft = value;
        OnPropertyChanged(nameof(EllipseLeft));
    }
}

private double _ellipseTop;
public double EllipseTop
{
    get { return _ellipseTop; }
    set
    {
        _ellipseTop = value;
        OnPropertyChanged(nameof(EllipseTop));
    }
}

2.在XAML中绑定Ellipse控件的位置属性到ViewModel中定义的属性。例如：

<Canvas>
    <Ellipse Width="50" Height="50" Fill="Red"
        Canvas.Left="{Binding EllipseLeft}"
        Canvas.Top="{Binding EllipseTop}"
        MouseMove="Ellipse_MouseMove"/>
</Canvas>

3.在ViewModel中实现Ellipse_MouseMove事件处理程序。例如：

private void Ellipse_MouseMove(object sender, MouseEventArgs e)
{
    if (e.LeftButton == MouseButtonState.Pressed)
    {
        EllipseLeft = e.GetPosition(canvas).X - 25;
        EllipseTop = e.GetPosition(canvas).Y - 25;
    }
}

在这个事件处理程序中，我们首先检查鼠标左键是否按下。如果是，我们就更新ViewModel中的EllipseLeft和EllipseTop属性。这将自动更新绑定的Ellipse控件的位置。

注意，要使用MVVM模式实现WPF中的鼠标移动Canvas中的Ellipse控件，需要使用Command模式来实现MouseDown、MouseMove和MouseUp事件处理程序。这是因为，MVVM模式要求将所有用户交互操作转移到ViewModel中处理，而不是直接在View中处理。