玩转INotifyPropertyChanged和ObservableCollection

  本文的代码都是基于WPF的，对于Silverlight，这些技术也同样适用。

      （一）INotifyPropertyChanged的使用场合

      先写一个最简单的数据绑定，每次点击Button后，TextBlock的值都会自增1。

      效果图如下所示：

      

      这里使用了MVVM模式，并把Click事件抽象为了Command。

      代码下载：WpfApplication4_1.zip

      观察上面的代码，注意到几个细节：

      1. UserName和Age属性作为ViewModel的两个属性，因为Age递增是基于绑定实现的，所以ViewModel要实现INotifyPropertyChanged接口。

      2. 我们只在Age上添加了OnPropertyChanged方法，它会根据Age属性的变化而自动更新XAML中绑定的值。

            而对于UserName属性，由于它是始终不变的，所以没有添加OnPropertyChanged方法。

            由此可见，OnPropertyChanged方法决定了后台数据的变化是否能影响到前台绑定的XAML。

            此外，对于一次性绑定（以后不会再改变）的属性，不要添加OnPropertyChanged方法，因为该方法会增加额外的性能开销。

      但是，在MVVM模式中，我们常常将UserName和Age属性抽象出来，作为一个实体类： 

    public class UserInfo
     {
        public string UserName { get; set; }
        public int Age { get; set; }
    }

      与此同时，在ViewModel中添加一个UserInfo类型的属性： 

    public class RegisterUserViewModel : INotifyPropertyChanged
    {
        public UserInfo User { get; set; }
    

      注意：此时XAML中的绑定相应要修改为： 

<TextBlock Name="tbUserName" Text="{Binding User.UserName}" …. />
<TextBlock Name="tbAge" Text="{Binding User. Age}" …. />

      这时候问题就来了。到底是UserInfo实现INotifyPropertyChanged接口呢，还是ViewModel实现INotifyPropertyChanged接口呢？

      1.如果UserInfo实现INotifyPropertyChanged接口，，那么UserInfo实体类相应地修改为：

    public class UserInfo : INotifyPropertyChanged
     {
        public string UserName { get; set; }

        private int age;
        public int Age
        {
            get
            {
                return this.age;
            }
            set
            {
                if (this.age != value)
                {
                    this.age = value;
                    OnPropertyChanged("Age");
                }
            }
        }

        INotifyPropertyChanged Members
    }

      而ViewModel相应地就简化了： 

    public class RegisterUserViewModel
     {
        public RegisterUserViewModel()
        {
            this.User = new UserInfo { UserName = "Baobao", Age = 27 };
            ClickCommand = new DelegateCommand<object>(OnClick, arg => true);
        }

        void OnClick(object obj)
        {
            this.User.Age += 1;
        }

        public UserInfo User { get; set; }