.net - MVVM 模式中代码隐藏的实用使用

Question

我尝试在 WPF 应用程序中尽可能遵循 MVVM 模式，主要是为了能够为我的 ViewModel 逻辑创建单元测试。

在大多数情况下，ViewModel 属性和可视元素属性之间的数据绑定(bind)工作正常且简单。但有时我会遇到这样的情况:我看不到明显而直接的方法，而从代码隐藏访问和操作控件的解决方案却非常简单。

以下是我的意思的示例:将文本片段插入到当前插入符号位置的 TextBox 中

由于 CaretIndex 不是依赖属性，因此不能直接绑定(bind)到 ViewModel 的属性。 Here是通过创建依赖属性来解决此限制的解决方案。和here是在代码隐藏中执行此操作的解决方案。在这种情况下我更喜欢代码隐藏的方式。我最近遇到的另一个问题是将动态列集合绑定(bind)到 WPF 数据网格。在代码隐藏中进行编程清晰且简单。但对于 MVVM 友好的数据绑定(bind)方法，我只能在几个博客中找到解决方法，这些博客对我来说都看起来相当复杂，并且在一个或另一个方面都有各种限制。

我不想不惜一切代价保持 MVVM 架构中代码隐藏逻辑的干净。如果工作量太大，MVVM 友好的解决方案需要大量我不完全理解的代码(我仍然是 WPF 初学者)并且太耗时我更喜欢代码隐藏解决方案并牺牲我的应用程序的几个部分的自动可测试性。

出于上述务实原因，我现在正在寻找“模式”，以便在应用程序中受控地使用代码隐藏，而不会破坏 MVVM 架构或不会对其造成太多破坏。

到目前为止，我已经找到并测试了两种解决方案。我将使用插入位置示例绘制粗略草图:

解决方案1)通过抽象接口(interface)为ViewModel提供对View的引用

• 我将有一个接口(interface)，其中包含由 View 实现的方法:

  public interface IView
  {
      void InsertTextAtCaretPosition(string text);
  }
  
  public partial class View : UserControl, IView
  {
      public View()
      {
          InitializeComponent();
      }
  
      // Interface implementation
      public void InsertTextAtCaretPosition(string text)
      {
          MyTextBox.Text = MyTextBox.Text.Insert(MyTextBox.CaretIndex, text);
      }
  }
  

• 将此接口(interface)注入(inject)到 ViewModel 中

  public class ViewModel : ViewModelBase
  {
      private readonly IView _view;
  
      public ViewModel(IView view)
      {
          _view = view;
      }
  }
  

• 通过接口(interface)方法从 ViewModel 的命令处理程序执行代码隐藏

  public ICommand InsertCommand { get; private set; }
  // Bound for instance to a button command
  
  // Command handler
  private void InsertText(string text)
  {
      _view.InsertTextAtCaretPosition(text);
  }
  

要创建 View-ViewModel 对，我将使用依赖项注入(inject)来实例化具体 View 并将其注入(inject)到 ViewModel 中。

解决方案2)通过事件执行代码隐藏方法

• ViewModel 是特殊事件的发布者，命令处理程序会引发这些事件

  public class ViewModel : ViewModelBase
  {
      public ViewModel()
      {
      }
  
      public event InsertTextEventHandler InsertTextEvent;
  
      // Command handler
      private void InsertText(string text)
      {
          InsertTextEventHandler handler = InsertTextEvent;
          if (handler != null)
              handler(this, new InsertTextEventArgs(text));
      }
  }
  

• View 订阅这些事件

  public partial class View : UserControl
  {
      public View()
      {
          InitializeComponent();
      }
  
      private void UserControl_Loaded(object sender, RoutedEventArgs e)
      {
          ViewModel viewModel = DataContext as ViewModel;
          if (viewModel != null)
              viewModel.InsertTextEvent += OnInsertTextEvent;
      }
  
      private void UserControl_Unloaded(object sender, RoutedEventArgs e)
      {
          ViewModel viewModel = DataContext as ViewModel;
          if (viewModel != null)
              viewModel.InsertTextEvent -= OnInsertTextEvent;
      }
  
      private void OnInsertTextEvent(object sender, InsertTextEventArgs e)
      {
          MyTextBox.Text = MyTextBox.Text.Insert(MyTextBox.CaretIndex, e.Text);
      }
  }
  

我不确定UserControl的Loaded和Unloaded事件是否是订阅和取消订阅事件的好地方，但我不能测试过程中没有发现问题。

我已经在两个简单的示例中测试了这两种方法，它们似乎都有效。现在我的问题是:

1. 您认为哪种方法更好？其中一种解决方案是否有我可能看不到的优点或缺点？

2. 您是否看到(并且可能实践)其他解决方案？

感谢您提前提供反馈!

Answer 1

专门针对这个问题

针对这种特定情况的最简单解决方案是添加执行此操作的附加属性或行为。对于 mvvm 中大多数不支持 rich-gui 的情况，行为可能是 Elixir 。

对于一般情况

ViewModel 在任何情况下都不应该了解 View ，甚至不了解 IView。在MVVM中，它“总是向上查找”，这意味着 View 可以查看VM，并且VM可以查看模型。从来没有相反。这创造了更好的可维护性，因为这样 ViewModel 不会做两件事(负责逻辑和 gui)，而只做一件事。这就是 MVVM 优于任何先前 MV* 模式的地方。

我还会尝试避免让 View 以耦合方式依赖 ViewModel。这会创建丑陋的代码，以及两个类之间的可破坏的依赖关系，但有时正如您所说，这更务实。更漂亮的方法是从 ViewModel 向 View 发送松散消息(例如 MVVMLight 中的 Messenger 或 Prism 中的 EventAggregator)，因此两者之间不存在强依赖性。有些人认为这更好，尽管在我看来这仍然是一种依赖。

在某些情况下，在 View 中编写代码是可以的，这可能就是其中一种情况。您可以使用附加行为实现完美的解决方案，但原则很重要，就像您问的那样。

当您需要非常丰富的 GUI 或 UI 没有要绑定(bind)的正确属性时，MVVM 就会出现问题。在这些情况下，您会采取以下三种方法之一:

1. 依附行为。
2. 从现有控件派生并添加您想要的属性。
3. 实际上是在 View 中编写代码。

所有这些方法都是合法的，但我已根据您应该首先采用的方法对它们进行了排序。

总结

在 MVVM 中，最重要的事情不是保持代码隐藏自由，而是将所有逻辑和数据保留到 ViewModel，因为 View 必须只包含与 View 相关的代码。架构师告诉你根本不要在后面编写代码的原因只是因为这是一个滑坡。您开始编写一些小内容，最终会在 View 中执行逻辑操作或维护应用程序状态，这是最大的禁忌。

祝 MVVMing 快乐:)