MVVM - 如何将视图模型绑定到视图

Question

并提前感谢您的指导。我是 MVVM 的新手，我一直通过文章学习。我想我已经走了很远了，但有一件事似乎让我忽略了。我如何（不使用后面代码中的代码）自动绑定到我想要的视图？据我了解，如果做得正确，这就是模式应该如何工作。我可以使用主窗口 xaml 中的代码来实现这一切，而且我什至正确创建了一个资源字典（因为我可以在立即窗口中访问它）。我只是无法进入“自动化”的下一步。 '这可能是我的设计，因为我是这种模式的新手，我完全愿意接受我做错了这一切的可能性。这就是我所拥有的...

我有一个主窗口。这是一个 3 行的网格。最上面一行是菜单。最下面一行是状态栏。中间是一个堆栈面板，其中的内容根据菜单选择动态加载。

我有两个视图用于填充此堆栈面板。一个只有一个样式化的文本框（帮助和关于）。另一个本身就是一个复合视图：搜索面板、结果网格和详细信息面板全部加载到停靠管理器框架中。

在后面的主窗口代码中，当用户单击菜单选项时，我清除堆栈面板的子级，实例化视图模型，实例化将视图模型传递到其中的视图，然后将新视图添加到堆栈的子级中。这工作正常，但我认为它与模式不一致。

正如我提到的，我有资源字典，但我不知道如何将它与堆栈面板关联。我假设我必须使用绑定，但我无法弄清楚如何绑定到资源字典和/或如何告诉它更改命令视图。

我读过一些文章，这些文章将所有可用的视图模型添加到视图模型中的只读列表中，该视图模型本质上充当主窗口和所需的实际视图模型之间的桥梁。这看起来没问题，但我不明白为什么需要资源字典。此外，这些示例是向导实现，在这种情况下，这似乎是一个很好的方法，但我无法想象对具有 100 个视图模型的应用程序执行此操作。

再次为我的无知感到抱歉，但我希望有人能指出我正确的方向。正如我所说，我读过大量文章（乔什·史密斯、戴夫·希尔等），但我仍然没有建立联系，所以我希望得到一些具体的指导。 （我确实正在开发 WPF Unleashed，但我希望在此之前取得一些进展。）

有人可以帮忙吗？

Answer 1

有多种方法可以绑定视图模型。

1.在XAML中创建静态资源。

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication2"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
  <Window.Resources>
    <local:MainViewModel x:Key="MainVM" />
  </Window.Resources>
  <Grid DataContext="{StaticResource MainVM}">

  </Grid>
</Window>

2.在视图的构造函数中绑定

我知道您提到过不使用隐藏代码，但这也是一个选项。只要你不在后面的代码中编写任何逻辑就可以了。

public MainWindow()
{
  InitializeComponent();
  this.DataContext = new MainViewModel(); 
}

3.使用 ViewModelLocator 绑定

您可能想要创建一个视图模型定位器类，负责为您的视图提供所需的视图模型。

这是视图模型定位器类的一个简单示例。视图模型定位器类公开了一些视图模型属性。然后稍后我们会将这些属性绑定到视图的数据上下文。

 public class ViewModelLocator
  {
    public ViewModelLocator()
    {
      this.MainVM = new MainViewModel();
      this.AnotherVM = new AnotherViewModel();
    }
    public MainViewModel MainVM { get; set; }
    public AnotherViewModel AnotherVM { get; set; }
  }

然后，您可以在 App.xaml 中创建视图模型定位器的静态资源，以使其可供应用程序内的所有视图使用。

<Application x:Class="WpfApplication2.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:WpfApplication2"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
      <local:ViewModelLocator x:Key="Locator" />         
    </Application.Resources>
</Application>

然后，您可以将视图的数据上下文绑定到视图模型定位器的属性。

该示例告诉我们，如果视图模型定位器（MainViewModel 实例）到窗口的数据上下文，则您正在将 MainVM 属性绑定。

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication2"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525"
        DataContext="{Binding MainVM, Source={StaticResource Locator}}">

Answer 2

我没有使用过WPF，但我使用过Silverlight，我相信它应该是差不多的。

当我创建视图时，我在视图中实例化了所需的 ViewModel。我使用 MEF 进行依赖注入并以这种方式创建所需的 VM，您可能不想走这条路线，但它可以给您一个想法。

例如 ViewModel：

[Export] // This attribute tells MEF to export an instance of this class
public class MyViewModel
{ ... }

View

[Import] // MEF will look for any exported objects of type MyViewModel
public MyViewModel ViewModel
{
  get { return this.DataContext as MyViewModel; }
  set { this.DataContext = value; }
}

这种方式可以节省实例化您的 VM 和 V，只需创建您的 V 并让它关心实例化 VM 并设置它自己的 DataContext。