介绍

已完成

借助数据绑定,可以声明数据和用户界面 (UI) 控件之间的关系。 任一元素发生更改时,它们会自动保持同步。 使用数据绑定可使代码更易于读取、维护和测试。

数据绑定可以将 UI 直接耦合到数据,而不是将 UI 与 UI 代码隐藏中的代码相关联。 当 UI 绑定到数据时,UI 会在数据更改时自动更新,从而与数据保持同步。 反过来说,如果用户与 UI 交互,则数据与 UI 保持同步。

示例方案

假设你正在开发一个应用,该应用向用户提供所选地区或地址的天气信息。 当用户输入位置时,应用将从外部天气服务加载天气预报数据并更新 UI。 UI 和天气服务数据通过 XAML UI 和 XAML 代码隐藏文件紧密耦合。 天气服务已被提取到自己的类,但你的 UI 在很大程度上依赖代码隐藏来向 UI 呈现该数据。

应用发布一段时间后,你使用的天气服务将宣布他们即将关闭。 预料到这一点后,你开始寻找替代服务。 在已评估的服务中,你注意到它们以不同的方式输入和输出数据。 由于 UI 使用代码隐藏事件与服务交互,因此你的 UI 体验可能会受此更改影响。

将 UI 同步天气更新的方式从代码隐藏事件改为数据绑定会很有用。 这样,如果再次更改服务,就会最大程度地减少对代码的影响。

执行的操作

本模块演示了基于代码的 UI 与数据绑定 UI 之间的差异,以及如何使用数据绑定而非数据隐藏来更新 UI。 使用示例天气应用,你将把 UI 更新方式从代码隐藏转换为数据绑定。

学习内容

在本模块结束时,你将学会使用数据绑定在 UI 中呈现数据,并在 UI 类型和数据类型不匹配时转换数据。