WPF INotifyPropertyChanged 使用实现MVVM例子

电玩女神 2023-01-10 14:41 135阅读 0赞

XAML代码：

新建Name.cs ，作为Model数据模型

namespace WpfMVVM
    {
        public class Name
        {
            string _userName;
            string _commpanyName;
    
            public string UserName
            {
                get { return _userName; }
                set { _userName = value; }
            }
    
            public string CommpanyName
            {
                get { return _commpanyName; }
                set { _commpanyName = value; }
            }
        }
    }

新建NameViewModel.cs， 作为ViewModel

namespace WpfMVVM
    {
        public class NameViewModel:INotifyPropertyChanged
        {
            public NameViewModel()
            {
                _userName = new Name() { UserName = "张三", CommpanyName = "google" };
            }
            Name _userName;
            public event PropertyChangedEventHandler PropertyChanged;
    
            public string UserName
            {
                get { return _userName.UserName; }
                set 
                { 
                    _userName.UserName = value;
                    PropertyChanged(this, new PropertyChangedEventArgs("UserName"));
                }
            }
    
            public string CommpanyName
            {
                get { return _userName.CommpanyName; }
                set
                {
                    _userName.CommpanyName = value;
                    PropertyChanged(this, new PropertyChangedEventArgs("CommpanyName"));
                }
            }    
        }
    }

后台代码：

namespace WpfMVVM
    {
        /// <summary>
        /// MainWindow.xaml 的交互逻辑
        /// </summary>
        public partial class MainWindow : Window
        {
            NameViewModel _viewModel;
            public MainWindow()
            {
                InitializeComponent();
                _viewModel =new  NameViewModel();
                DataContext = _viewModel;  //绑定DataContext
            }
    
            private void Button_Click(object sender, RoutedEventArgs e)
            {
                 _viewModel.UserName = "李四";
                 _viewModel.CommpanyName = "亚马逊";
            }
        }
    }

通过viewModel，将视图和后台代码解耦。 修改UI只需要通过VM来修改Model的属性，即可达到效果。

ViewModel中 实现的 PropertyChanged事件是在哪里+=的？

应该是DataContext设置的时候 框架自动帮我们 += 上的 。因为去掉DataContext的设置，PropertyChanged就为null了

这个+=实际上是通过 binding 和datacontext 为 TextBlock的TextProperty属性 订阅了 PropertyChanged 事件，从而达到自动更新的效果