实现WPF中的数据更新 属性通知界面：INotifyPropertyChanged接口

在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 将自动更新其显示内容。