视图中的控件如何从视图模型中获取特定数据？

Question

我有多个视图（用户控件），每个视图都有自己的ViewModel。为了在它们之间导航，我使用了按钮。按钮显示来自相应视图模型的图像和文本，还需要列和行（因为大约有 10 个视图：10 列，每列具有不同的行数）。

现在按钮是动态创建的（我为此做了一个Navigator 控件），对于视图模型，我有一个基类来保存文本、图像、列和行。可用的视图数量会有所不同（取决于用户级别和某些设置），这就是我需要在这里控制的原因。

问题：我的控件如何从视图模型中获取数据？

现在我有接口INavigator，在（lol）控件本身中定义。视图模型实现了它。我可以相反，让我的控件了解视图模型。两者看起来都错了。

---

有一个Navigator 控制绑定到视图模型列表的Items。它可以将每个视图模型转换为INavigator 或ViewModelBase（所有页面通用）以获得特定的视图模型图像、文本、列和行。所以要么视图模型知道控制（实现INavigator），要么控制知道ViewModelBase..这是一个问题，解决方案都绑定了严格的控制和视图模型，这在mvvm中是不好的。

---

示意图

Answer 1

您绘制图表的方式回答了您自己的问题，即您应该如何构造代码。

您需要一个 VM（我们称之为 MainVM），其中包含其他 VM 的 ObservableCollection<VMBase>（使用您的基本类型，以便它们都可以愉快地生活在同一个集合中）。

您的视图需要一个ItemsControl（绑定到您的ObservableCollection<VMBase>），您只需使用VMBase 类型公开的属性为按钮指定DataTemplate。将Button中的Command属性设置为调用SwitchCommand，CommandParameter设置为item本身（即{Binding .}）。

您的视图还需要一个绑定到MainVM 上的SelectedVM 属性的ContentControl，您可以填充该属性。

实现SwitchCommand 以根据来自CommandParameter 的值设置SelectedVM 属性。

public void ExecuteSwitchCommand(object parameter)
{
   var vmBase = parameter as VMBase;
   if (vmBase != null)
      SelectedVM = vmBase;
}

此处提及的所有属性都应启用INotifyPropertyChanged，以便视图在更改和更新 UI 时进行注册。

要获得 ContentControl 的不同 UI，请将每个特定 VM 类型的特定类型 DataTemplates 添加到视图的资源文件中（或者，如果您很聪明并且正在构建自定义插件框架，合并资源字典）。

很多人忘记了 MVVM 的重点是有目的的将 View 与 ViewModel 分开，这意味着您可以为单个 ViewModel 拥有多个 View，这就是所展示的。

Answer 2

我发现将 MVVM 视为一种自上而下的方法是最简单的...... View 知道它的 ViewModel，ViewModel 知道它的 Model，但 Model 不知道它的 ViewModel，而 ViewModel 不知道它的 View。

我还发现视图优先的开发方法最容易使用，因为 XAML 中的 UI 开发是静态的（必须如此）。

我认为很多人都沉浸在“使每个组件（M、V、VM）独立且可替换”，包括我自己在内，但我慢慢得出结论：只会适得其反。

从技术上讲，您肯定会变得非常复杂并使用 IoC 容器，创建一些 ViewLocator 对象，将 View-type 绑定到 ViewModel-type，但是......除了更多的混乱之外，这究竟会给您带来什么？老实说，这让开发变得更加困难（因为我曾经这样做过），因为现在您首先失去了设计时支持，除此之外；而您仍然要么绑定到视图中的特定视图模型接口，要么在运行时创建绑定。为什么要复杂化？

This article is a good read，第一个 注意： 明确谈到了 View 与 ViewModel。希望它能帮助您得出自己的结论。

要直接回答您的问题，我认为让您的 ViewModel 实现某种INavigator 接口可能是理想的。请记住，您的 VM 是您的视图和模型/业务逻辑之间的“粘合剂”，它的工作是将业务数据转换为您的视图可以使用的数据，因此它存在于您的 UI 和业务层之间。

这就是为什么会有像Messengers and View Services 这样的东西，这是你在 ViewModel 上的导航服务可以很好地适应的地方。

Answer 3

我认为设计导致了一个没有出路的情况。

我相信创建一个自定义按钮控件，其中dependency properties 绑定图像，行和列实际上为它所在的页面提供了一种方法，可以将这些信息提供给他们；它们是否是动态创建的。

继续这个想法。没有 MVVM 逻辑应用于自定义控件，控件包含完成其工作所需的内容，即通过所提到的依赖属性。按钮的任何功能都应该通过命令来完成；所有这些都使得按钮数据驱动且足够健壮，可以在 MVVM 方法中使用。

问题：我的控件如何从视图模型中获取数据？

应该只有一个视图模型，它是控件所在的页面。控件只是绑定到最终驻留在该 VM 上的信息。它如何到达那里，这取决于程序员。如果按钮将包含状态数据，则它会从其依赖属性以两种方式绑定回它所绑定的 item。

通过将虚拟机排除在按钮之外，并且只拥有一个虚拟机，这是隔离和维护数据的最佳方式。除非我真的在这里错过了什么......

Answer 4

和这里的其他人一样，我发现很难真正理解你在问什么，所以这是很笼统的。问题标题的答案很简单：Control 总是通过绑定从 ViewModel 获取数据。您将 Control 的 DataContext 设置为相应的 ViewModel，然后从那里保持 ViewModel 和 Control 同步：

如果您将包含按钮的ItemsControl 添加到视图，则将ObservableCollection<ButtonViewModel> 添加到视图模型并将ItemsControl 的ItemsSource 绑定到此。

如果您允许用户向视图动态添加内容，则执行该操作的实际代码驻留在 ViewModel 中，例如当用户单击“添加按钮”按钮时，您使用 Command 属性调用 ViewModel 方法，该方法将 ButtonViewModel 添加到集合中，视图将自动反映您的更改。

确实存在无法在 ViewModel 中专门编码的复杂案例，我发现 Behaviors 是那里缺少的链接，但是当您向我展示具体案例时，我会深入探讨。

如果您想获得一个工作示例，请提供尽可能多的代码，以及您对它应该做什么的确切期望。