如何使用 MVVM 设计从 WPF 中的视图模型更新视图

Question

我在第一个项目中使用带有 MVVM 设计的 WFP，在处理来自客户端的更新实体的命令后，我遇到更新视图的问题。此时，视图可以与视图模型对话，但视图模型无法与视图对话。 任何人都知道如何使其有效？ 谢谢， 吉当

Answer 1

您应该使 ViewModel 实现 INotifyPropertyChanged 并在 ViewModel 属性更改时触发 PropertyChanged 事件。假设 UI 绑定到 ViewModel 属性，这应该可以工作。

Answer 2

在典型的 MVVM 应用程序中，您使用绑定将视图连接到 ViewModel。当 ViewModel 引发由 INotifyPropertyChanged 接口定义的 PropertyChanged 事件时，绑定会自动更新。因此，您需要在 ViewModel 中实现该接口，并在属性值更改时引发 PropertyChanged 事件，视图将自动反映更改。

Answer 3

如果您是 MVVM 模式的新手，我推荐以下来自 MSDN 的优秀资源，其中涵盖了该模式以及如何在 WPF 和 Silverlight 应用程序中实现它：

1. 实现 MVVM 模式
2. 高级 MVVM 场景

根据您所说，听起来您可能想回顾一下数据绑定，以及如何进行利用 INotifyPropertyChanged、INotifyCollectionChanged 和 ICollectionView 接口，支持视图和视图模型之间的双向通信。

Silverlight 和 WPF 数据绑定支持多种数据绑定模式。通过单向数据绑定，UI 控件可以绑定到视图模型，以便它们在呈现显示时反映基础数据的值。当用户在 UI 中修改底层数据时，双向数据绑定也会自动更新底层数据。为了确保当视图模型中的数据发生更改时 UI 保持最新，它应该实现适当的更改通知接口。

Answer 4

除了其他答案之外，我还建议您的 ViewModel 扩展 DependencyObject。

有些人认为 DependencyObject 很重（如果您创建了数千个实例，那么它们也可能很重）并且对于新用户来说有点复杂（肯定在某些情况下确实如此）。然而，DependencyObjects 还有其他优点，例如自动支持属性更改通知和绑定评估速度。

这是我的 DP 片段（在 C:\Users[您的名字]\Documents\Visual Studio [2010, 2008]\Code Snippets\Visual C#\My Code Snippets 中另存为 DependencyProperty.snippet）：

<?xml version="1.0" encoding="utf-8"?>
<CodeSnippets xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <CodeSnippet Format="1.0.0">
    <Header>
      <SnippetTypes>
        <SnippetType>Expansion</SnippetType>
      </SnippetTypes>
      <Title>SnippetFile1</Title>
      <Author>will</Author>
      <Description>
      </Description>
      <HelpUrl>
      </HelpUrl>
      <Shortcut>dp</Shortcut>
    </Header>
    <Snippet>
      <Declarations>
        <Literal Editable="true">
          <ID>PropertyName</ID>
          <ToolTip>Property name</ToolTip>
          <Default>PropertyName</Default>
          <Function>
          </Function>
        </Literal>
        <Literal Editable="false">
          <ID>ClassName</ID>
          <ToolTip>Class name</ToolTip>
          <Default>ClassName</Default>
          <Function>ClassName()</Function>
        </Literal>
        <Literal Editable="true">
          <ID>Type</ID>
          <ToolTip>Property type</ToolTip>
          <Default>object</Default>
          <Function>
          </Function>
        </Literal>
        <Literal Editable="true">
          <ID>DefaultValue</ID>
          <ToolTip>Default value</ToolTip>
          <Default>null</Default>
          <Function>
          </Function>
        </Literal>
      </Declarations>
      <Code Language="csharp"><![CDATA[#region $PropertyName$
/// <summary>
/// The <see cref="DependencyProperty"/> for <see cref="$PropertyName$"/>.
/// </summary>
public static readonly DependencyProperty $PropertyName$Property =
    DependencyProperty.Register(
        $PropertyName$Name, 
        typeof($Type$), 
        typeof($ClassName$), 
        new UIPropertyMetadata($DefaultValue$));

/// <summary>
/// The name of the <see cref="$PropertyName$"/> <see cref="DependencyProperty"/>.
/// </summary>
public const string $PropertyName$Name = "$PropertyName$";

/// <summary>
/// $end$
/// </summary>
public $Type$ $PropertyName$
{
    get { return ($Type$)GetValue($PropertyName$Property); }
    set { SetValue($PropertyName$Property, value); }
}
#endregion  ]]></Code>
    </Snippet>
  </CodeSnippet>
</CodeSnippets>