WPF Thumb rectangle移动改变大小，旋转 mvvmlight 方式实现

好的，针对您的问题，我提供如下实现思路：

1. 在 WPF 中，可以使用 Thumb 控件来实现拖动操作。您可以将 Thumb 控件放置在矩形的角落或边缘，通过 Thumb 控件的 DragDelta 事件来获取鼠标拖动的偏移量，然后将该偏移量应用到您要移动的矩形上。

2. 对于改变大小操作，您可以使用 Thumb 控件的 ResizeThumb 模板来实现。在 ResizeThumb 模板中，可以设置鼠标拖动事件，获取鼠标拖动的偏移量，然后将该偏移量应用到矩形的宽度和高度上。

3. 对于旋转操作，您可以使用 Thumb 控件的 RotateThumb 模板来实现。在 RotateThumb 模板中，可以设置鼠标拖动事件，获取鼠标拖动的偏移量，然后将该偏移量应用到矩形的旋转角度上。

4. 在 MVVMLight 中，您可以使用 ViewModel 来实现矩形的属性绑定。可以在 ViewModel 中定义矩形的位置、大小和旋转角度等属性，然后在 UI 中将这些属性与矩形的实际属性进行绑定。在鼠标拖动事件中，您可以修改 ViewModel 中的属性值，然后通知 UI 更新矩形的属性。

以上是一些实现思路，具体的代码实现需要根据您的需求进行调整。希望能对您有所帮助！

相关问题

WPF Thumb rectangle移动缩放旋转 mvvmlight

WPF Thumb和Rectangle都可以用于实现用户界面中的交互功能，例如移动、缩放、旋转等。在使用mvvmlight框架时，可以将Thumb或Rectangle控件与ViewModel绑定，实现更加优雅的MVVM架构。以下是实现移动、缩放、旋转功能的示例代码：

1. 首先，定义一个Thumb或Rectangle控件，并将其与ViewModel绑定：

<Thumb Width="50" Height="50" Canvas.Left="{Binding X}" Canvas.Top="{Binding Y}" 
       Canvas.ZIndex="{Binding ZIndex}" 
       RenderTransformOrigin="0.5,0.5" 
       RenderTransform="{Binding Transform}">
    <!-- 控件内容 -->
</Thumb>

<Rectangle Width="50" Height="50" Canvas.Left="{Binding X}" Canvas.Top="{Binding Y}" 
           Canvas.ZIndex="{Binding ZIndex}" 
           RenderTransformOrigin="0.5,0.5" 
           RenderTransform="{Binding Transform}">
    <!-- 控件内容 -->
</Rectangle>

2. 在ViewModel中，定义X、Y、ZIndex、Transform等属性，并在构造函数中初始化：

public class MyViewModel : ViewModelBase
{
    private double x;
    public double X
    {
        get { return x; }
        set { Set(ref x, value); }
    }

    private double y;
    public double Y
    {
        get { return y; }
        set { Set(ref y, value); }
    }

    private int zIndex;
    public int ZIndex
    {
        get { return zIndex; }
        set { Set(ref zIndex, value); }
    }

    private Transform transform;
    public Transform Transform
    {
        get { return transform; }
        set { Set(ref transform, value); }
    }

    public MyViewModel()
    {
        X = 100;
        Y = 100;
        ZIndex = 1;
        Transform = new RotateTransform(0);
    }
}

3. 实现移动功能：

private Point startPoint;

public void OnThumbDragStarted(object sender, DragStartedEventArgs e)
{
    startPoint = e.GetPosition(null);
}

public void OnThumbDragDelta(object sender, DragDeltaEventArgs e)
{
    double left = X + e.HorizontalChange;
    double top = Y + e.VerticalChange;

    X = left;
    Y = top;
}

4. 实现缩放功能：

public void OnThumbResizeStarted(object sender, DragStartedEventArgs e)
{
    startPoint = e.GetPosition(null);
}

public void OnThumbResizeDelta(object sender, DragDeltaEventArgs e)
{
    double scaleX = 1 + e.HorizontalChange / Width;
    double scaleY = 1 + e.VerticalChange / Height;

    Transform = new ScaleTransform(scaleX * Transform.Value.M11, scaleY * Transform.Value.M22);
}

5. 实现旋转功能：

