实现WPF中的数据更新 属性通知界面:INotifyPropertyChanged接口_wpf通知更新-CSDN博客

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


原网址: 访问
创建于: 2024-06-26 14:11:40
目录: default
标签: 无

请先后发表评论
  • 最新评论
  • 总共0条评论