通过Demo学WPF—数据绑定（一）✨

前言✨

想学习WPF，但是看视频教程觉得太耗时间，直接看文档又觉得似懂非懂，因此想通过看Demo代码+文档的方式进行学习。

准备✨

微软官方其实提供了WPF的一些Demo，地址为：microsoft/WPF-Samples: Repository for WPF related samples (github.com)

将其克隆到本地，有很多的Demo代码：

新建一个空白解决方案：

添加现有项目：

选择Data Binding 中的 SimpleBinding：

项目文件如下所示：

查看SimpleBinding这个Demo的效果：

学习这个Demo✨

数据绑定的概念

首先需要知道数据绑定的基本概念，数据绑定是在应用 UI 与其显示的数据之间建立连接的过程。 如果绑定具有正确的设置，并且数据提供适当的通知，则在数据更改其值时，绑定到该数据的元素会自动反映更改。 数据绑定还意味着，如果元素中数据的外部表示形式发生更改，则基础数据可以自动进行更新以反映更改。 例如，如果用户编辑 TextBox 元素中的值，则基础数据值会自动更新以反映该更改。

现在再来看一下，数据绑定的模型图：

现在我们根据这张模型图，学习这个Demo。

这个模型图表示数据绑定至少需要三个东西：

• 绑定目标
• 绑定
• 绑定源

现在我们分别看看这个demo里面，这三个东西在哪？

绑定目标

我们发现这个demo的绑定目标是元素TextBox的Text属性与TextBlock的Text属性。

绑定

这是一个C#类，查找在该Demo中，哪里出现了Binding？

发现在MainWindow.xaml中出现了Binding，有两处地方，分别是：

  <TextBox>
      <TextBox.Text>
          <Binding Source="{StaticResource MyDataSource}" Path="PersonName"
 UpdateSourceTrigger="PropertyChanged"/>
      </TextBox.Text>
  </TextBox>

与

 <TextBlock Text="{Binding Source={StaticResource MyDataSource}, Path=PersonName}"/>

这两处都是在 XAML 中声明绑定。

 <TextBox>
      <TextBox.Text>
          <Binding Source="{StaticResource MyDataSource}" Path="PersonName"
 UpdateSourceTrigger="PropertyChanged"/>
      </TextBox.Text>
  </TextBox>