在WPF (Windows Presentation Foundation) 应用程序中,当数据发生变化时,通常希望UI能够自动更新以反映这些变化。为了实现这一功能,WPF 提供了数据绑定机制,并且配合 INotifyPropertyChanged
接口使用,可以在数据模型属性发生变化时通知UI进行更新。
(文章后半部分有详细教程)
MainWindow.xaml.cs文件
using System.ComponentModel;
using System.Windows;
namespace BindDataContextDemo
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window, INotifyPropertyChanged
{
public MainWindow()
{
this.DataContext = this;
InitializeComponent();
}
private string data = "AAAAA";
public string Data
{
get { return data; }
set
{
data = value;
OnPropertyChanged("Data");
}
}
public event System.ComponentModel.PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged(string propertyName)
{
if (PropertyChanged != null)
{
PropertyChanged(this, new System.ComponentModel.PropertyChangedEventArgs(propertyName));
}
}
private void Update_Click(object sender, RoutedEventArgs e)
{
Data = "BBBB";
}
}
}
MainWindow.xaml
<Window x:Class="BindDataContextDemo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="250" Width="300" >
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
<TextBlock Text="用户名" FontSize="15"/>
<TextBox Text="{Binding Data,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" Width="180" Height="30" FontSize="15" Margin="10"/>
<Button Content="Data数据更新" Width="180" Height="40" FontSize="15" Click="Update_Click"/>
</StackPanel>
</Window>
一、INotifyPropertyChanged
接口简介
INotifyPropertyChanged
接口是WPF数据绑定中的一个关键接口,它定义了一个名为 PropertyChanged
的事件。当实现此接口的对象的属性发生变化时,可以触发这个事件,通知绑定了该对象的UI元素进行更新。
二、实现 INotifyPropertyChanged
接口
public class MyViewModel : INotifyPropertyChanged
{
private string _myProperty;
public string MyProperty
{
get { return _myProperty; }
set
{
if (_myProperty == value) return;
_myProperty = value;
OnPropertyChanged(nameof(MyProperty));
}
}
public event PropertyChangedEventHandler PropertyChanged;
protected virtual void OnPropertyChanged(string propertyName)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
三、在WPF中使用数据绑定
在WPF中,你可以使用数据绑定将UI元素与实现了 INotifyPropertyChanged
接口的对象进行连接。以下是如何在XAML中进行数据绑定的示例:
<Window x:Class="MyNamespace.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<TextBox Text="{Binding MyProperty, UpdateSourceTrigger=PropertyChanged}" />
</Grid>
</Window>
四、设置 DataContext
为了使数据绑定生效,你还需要将你的ViewModel实例设置为Window或某个UI元素的DataContext。这通常在Window或UserControl的构造函数中完成:
public partial class MainWindow : Window
{
private MyViewModel _viewModel;
public MainWindow()
{
InitializeComponent();
_viewModel = new MyViewModel();
this.DataContext = _viewModel;
}
}
现在,当 MyViewModel
中的 MyProperty
属性发生变化时,绑定的 TextBox
将自动更新其显示内容。