C# WPF入门学习主线篇（二十五）—— 单向绑定、双向绑定

在这里插入图片描述

在WPF（Windows Presentation Foundation）中，数据绑定是实现数据与UI控件同步的关键机制。本篇博客将详细介绍单向绑定和双向绑定的概念、使用场景以及代码示例。

数据绑定概述

数据绑定允许我们将UI控件的属性绑定到数据源，从而实现数据的自动更新和同步。WPF支持多种数据绑定模式，包括：

单向绑定（OneWay）
双向绑定（TwoWay）
单次绑定（OneTime）
单向到源绑定（OneWayToSource）

在本篇中，我们重点讨论单向绑定和双向绑定。

单向绑定（OneWay）

单向绑定是一种常见的绑定模式，其中数据从源到目标进行单向流动。也就是说，当数据源发生变化时，UI控件会自动更新，但UI控件的变化不会影响数据源。这种模式通常用于显示只读数据。

示例

假设我们有一个简单的Person类：

public class Person
{public string Name { get; set; }public int Age { get; set; }
}

我们希望在UI中显示Person对象的Name和Age属性。以下是实现单向绑定的代码：

XAML

<Window x:Class="WpfApp.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="OneWay Binding Demo" Height="200" Width="300"><Window.DataContext><local:Person Name="John Doe" Age="30"/></Window.DataContext><Grid><StackPanel><TextBlock Text="{Binding Name}" FontSize="16" Margin="10"/><TextBlock Text="{Binding Age}" FontSize="16" Margin="10"/></StackPanel></Grid>
</Window>

在这个示例中，我们将Window.DataContext设置为一个Person对象，并通过{Binding Name}和{Binding Age}将TextBlock控件的Text属性绑定到Person对象的Name和Age属性。当Person对象的属性发生变化时，UI控件会自动更新。

双向绑定（TwoWay）

双向绑定是另一种常见的绑定模式，其中数据在源和目标之间进行双向流动。也就是说，当数据源发生变化时，UI控件会自动更新；同时，当UI控件发生变化时，数据源也会同步更新。这种模式通常用于可编辑的数据，如表单输入。

示例

假设我们仍然使用前面的Person类。我们希望在UI中显示并编辑Person对象的Name和Age属性。以下是实现双向绑定的代码：

XAML

<Window x:Class="WpfApp.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="TwoWay Binding Demo" Height="200" Width="300"><Window.DataContext><local:Person Name="John Doe" Age="30"/></Window.DataContext><Grid><StackPanel><TextBox Text="{Binding Name, Mode=TwoWay}" FontSize="16" Margin="10"/><TextBox Text="{Binding Age, Mode=TwoWay}" FontSize="16" Margin="10"/></StackPanel></Grid>
</Window>

在这个示例中，我们将TextBox控件的Text属性设置为双向绑定（Mode=TwoWay）。这样，当用户在文本框中输入新值时，Person对象的Name和Age属性会自动更新，反之亦然。

注意事项

实现INotifyPropertyChanged接口：为了使双向绑定正常工作，通常需要在数据源类中实现INotifyPropertyChanged接口。该接口允许在属性值更改时通知绑定的UI控件。以下是Person类的示例实现：

using System.ComponentModel;public class Person : INotifyPropertyChanged
{private string name;private int age;public string Name{get { return name; }set{if (name != value){name = value;OnPropertyChanged(nameof(Name));}}}public int Age{get { return age; }set{if (age != value){age = value;OnPropertyChanged(nameof(Age));}}}public event PropertyChangedEventHandler PropertyChanged;protected void OnPropertyChanged(string propertyName){PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));}
}

绑定更新触发器：在某些情况下，可能需要手动触发绑定更新。可以通过设置UpdateSourceTrigger属性来控制绑定的更新行为。例如，默认情况下，TextBox的双向绑定在失去焦点时更新数据源。可以通过UpdateSourceTrigger=PropertyChanged来设置为实时更新。
```
<TextBox Text="{Binding Name, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" FontSize="16" Margin="10"/>
```