wpf 鼠标移动 rectangle控件 mvvmlight

您好！针对您的问题，在 WPF 中使用 MVVMLight 控件库实现鼠标移动 Rectangle 控件，可以按照以下步骤进行操作：

1. 首先，我们需要在 XAML 中添加 Rectangle 控件，并绑定其位置属性以实现鼠标移动。具体代码如下：

<Rectangle Width="50" Height="50" Fill="Red"
           Canvas.Left="{Binding RectangleLeft}"
           Canvas.Top="{Binding RectangleTop}" />

2. 在 ViewModel 中定义 Rectangle 的位置属性，这里使用了 MVVMLight 的 ViewModelBase 类。具体代码如下：

public class MainViewModel : ViewModelBase
{
    private double _rectangleLeft;
    public double RectangleLeft
    {
        get { return _rectangleLeft; }
        set { Set(ref _rectangleLeft, value); }
    }

    private double _rectangleTop;
    public double RectangleTop
    {
        get { return _rectangleTop; }
        set { Set(ref _rectangleTop, value); }
    }
}

3. 接下来，我们需要在代码中绑定鼠标移动事件，以更新 Rectangle 的位置属性。具体代码如下：

public class MainViewModel : ViewModelBase
{
    public MainViewModel()
    {
        // 获取 Rectangle 控件
        var rectangle = App.Current.MainWindow.FindChild<Rectangle>("MyRectangle");

        // 绑定鼠标移动事件
        App.Current.MainWindow.MouseMove += (sender, e) =>
        {
            // 更新 Rectangle 的位置属性
            RectangleLeft = e.GetPosition(rectangle.Parent as UIElement).X - rectangle.Width / 2;
            RectangleTop = e.GetPosition(rectangle.Parent as UIElement).Y - rectangle.Height / 2;
        };
    }
}

通过以上步骤，我们就可以在 WPF 中使用 MVVMLight 控件库实现鼠标移动 Rectangle 控件了。希望对您有所帮助！