Windows phone 7之数据绑定(Data Bindings)

做过ASP.NET或者Silverlight的童鞋对数据绑定比较熟悉，WP7是基于Silverlight的，silverlight for windows phone页面也是使用XAML，所以页面渲染的原理是一样的。

数据绑定分为源(Source)和目标(Target),Source一般分为两种，其他控件的数据源，或者数据对象。

先说说以控件作为数据源的吧，最简单的格式是：目标控件属性="{Binding ElementName=源控件名, Path=源控件属性}"。

为了便于一会介绍Converter，我放弃使用TextBox作为数据源，转而使用Silvder，免得一会有童鞋挑错。

在页面中放置一个Silder和一个TextBlock，XAML代码如下

Slider Height="84" HorizontalAlignment="Right" Margin="0,41,0,0" Name="MySilder" Value="20" Minimum="0" Maximum="100" VerticalAlignment="Top" Width="450" /> "30" HorizontalAlignment="Left" Margin="30,163,0,0" Name="TargetTB" Text="{Binding ElementName=MySilder, Path=Value}" VerticalAlignment="Top" />

看到代码中，TextBlock的Text属性的值使用了绑定，绑定的源是Silder，绑定的属性是Value，意思是，TextBlock的Text属性的值，来源于Silider的Value属性的值
运行程序，行拖动Silder，效果如下

看到，拖动Silder时，TextBlock的Text值也会跟着变化，这个Binding的绑定模式Mode有关，Binding默认的 Mode是OneWay，单项绑定，也就是说Silder的Value变化时，TextBlock的Text也会变，但是TextBlock的Text变 化时Silder的Value不会跟着变，还有两种叫做OneTime和TwoWay，OneTime是绑定依次，也就是TextBlock的Text获 取Silder的Value的第一个值，当Silder的Value再次变化时，TextBlock的Text不会变。TwoWay是双向绑定，也就是说 改变Silder的Value，TextBlock的Text跟着变，改变TextBlock的Text，Silder的Value也会跟着变。例子在 Converter的效果中一起看，暂时不给了。

Converter的作用是数据转换，比如我想要源的数据，但是源的数据格式又不是我想要的，那么我就可以使用Converter来获取我要真正显示的值，Converter改变的只是页面显示出来的值，不贵改变源数据的值。

实现Converter的的方式是定义一个继承自IValueConverter接口，并实现Convert和ConvertBack方法，现在我们在项目中添加一个类，代码如下

public class ValueConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { string strValue = ""; double doubleValue = (double)value; if (doubleValue > 50) strValue = "获取的值比较大"; else strValue = "获取的值比较小"; return strValue; } public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { return value; } }

然后还要将该类添加到静态资源中，以便使用，在App.xaml中添加当前项目中的命名空间：xmlns:local="clr-namespace:DataBindings"

然后将ValueConverter类声明为静态资源：

现在修改MainPage.xaml中的TextBlock的Text的内容：。

上面已经将Binding的Mode设置成了TwoWay，所以我们用代码修改TextBlock的Text属性的值，看看Silder是否跟着变化。

在Page_Loaded方式中添加一句代码，用来在页面初始化后修改TextBlock的Text属性的值：TargetTB.Text = "40";
运行项目，效果如下

我没在Page_Loaded方法中设置了TextBlock的Text值为40，看到Silder的值变成了40，证明Mode=TwoWay起 作用了，看到，TextBlock的Text值显示的不是40，而是"获取的值比较小"，证明我们的ValueConverter起作用了，那么拖动 Silder，使他的值大于50%，我们应该猜到TextBlock的Text值，应该是"获取的值比较大"，看看效果是不是

接下来我们说说，实际开发中使用更多的，使用数据对象作为数据源

先添加一个用于提供数据源的类DataSource和Person，代码如下

