从 ViewModel 操作视图

Question

早上好，提前感谢您的回答。

我的视图实现了一个平移和缩放库：A WPF Custom Control for Zooming and Panning

在视图中，有一个控件可以根据鼠标双击放大到一个点：

private void zoomAndPanControl_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
   if ((Keyboard.Modifiers & ModifierKeys.Shift) == 0)
   {
      Point doubleClickPoint = e.GetPosition(content);
      zoomAndPanControl.AnimatedSnapTo(doubleClickPoint);
   }
}

我想强制“zoomAndPanControl.AnimatedSnapTo(doubleClickPoint);”当我拉动它时，根据我绘制的几何点的 ViewModel 数据到一个特定的点。因此，视图将平移到新几何 x,y 坐标的点。几何体/点已绑定到视图。

作为补充说明，提取几何点的数据是在 DispatchTimer 中进行的。随着新几何坐标的读取，我希望视图可以平移并跟随这些坐标。

当我获取数据时，是否有一种简单的方法可以从 ViewModel 访问此控件？可能用自定义点模拟鼠标事件？我不确定最好的方法。

Answer 1

要通过绑定控制您的视图，您的控件需要绑定一些东西。

1. 向您的自定义控件添加一个接受“点”类型的依赖属性。
2. 使用从您的视图模型实现的 INotifyPropertyChanged 将属性绑定到该 DP - 请注意，如果您不想在 VM 中使用“Point”类，可以在此处添加 ValueConverter。
3. 在 DP 的定义中，调整 setter 以触发 AnimatedSnapTo(...) 方法

希望对您有所帮助。

Answer 2

我通常处理这类场景的方式是在 ViewModel 上定义一个委托，在 View 中设置它，并在需要时调用它：

在您的 ViewModel 中定义一个方法，该方法接受一个 Action<Point> 和一个 Point 对象作为当前鼠标位置：

public void ExecuteAnimatedSnapTo(Action<Point> animatedSnapToAction, Point pointerPosition)
{
    if (animatedSnapToAction != null && pointerPosition != null)
    {
        // Create a new point based on the one passed in and data in ViewModel
        Point newPoint =
            new Point(pointerPosition.X + viewModelData.X, pointerPosition.Y + viewModelData.Y);

        // Invoke the delegate using the new point
        animatedSnapToAction(newPoint);
    }
}

然后在你View的代码后面，执行这个方法：

private void zoomAndPanControl_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
   if ((Keyboard.Modifiers & ModifierKeys.Shift) == 0)
   {
      Point doubleClickPoint = e.GetPosition(content);

      var viewModel = (MyViewModel)this.DataContext;

      viewModel.ExecuteAnimatedSnapTo(zoomAndPanControl.AnimatedSnapTo, doubleClickPoint);
   }
}   

使用这种方法，您仍然可以保持 View 与 ViewModel 的隔离。当 [unit] 测试 VM 时，委托和点在传递给方法时可能为空。然后if 块阻止“UI”逻辑被测试。

您需要注意的一件事是，如果 ViewModel 数据是在不同的线程上计算的，您必须在 UI 调度程序上执行委托。

编辑

我的印象是，当MouseDoubleClick 被触发时，ViewModel 拥有调用委托所需的所有数据。如果不是这种情况，更好的解决方案是将Action 公开为VM 上的属性并在需要时调用它：

public Action<Point> AnimatedSnapToAction { get; set; }

当您在 View 上创建 VM 实例时，也要设置属性：

public MyView()
{
    InitializeComponent();

    MyViewModel viewModel = new MyViewModel();
    viewModel.AnimatedSnapToAction = zoomAndPanControl.AnimatedSnapTo;

    this.DataContext = viewModel;
}

现在您可以在需要时在 VM 上执行委托。例如，如果需要在 DispatcherTimer 的刻度上调用它，它看起来像这样：

private void dispatcherTimer_Tick(object sender, EventArgs e)
{
    // Calculate geometry data

    if(AnimatedToSnapAction != null)
    {
        AnimatedSnapToAction(pointCalculatedUsingGeometryData);
    }
}

Answer 3

视图模型应该公开视图需要显示和交互的数据和行为，它不应该引用视图本身。

View 隐式或显式地引用了 ViewModel。通过此引用，您可以调用方法、绑定数据、连接事件等...

在这种情况下，为了简单起见，您可能希望在用户双击控件时在 ViewModel 上执行命令，然后可以在命令执行中修改 ViewModel 公开的任何公共属性。然后可以使用这些属性来确定要缩放到的点。