public void OnThumbRotateStarted(object sender, DragStartedEventArgs e)
{
    startPoint = e.GetPosition(null);
}

public void OnThumbRotateDelta(object sender, DragDeltaEventArgs e)
{
    Point currentPoint = e.GetPosition(null);
    Vector vector = startPoint - currentPoint;
    double angle = Math.Atan2(vector.Y, vector.X) * 180 / Math.PI;

    Transform = new RotateTransform(angle + Transform.Value.Angle);
}

通过以上代码实现Thumb或Rectangle控件的移动、缩放、旋转功能，可以在WPF应用程序中实现更加优雅的用户界面交互。

WPF Thumb 移动rectangle改变rectangle大小，旋转 rectangle mvvmlight提供实现代码

以下代码演示了如何使用WPF Thumb控件移动和调整大小Rectangle元素，并使用MVVMLight框架实现数据绑定。

首先，需要在XAML中定义Thumb和Rectangle元素，并将它们放置在Canvas中：

<Canvas>
    <Thumb x:Name="moveThumb" DragDelta="MoveThumb_DragDelta"/>
    <Thumb x:Name="resizeThumb" DragDelta="ResizeThumb_DragDelta"/>
    <Rectangle Width="{Binding Width}" Height="{Binding Height}" Fill="Blue"/>
</Canvas>

然后，在视图模型中定义Width，Height和Rotation属性，并使用PropertyChanged事件实现数据绑定：

public class MainViewModel : ViewModelBase
{
    private double _width = 100;
    private double _height = 100;
    private double _rotation = 0;

    public double Width
    {
        get { return _width; }
        set { Set(ref _width, value); }
    }

    public double Height
    {
        get { return _height; }
        set { Set(ref _height, value); }
    }

    public double Rotation
    {
        get { return _rotation; }
        set { Set(ref _rotation, value); }
    }

    // PropertyChanged event implementation
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    protected bool Set<T>(ref T storage, T value, [CallerMemberName] string propertyName = null)
    {
        if (Equals(storage, value)) return false;
        storage = value;
        OnPropertyChanged(propertyName);
        return true;
    }
}

在视图代码中，需要将Thumb元素与相应的操作连接起来：

public partial class MainWindow : Window
{
    public MainViewModel ViewModel { get; set; }

    public MainWindow()
    {
        InitializeComponent();
        DataContext = ViewModel = new MainViewModel();

        // Bind rectangle width and height to view model properties
        BindingOperations.SetBinding(Rectangle, WidthProperty, new Binding("Width") { Source = ViewModel });
        BindingOperations.SetBinding(Rectangle, HeightProperty, new Binding("Height") { Source = ViewModel });

        // Bind move thumb position to rectangle position
        BindingOperations.SetBinding(moveThumb, Canvas.LeftProperty, new Binding("Left") { Source = Rectangle });
        BindingOperations.SetBinding(moveThumb, Canvas.TopProperty, new Binding("Top") { Source = Rectangle });

        // Bind resize thumb position to rectangle right/bottom edges
        BindingOperations.SetBinding(resizeThumb, Canvas.LeftProperty, new Binding("Left") { Source = Rectangle, Converter = new AddValueConverter(), ConverterParameter = ViewModel.Width });
        BindingOperations.SetBinding(resizeThumb, Canvas.TopProperty, new Binding("Top") { Source = Rectangle, Converter = new AddValueConverter(), ConverterParameter = ViewModel.Height });
    }

    private void MoveThumb_DragDelta(object sender, DragDeltaEventArgs e)
    {
        ViewModel.Left += e.HorizontalChange;
        ViewModel.Top += e.VerticalChange;
    }

    private void ResizeThumb_DragDelta(object sender, DragDeltaEventArgs e)
    {
        ViewModel.Width += e.HorizontalChange;
        ViewModel.Height += e.VerticalChange;
    }
}

public class AddValueConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double && parameter is double)
        {
            return (double)value + (double)parameter;
        }
        return value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

这样，当用户拖动或调整大小Thumb时，视图模型中的相应属性将被更新，并且Rectangle元素将自动更新大小和位置。同时，可以使用MVVMLight框架的PropertyChanged事件实现数据绑定，从而避免了手动实现INotifyPropertyChanged接口的繁琐过程。