public class DataSource { private Person _personData; public Person PersonData { get { return _personData; } set { _personData = value; } } public DataSource() { PersonData = new Person() { Name = "DHC", *** = "男", Age = 27 }; } } public class Person: INotifyPropertyChanged { private string _name; public string Name { get { return _name; } set { _name = value; } } private string _***; public string *** { get { return _***; } set { _*** = value; } } private int _age; public int Age { get { return _age; } set { _age = value; } } }

 然后为MainPage页面设置数据源

DataSource ds = new DataSource(); DataContext = ds.PersonData;

在MainPage.xaml页面中添加三个TextBlock，并绑定数据

"{Binding Name}"/> "{Binding ***}"/> "{Binding Age}"/>

运行程序，效果如下

上面使用DataContext，DataContext就是表示的数据内容，上面设置的整个页面的数据源，几乎任何空间都有 DataContext属性，设置了这个属性，其自己的属性或者子控件的属性就可绑定数据源对象的中属性的值。因为设置了父控件的DataContext 之后，其中的所有子控件的DataContext属性默认和父控件一样，除非子控件设置了自己的DataContext。

绑定格式大同小异：{Binding Source=数据源, Path=属性名}至于Mode和Converter，使用方式与上面介绍控件为数据源一样。Source默认为DataContext，除非不是，否则 一般省略不写，Path关键字一般省略，所以最简格式一般为{Binding 属性名}。

那么我们改变数据看看，看看TextBlock的Text是否改变

在页面中添加一个按钮，在点击事件中添加代码

Person person = DataContext as Person; person.Age = 100;

运行并点击，按钮，效果如下

Age没有变成100，这不是我们想要的结果，这事为什么呢

INotifyPropertyChanged接口

上面的程序，点击按钮，并没有像我们想象中的那样，显示Age的TextBlock的Text没有改变，这事因为数据改变后，并没有通知UI界面， 为什么Silder的Value改变后通知了，我们自己定义的数据没有通知呢，这是因为我们上面定义的Person类没有继承 INotifyPropertyChanged，看到这个接口的名字，就知道他是干什么的，通知属性改变，他就是干这个用的。

用法是直接继承INotifyPropertyChanged，利用PropertyChangedEventHandler添加委托，通知数据已经改变，现在修改Person类

public class Person: INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged(PropertyChangedEventArgs args) { if (PropertyChanged != null) PropertyChanged(this, args); } private string _name; public string Name { get { return _name; } set { _name = value; OnPropertyChanged(new PropertyChangedEventArgs("Name")); } } private string _***; public string *** { get { return _***; } set { _*** = value; OnPropertyChanged(new PropertyChangedEventArgs("***")); } } private int _age; public int Age { get { return _age; } set { _age = value; OnPropertyChanged(new PropertyChangedEventArgs("Age")); } } }

再次运行程序，点击按钮，效果如下

好了，这就是我们想要的结果。

在最后补充一点东西，我们可以将数据声明为静态资源，然后也可以绑定

声明静态资源：

为页面设置数据源：DataContext="{StaticResource data}"

为控件属性绑定数据

"{Binding PersonData.Name}"/> "{Binding PersonData.***}"/> "{Binding PersonData.Age}"/>

运行效果和上面是一样的。我之所以留到最后将绑定静态资源，是因为，如果不继承INotifyPropertyChanged接口的数据源，声明为 静态资源，绑定后页面中没有数据，这事因为我们按照比较合理的方式编写DataSource类，在构造函数中初始化数据，这样，等于说是声明属性时，没有 赋值(为null)，而在构造函数中改变数据，由于没有继承INotifyPropertyChanged接口，所以不会通知UI数据以改变(还是 null)，这就无法显示了，我们需要改写DataSource，在声明PersonData变量时就给他赋值，这样就能显示了，但是这是不好的写法，而 且使用了get，set属性访问器，更会出问题，代码丑陋不堪，而我如果不说明，童鞋用了我现在的代码，而无法显示数据，该骂我了，所以我讲完 INotifyPropertyChanged，在说绑定静态资源，你继承了INotifyPropertyChanged肯定不会出问题。