三个概念:DataBinding,Dependency Property 与DataTemplate

WPF 核心概念详解：DataBinding、Dependency Property 和 DataTemplate

1. DataBinding (数据绑定)

基本概念

DataBinding 是 WPF 的核心机制，用于在 UI 元素和数据源之间建立自动同步关系。

关键特性

双向绑定：数据变化自动反映到 UI，UI 变化也能更新数据源
绑定模式：
- OneWay：源→目标
- TwoWay：源↔目标
- OneWayToSource：目标→源
- OneTime：仅初始化时绑定一次

基本语法

cs 复制代码

<TextBox Text="{Binding Path=UserName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>

代码示例

cs 复制代码

public class User : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set { _name = value; OnPropertyChanged(); }
    }
    
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string name = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));
    }
}

// 在窗口或控件中设置数据上下文
this.DataContext = new User { Name = "Alice" };

2. Dependency Property (依赖属性)

基本概念

依赖属性是 WPF 特有的属性系统，支持：

样式设置
数据绑定
动画
属性值继承
默认值和元数据

创建依赖属性

cs 复制代码

public class MyControl : Control
{
    public static readonly DependencyProperty ValueProperty =
        DependencyProperty.Register(
            "Value",                     // 属性名称
            typeof(int),                 // 属性类型
            typeof(MyControl),           // 所有者类型
            new PropertyMetadata(0, OnValueChanged)); // 元数据

    public int Value
    {
        get { return (int)GetValue(ValueProperty); }
        set { SetValue(ValueProperty, value); }
    }

    private static void OnValueChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        // 属性变化时的处理逻辑
    }
}

依赖属性优势

内存效率：只有被修改的属性才存储实际值
内置变更通知：无需实现 INotifyPropertyChanged
属性值继承：如字体设置可沿可视化树继承
样式和模板支持：可被样式和模板轻松修改

3. DataTemplate (数据模板)

基本概念

DataTemplate 定义了如何显示数据对象，将数据与可视化元素关联。

基本用法

cs 复制代码

<ListBox ItemsSource="{Binding Users}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Name}" FontWeight="Bold"/>
                <TextBlock Text="{Binding Age}" Margin="5,0,0,0"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

高级用法

1. 根据类型自动选择模板

cs 复制代码

<Window.Resources>
    <DataTemplate DataType="{x:Type local:Student}">
        <!-- 学生类型的显示方式 -->
    </DataTemplate>
    <DataTemplate DataType="{x:Type local:Teacher}">
        <!-- 教师类型的显示方式 -->
    </DataTemplate>
</Window.Resources>

<ContentControl Content="{Binding CurrentPerson}"/>

2. 带命令的模板

XML 复制代码

<DataTemplate>
    <Button Command="{Binding DataContext.SelectCommand, RelativeSource={RelativeSource AncestorType=ListBox}}"
            CommandParameter="{Binding}">
        <TextBlock Text="{Binding Name}"/>
    </Button>
</DataTemplate>

三者的协同工作

bash 复制代码

┌───────────────────────┐    ┌───────────────────────┐
│      Dependency       │    │                       │
│       Property        │◄───┤     DataBinding       │
└───────────────────────┘    │                       │
       ▲                     └───────────────────────┘
       │                                ▲
       │                                │
┌───────────────────────┐    ┌───────────────────────┐
│     DataTemplate      │    │        Model          │
│                       │    │                       │
└───────────────────────┘    └───────────────────────┘

Dependency Property 提供数据绑定的目标
DataBinding 连接 UI 元素和数据源
DataTemplate 定义复杂数据对象的可视化方式

实际应用示例

综合示例：人员列表应用

cs 复制代码

// Model
public class Person : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set { _name = value; OnPropertyChanged(); }
    }
    
    // INotifyPropertyChanged 实现...
}

// ViewModel
public class PeopleViewModel
{
    public ObservableCollection<Person> People { get; } = new ObservableCollection<Person>();
    public ICommand AddCommand { get; }
    
    public PeopleViewModel()
    {
        AddCommand = new RelayCommand(AddPerson);
    }
    
    private void AddPerson()
    {
        People.Add(new Person { Name = $"New Person {People.Count + 1}" });
    }
}

XML 复制代码

<!-- View -->
<Window x:Class="PeopleApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="People App" Height="350" Width="525">
    <Window.Resources>
        <DataTemplate DataType="{x:Type local:Person}">
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Name}" Width="200"/>
                <Button Content="Remove" Command="{Binding DataContext.RemoveCommand, RelativeSource={RelativeSource AncestorType=ListBox}}"
                        CommandParameter="{Binding}" Margin="5,0"/>
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
    
    <DockPanel>
        <Button DockPanel.Dock="Bottom" Content="Add Person" Command="{Binding AddCommand}" Margin="5" Padding="10,3"/>
        
        <ListBox ItemsSource="{Binding People}" HorizontalContentAlignment="Stretch"/>
    </DockPanel>
</Window>

总结对比表

特性	DataBinding	Dependency Property	DataTemplate
主要用途	连接数据和UI	扩展属性系统	定义数据可视化方式
关键优势	自动同步	支持样式/绑定/动画	数据与显示分离
典型应用场景	MVVM模式中的数据更新	自定义控件开发	列表/集合数据显示
是否必需接口	通常需要INotifyPropertyChanged	不需要	不需要
性能考虑	大量绑定可能影响性能	比CLR属性更高效	复杂模板可能影响渲染性能

这三种技术共同构成了 WPF 强大数据展示和交互能力的基础，理解它们的原理和相互关系对于开发高质量的 WPF 应用至关重要。