WPF ：数据绑定

### WPF 数据绑定 使用指南 #### 什么是数据绑定？ 数据绑定是一种机制，用于将用户界面 (UI) 元素与底层数据源连接起来[^4]。这种技术允许开发者动态地展示和操作数据，而无需手动编写大量代码来同步 UI 和数据的变化。 #### WPF 中的数据绑定特点 在 Windows Presentation Foundation (WPF) 中，数据绑定被设计得非常强大和灵活。它可以支持多种场景，例如将控件属性绑定到 .NET 对象、ADO.NET 对象、Web 服务返回的结果以及 XML 数据等[^1]。 --- #### 基本数据绑定模式 WPF 支持三种主要的数据绑定模式： 1. **单向绑定 (`OneWay`)**：仅从数据源流向目标（通常是 UI 控件）。当数据源发生变化时，UI 自动更新。 2. **双向绑定 (`TwoWay`)**：数据可以在数据源和目标之间自由流动。任何一方的更改都会反映到另一方。 3. **只读绑定 (`OneTime`)**：仅在初始化时执行一次绑定，之后不再响应数据源的变化。 这些模式可以通过 `Binding` 类的 `Mode` 属性指定。 --- #### 简单数据绑定示例 下面是一个简单的 WPF 数据绑定示例，展示了如何将一个文本框的内容绑定到模型类的一个属性上： ```csharp // 定义数据模型 public class Person : INotifyPropertyChanged { private string name; public event PropertyChangedEventHandler PropertyChanged; public string Name { get => name; set { if (name != value) { name = value; OnPropertyChanged(nameof(Name)); } } } protected void OnPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` ```xml <!-- XAML 文件 --> <Window x:Class="SimpleDataBinding.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="简单数据绑定示例"> <StackPanel> <!-- 绑定 TextBox 到 Person.Name 属性 --> <TextBox Text="{Binding Path=Name, Mode=TwoWay}" /> <TextBlock Text="{Binding Path=Name}" Margin="0,10,0,0" FontSize="18"/> </StackPanel> </Window> ``` ```csharp // 设置 DataContext public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); var person = new Person { Name = "张三" }; this.DataContext = person; // 将 DataContext 设为 Person 实例 } } ``` 在这个例子中，`TextBox` 的内容会实时更新到 `Person.Name` 属性中，反之亦然。这得益于 `INotifyPropertyChanged` 接口的通知功能[^3]。 --- #### 复杂数据绑定示例 —— DataGrid 每行不同 ComboBox 如果需要实现更复杂的场景，比如在一个 `DataGrid` 中为每一行提供不同的下拉选项列表，则可以参考以下方法[^2]： ##### 步骤说明 1. 创建一个包含多个组合框项集合的模型类。 2. 在视图中定义 `DataGrid` 并为其列设置绑定路径。 3. 配置 `ComboBox` 的 `ItemsSource` 来指向对应的集合。 ##### 示例代码 ```csharp // 数据模型 public class RowItem { public List<string> Options { get; set; } = new List<string>(); } public class ViewModel { public ObservableCollection<RowItem> Rows { get; set; } = new ObservableCollection<RowItem>(); public ViewModel() { for (int i = 0; i < 5; i++) { var row = new RowItem(); row.Options.AddRange(new[] { $"Option {i}A", $"Option {i}B", $"Option {i}C" }); Rows.Add(row); } } } ``` ```xml <!-- XAML 文件 --> <DataGrid ItemsSource="{Binding Rows}"> <DataGrid.Columns> <DataGridTemplateColumn Header="Options"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <ComboBox ItemsSource="{Binding Options}" SelectedIndex="0" Width="150" /> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> </DataGrid> ``` 在此示例中，每个 `RowItem` 都有一个独立的 `Options` 列表作为其对应行的下拉菜单选项[^2]。 --- #### 总结 WPF 提供了一套强大的数据绑定框架，能够显著简化开发流程并提高应用性能。无论是基本的属性绑定还是复杂的数据网格管理，都可以通过合理的设计轻松实现。 ---