WPF MVVM入门系列教程（四、数据绑定演示）

在前面的文章中，介绍了数据绑定功能及使用方法。

本文会使用一些数据绑定的实例来进行演示。演示过程中，涉及了数据模板功能，如果对数据模板功能还不熟悉，可以参考下面的链接：

https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/data/data-templating-overview?view=netframeworkdesktop-4.8

 

在WPF MVVM模式开发时，很多应用场景都是展示数据，而数据绑定对于数据呈现是非常重要的。

 

本文会循序渐进来演示数据绑定功能。最后一个示例会包含数据绑定中的大部分理论。

 

绑定复杂数据类型

在前面的示例中，我们介绍了数据绑定的基础。现在我们将前面在基础进行实践。

这里我们以书籍为模型进行演示。定义如下

  internal class Book
  {
      public string Title { get; set; }
      public string Author { get; set; }
      public string Publish { get; set; }
      public string Price { get; set; }
      public string Date { get; set; }
      public string Descrption { get; set; }
      public string CoverImageUrl { get; set; }
  }

 

 

我们需要将它更改为可通知类型，修改后如下：

/// <summary>
/// 这里仅作演示，正常只定义Book类型即可
/// </summary>
public class ObservableBook : INotifyPropertyChanged
{
    private string title;

    public string Title 
    { 
        get => title; 
        set
        {
            title = value;
            RaiseChanged();
        } 
    }

    private string author;

    public string Author
    {
        get => author;
        set
        {
            author = value;
            RaiseChanged();
        }
    }

    ...省略...


    public event PropertyChangedEventHandler PropertyChanged;


    public void RaiseChanged([CallerMemberName]string memberName = "")
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(memberName));
    }
}

 

然后我们定义一下界面，布局如下