WPF笔记(4.2 单笔数据绑定)——Data Binding

WPF的数据绑定机制 既保证了数据的同步性，又使得数据类型的相应转换正常进行。如下所示：


左边是XMAL的UI元素，右边是cs程序中的Object，中间是数据绑定层，将左右两层连接起来。

那么, 两个层次的语法如下：

UI层，有3种表示方式：
方法1：

// 这种方法在新版本好像不支持，以后来改这个地方
< TextBox  >
   < TextBox.Text >
     < Binding Path = " Age "   />
   </ TextBox.Text >
</ TextBox >

方法2：

//TextContent 改为新版本的Text
< TextBox Text = " {Binding Path=Age} "   />

方法3：

//TextContent 改为新版本的Text
< TextBox Text = " {Binding Age} "   />

注意，绑定后从底层向上开始找数据源，直到发现位置为止，最上层是<Window>

Object层，要设置数据源：

grid1.DataContext  =  person;  //  person为对象

相应前面的XAML中的TextBox控件： < TextBox Text = " {Binding Age} "  />，于是可以看到显示的是person对象的Age属性

结合Resource技术，可以全都写在XAML中而不用编写后台程序，这样做的前提是这个Object，在这里是Person，有一个用来初始化的构造函数。这时，DataContext绑定的是 静态资源{StaticResource Tom}，Tom是资源的Key：

<!--  Window1.xaml  -->
<? Mapping XmlNamespace = " local "  ClrNamespace = " PersonBinding "   ?>
< Window  xmlns:local = " local " >
   < Window.Resources >
     < local:Person x:Key = " Tom "  Name = " Tom "  Age = " 9 "   />
   </ Window.Resources >
   < Grid DataContext = " {StaticResource Tom} " >
    
     < TextBlock  > Name: </ TextBlock >
     < TextBox  Text = " {Binding Path=Name} "   />
     < TextBlock  > Age: </ TextBlock >
     < TextBox  Text = " {Binding Path=Age} "   />
     < Button  x:Name = " birthdayButton " > Birthday </ Button >
   </ Grid >
</ Window >

当然，按下Button后，后台还是有代码的：

public  partial  class  Window1 : Window {
  
   void  birthdayButton_Click( object  sender, RoutedEventArgs e) {
    Person person  =  (Person) this .FindResource( " Tom " ));
     ++ person.Age;
    MessageBox.Show();
  }
}

注意这个FindResource()方法，找到key为Tom的资源后，强制类型转换为Person

以上介绍的都是隐式的数据源，因为只有一个DataSource，所以可以不指定Source属性；当数据源多于1个的时候，这时要指定具体绑定那一个数据源了——称之为显示数据源，关键的是Source属性

<!--  Window1.xaml  -->
< Window  >
   < Window.Resources >
     < local:Person x:Key = " Tom "    />
     < local:Person x:Key = " John "    />
   </ Window.Resources >
   < Grid >
    
     < TextBox x:Name = " tomTextBox "
      Text = "
        {Binding
          Path = Name,
          Source = {StaticResource Tom}} "  />

     < TextBox x:Name = " johnTextBox "
      Text = "
        {Binding
          Path = Name,
          Source = {StaticResource John}} "  />
    
   </ Grid >
</ Window >

绑定其他类型数据
    以上介绍的都只是文本。接下来说的是如何绑定ForeColor这样的类型数据。
    现在考虑的是如果 Age〉25，则名字显示为红色。ForeColor是Brush类型，Age为整型。
    WPF提供了接口IValueConverter，只要实现了该接口的两个方法，就可以完成这件工作：一个是Convert，另一个是ConvertBack，分别控制正反两个方向的转换。对于当前情况，新建一个类 AgeToForegroundConverter，实现如下：

public   class  AgeToForegroundConverter : IValueConverter {
   //  Called when converting the Age to a Foreground brush
   public   object  Convert( object  value, Type targetType, ) {
    Debug.Assert(targetType  ==   typeof (Brush));

     //  DANGER! After 25, it's all down hill
     int  age  =   int .Parse(value.ToString(  ));
     return  (age  >   25   ?  Brushes.Red : Brushes.Black);
  }

   //  Called when converting a Foreground brush back to an Age
   public   object  ConvertBack( object  value, ) {
     //  should never be called
     throw   new  NotImplementedException(  );
  }
}

于是，在XAML中添加这个类 AgeToForegroundConverter的资源，并设置相应的Convert属性即可：

<!--  Window1.xaml  -->
<? Mapping XmlNamespace = " local "  ClrNamespace = " PersonBinding "   ?>
< Window  xmlns:local = " local " >
   < Window.Resources >
     < local:Person x:Key = " Tom "    />
    <local:AgeToForegroundConverter
      x:Key="AgeToForegroundConverter" />
   </ Window.Resources >
   < Grid DataContext = " {StaticResource Tom} " >
    
     < TextBox
      Text = " {Binding Path=Age} "
      Foreground = "
        {Binding
          Path = Age,
          Converter = {StaticResource AgeToForegroundConverter}} "
        />
    
   </ Grid >
</ Window >

总结，以上介绍的技术，只限于单独一个对象的绑定，可以取代第一节介绍的INotifyPropertyChanged实现模式。