WPF 中双向绑定通知机制之ObservableCollection使用

•  msdn中   ObservableCollection<T> 类    表示一个动态数据集合，在添加项、移除项或刷新整个列表时，此集合将提供通知。

  在许多情况下，所使用的数据是对象的集合。 例如，数据绑定中的一个常见方案是使用 ItemsControl（如 ListBox、ListView 或 TreeView）来显示记录的集合。

  可以枚举实现 IEnumerable 接口的任何集合。 但是，若要设置动态绑定，以便集合中的插入或删除操作可以自动更新 UI，则该集合必须实现 INotifyCollectionChanged 接口。 此接口公开 CollectionChanged 事件，只要基础集合发生更改，都应该引发该事件。

  WPF 提供 ObservableCollection<T> 类，它是实现 INotifyCollectionChanged 接口的数据集合的内置实现。

  还有许多情况，我们所使用的数据只是单纯的字段或者属性，此时我们需要为这些字段或属性实现INotifyPropertyChanged接口，实现了该接口，只要字段或属性的发生了改变，就会提供通知机制。

  ObservableCollection<T>实现

  前台xmal

  view source print ?

  01. <Window x:Class='WpfApplication1.WindowObservable'

  02. xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'

  03. xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'

  04. Title='Window8' Height='356' Width='471'>

  05. <Grid>

  06. <StackPanel Height='295' HorizontalAlignment='Left' Margin='10,10,0,0' Name='stackPanel1' VerticalAlignment='Top'Width='427'>

  07. <TextBlock Height='23' Name='textBlock1' Text='学员编号:' />

  08. <TextBox Height='23' Name='txtStudentId' Width='301' HorizontalAlignment='Left'/>

  09. <TextBlock Height='23' Name='textBlock2' Text='学员列表:' />

  10. <ListBox Height='156' Name='lbStudent' Width='305' HorizontalAlignment='Left'>

  11. <ListBox.ItemTemplate>

  12. <DataTemplate>

  13. <StackPanel Name='stackPanel2' Orientation='Horizontal'>

  14. <TextBlock  Text='{Binding Id,Mode=TwoWay}' Margin='5' Background='Beige'/>

  15. <TextBlock Text='{Binding Name,Mode=TwoWay}' Margin='5'/>

  16. <TextBlock  Text='{Binding Age,Mode=TwoWay}' Margin='5'/>

  17. </StackPanel>

  18. </DataTemplate>

  19. </ListBox.ItemTemplate>

  20. </ListBox>

  21. <Button Content='Button' Height='23' Name='button1' Width='75' HorizontalAlignment='Left' Click='button1_Click'/>

  22. </StackPanel>

  23. </Grid>

  24. </Window>

  后台cs

  view source print ?

  01. using System;

  02. using System.Collections.Generic;

  03. using System.Linq;

  04. using System.Text;

  05. using System.Windows;

  06. using System.Windows.Controls;

  07. using System.Windows.Data;

  08. using System.Windows.Documents;

  09. using System.Windows.Input;

  10. using System.Windows.Media;

  11. using System.Windows.Media.Imaging;

  12. using System.Windows.Shapes;

  13. using System.Collections.ObjectModel;

  14. using System.ComponentModel;

  15.  

  16. namespace WpfApplication1

  17. {

  18. public partial class WindowObservable : Window

  19. {

  20. ObservableCollection<Students> infos = new ObservableCollection<Students>() {

  21. new Students(){ Id=1, Age=11, Name='Tom'},

  22. new Students(){ Id=2, Age=12, Name='Darren'},

  23. new Students(){ Id=3, Age=13, Name='Jacky'},

  24. new Students(){ Id=4, Age=14, Name='Andy'}

  25. };

  26.  

  27. public WindowObservable()

  28. {

  29. InitializeComponent();

  30.  

  31. this.lbStudent.ItemsSource = infos;

  32.  

  33. this.txtStudentId.SetBinding(TextBox.TextProperty, new Binding('SelectedItem.Id') { Source = lbStudent });

  34. }

  35. private void button1_Click(object sender, RoutedEventArgs e)

  36. {

  37. infos[1] = new Students() { Id = 4, Age = 14, Name = '这是一个集合改变' };

  38. infos[2].Name = '这是一个属性改变';

  39. }

  40.  

  41. public class Students

  42. {

  43. public int Id { get; set; }

  44. public string Name { get; set; }

  45. public int Age { get; set; }

  46. }   

  47. }

  48. }

  在这个例子中我们将Students数据对象用ObservableCollection<T>来修饰。这样当我们点击click的时候我们看到。当我们点击后只有student整个对象的改变引发了后台通知机制。

  

  

  INotifyPropertyChanged实现

  INotifyPropertyChanged会向客户端发出某一属性值已更改的通知。当元素属性值改变时，会通知后台model

  前台代码不变，我们让后台Students  Model实现INotifyPropertyChanged接口。

  view source print ?

  01. using System;

  02. using System.Collections.Generic;

  03. using System.Linq;

  04. using System.Text;

  05. using System.Windows;

  06. using System.Windows.Controls;

  07. using System.Windows.Data;

  08. using System.Windows.Documents;

  09. using System.Windows.Input;

  10. using System.Windows.Media;

  11. using System.Windows.Media.Imaging;

  12. using System.Windows.Shapes;

  13. using System.Collections.ObjectModel;

  14. using System.ComponentModel;

  15.  

  16. namespace WpfApplication1

  17. {

  18. public partial class WindowObservable : Window

  19. {

  20. ObservableCollection<Students> infos = new ObservableCollection<Students>() {

  21. new Students(){ Id=1, Age=11, Name='Tom'},

  22. new Students(){ Id=2, Age=12, Name='Darren'},

  23. new Students(){ Id=3, Age=13, Name='Jacky'},

  24. new Students(){ Id=4, Age=14, Name='Andy'}

  25. };

  26.  

  27. public WindowObservable()

  28. {

  29. InitializeComponent();

  30.  

  31. this.lbStudent.ItemsSource = infos;

  32.  

  33. this.txtStudentId.SetBinding(TextBox.TextProperty, new Binding('SelectedItem.Id') { Source = lbStudent });

  34. }

  35. private void button1_Click(object sender, RoutedEventArgs e)

  36. {

  37. infos[1] = new Students() { Id = 4, Age = 14, Name = '这是一个集合改变' };

  38. infos[2].Name = '这是一个属性改变';

  39. }

  40. public class Students : INotifyPropertyChanged

  41. {

  42. string _name;

  43. public int Id { get; set; }

  44. public string Name

  45. {

  46. get { return _name; }

  47. set { _name = value; OnPropertyChanged('Name'); }

  48. }

  49. public int Age { get; set; }

  50. protected internal virtual void OnPropertyChanged(string propertyName)

  51. {

  52. if (PropertyChanged != null)

  53. PropertyChanged(this, new PropertyChangedEventArgs(propertyName));

  54. }

  55. public event PropertyChangedEventHandler PropertyChanged;

  56. }

  57. }

  58. }

  此时我们再 运行代码会发现

  

  不管是集合还是对象都发生了改变。至此。我们的整个后台通知就能完美监视任何对象变动。

  代码参考：http://blog.csdn.net/fwj380891124/article/details/8194190

  本文地址：http://www.cnblogs.com/santian/p/4366832.html

  博客地址：http://www.cnblogs.com/santian/

  转载请以超链接形式标明文章原始出处。