wp7数据绑定

    Silverlight中的数据绑定对被绑定对象有特殊要求，如果只是普通的get、set属性的对象用在数据绑定上有很多问题（无法双向绑定），一般要求类实现INotifyPropertyChanged接口或者继承自DependencyObject，现在推荐用DependencyObject 的方法

 

 

第一种绑定方式：实现INotifyPropertyChanged接口

public class Person:INotifyPropertyChanged
    {
       public event PropertyChangedEventHandler PropertyChanged;

       private string name;
      public string Name
      {
         get
           {
               return name;
           }
         set
          {
               name = value;
              if (PropertyChanged != null)
               {
                    PropertyChanged(this, new PropertyChangedEventArgs("Name"));
               }
           }
       }
}

第二种绑定方式：实现DependencyObject接口（推荐）--快捷方法：输入propdp然后tab

 public class Person : DependencyObject
    {
        //静态的、DependencyProperty类型的、属性名+Property= DependencyProperty.Register("属性名",typeof(属性类型),
           // typeof(所属类),null);

        public static DependencyProperty NameProperty = DependencyProperty.Register("Name",typeof(string),
            typeof(Person),null);

        public string Name 
        {
            get
            {
                return (string)GetValue(NameProperty);
            }
            set
            {
                SetValue(NameProperty, value);
            }
        }

三种绑定模式：

OneTime：一次绑定，绑定创建时使用源数据更新控件。（可以是普通的set、get属性）。

OneWay （默认值）：单向绑定，在绑定创建时使用源数据更新控件，当源数据发生变化的时候也更新控件。（必须实现INotifyPropertyChanged接口或者继承自DependencyObject）。相当于Eval

TwoWay：双向绑定，数据源的变化会更新控件，控件的变化也会更新到数据源。（必须实现INotifyPropertyChanged接口或者继承自DependencyObject）。相当于Bind

 

 

加法计算器：

定义一个类：

 public class jiafa:DependencyObject
    {
        public int sum1
        {
            get { return (int)GetValue(sum1Property); }
            set { SetValue(sum1Property, value); }
        }

        // Using a DependencyProperty as the backing store for sum1.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty sum1Property =
            DependencyProperty.Register("sum1", typeof(int), typeof(jiafa), null);
        public int sum2
        {
            get { return (int)GetValue(sum2Property); }
            set { SetValue(sum2Property, value); }
        }
        public static readonly DependencyProperty sum2Property = DependencyProperty.Register("sum2",typeof(int),typeof(jiafa),null);
 }

  public int result
        {
            get { return (int)GetValue(resultProperty); }
            set { SetValue(resultProperty, value); }
        }

        // Using a DependencyProperty as the backing store for result.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty resultProperty =
            DependencyProperty.Register("result", typeof(int), typeof(jiafa),null);

导入命名空间

 xmlns:ctrl="clr-namespace:复习0819"

  <phone:PhoneApplicationPage.Resources>
        <ctrl:jiafa x:Key="jiafa"></ctrl:jiafa>
    </phone:PhoneApplicationPage.Resources>
    <!--LayoutRoot 是包含所有页面内容的根网格-->
  <Grid x:Name="LayoutRoot" Background="Transparent" DataContext="{StaticResource jiafa}">
        <TextBox Height="72" HorizontalAlignment="Left" Margin="12,127,0,0" Name="textBox1" Text="{Binding sum1,Mode=TwoWay}" VerticalAlignment="Top" Width="460" />
        <TextBox Height="72" HorizontalAlignment="Left" Margin="20,271,0,0" Name="textBox2" Text="{Binding sum2}" VerticalAlignment="Top" Width="460" />
        <Button Content="相加" Height="72" HorizontalAlignment="Left" Margin="98,414,0,0" Name="button1" VerticalAlignment="Top" Width="160" Click="button1_Click_1" />
        <TextBlock Height="44" HorizontalAlignment="Left" Margin="54,517,0,0" Name="textBlock1" Text="{Binding result}" VerticalAlignment="Top" Width="280" />
    </Grid>

后台代码

 private void button1_Click_1(object sender, RoutedEventArgs e)
        {
           jiafa jf=(jiafa)this.Resources["jiafa"];
           jf.result = jf.sum1 + jf.sum2;
           
        }

数据绑定的Converter：

  之前计算器的例子发现Model的属性是int类型，但是文本框的Text属性是string类型，也能双向绑定，这是因为有值转换器。

  但是当我们从数据中取出来的值是0和1，并分别要表示男和女；这个时候系统就不能帮我们进行复杂的类型转换，不可能把1变成男展示给用户；

所以我们要自己写一个转换器

 

定义一个枚举：

Public enum Gender{ Female,Male,Unkown};

 public class GenderStringConverter:IValueConverter
    {
        //正向转换：Model到UI的转换
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            //value为Model中属性的值
            //返回值为转换后UI中的值
            Gender gender = (Gender)value;
            switch (gender)
            {
                case Gender.Female:
                    return "女";
                case Gender.Male:
                    return "男";
                case Gender.Unkown:
                    return "非常男女";
                default :
                    throw new Exception("Gender出现预期之外的值");
            }
        }

        //当UI变化时，把UI中的值转换为Model中的值
        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            string s = (string)value;
            switch (s)
            {
                case "男":
                    return Gender.Male;
                case "女":
                    return Gender.Female;
                case "非常男女":
                    return Gender.Unkown;
                default :
                    //throw new Exception();
                    return Gender.Unkown;
            }
        }
    }

转换器的用法：

先在需要用到转换器的页面进行引入；

第一步

xmlns:my="clr-namespace:PhoneApp1"

第二步

<phone:PhoneApplicationPage.Resources>
        <my:GenderStringConverter x:Key="genderStrConverter"></my:GenderStringConverter>

    </phone:PhoneApplicationPage.Resources>

第三步

<TextBox Text="{Binding Gender,Mode=TwoWay,Converter={StaticResource genderStrConverter}}"></TextBox>