[Silverlight入门系列]使用MVVM模式(3)：Model的INotifyPropertyChanged接口实现

时间：2011-05-04 来源：Mainz

当客户端绑定一个数据模型以后，数据模型变化以后可以自动通知客户端更新界面显示，这就是INotifyPropertyChanged接口要做的工作。INotifyPropertyChanged 接口用于向客户端（通常是执行绑定的客户端）发出某一属性值已更改的通知。例如，考虑一个带有名为 FirstName 属性的 Person 对象。若要提供一般性属性更改通知，则 Person 类型实现 INotifyPropertyChanged 接口并在 FirstName 更改时引发 PropertyChanged 事件。若要在将客户端与数据源进行绑定时发出更改通知，则绑定类型应具有下列功能：实现INotifyPropertyChanged接口。

当绑定的属性改变时，它可以通知客户端，并进行界面数据更新。而我们不用写很多复杂的代码来更新界面数据，这样可以做到方法简洁而清晰，松耦合和让方法变得更通用。可用的地方太多了：例如上传进度，实时后台数据变更等地方。

（另：对于集合Model：INotifyCollectionChanged结接口会有ObservableCollection自动实现（见上一篇））

一个简单的例子：（下面的例子中TextBlock绑定了DataContext的ModelName，点击按钮以后model更新，TextBlock会自动更新）

Model：

 1 public class MyModel : INotifyPropertyChanged   
 2 {
 3         public event PropertyChangedEventHandler PropertyChanged;   
 4 
 5         public int ModelID { get; set; }
 6 
 7         private string _ModelName;
 8         public string ModelName
 9         {
10             get { return _ModelName; }
11             set
12             {
13                 _ModelName = value; 
14 
15                 if (PropertyChanged != null)
16                 {
17                     PropertyChanged(this, new PropertyChangedEventArgs("ModelName"));
18                 }
19             }
20         }
21 }

Silverlight页面：

1 <Grid x:Name="LayoutRoot" Background="White">
2         <TextBlock Height="46" HorizontalAlignment="Left" Margin="187,51,0,0" Name="textBlock1" Text="{Binding ModelName}" VerticalAlignment="Top" Width="94" />
3         <Button Content="update" Height="39" HorizontalAlignment="Left" Margin="187,120,0,0" Name="button1" VerticalAlignment="Top" Width="106" Click="button1_Click" />
4  </Grid>

页面代码：

 1 public MyView()
 2 {
 3       InitializeComponent();
 4 
 5       MyModel m1 = new MyModel() { ModelID = 1, ModelName = "abc" };
 6 
 7       this.DataContext = m1;
 8 }
 9 
10  private void button1_Click(object sender, RoutedEventArgs e)
11 {
12        (this.DataContext as MyModel).ModelName = "abc_changed";
13 }