WP7数据绑定

基于silverlight的windows phone数据绑定，它提供了一种数据显示并与数据进行交互的简便方法，UI元素和数据对象之间的绑定使得数据可以在两者之间进行流动，绑定建立之后，如果数据出现更改，则绑定到该数据的UI元素会自动反映更改，同样，用户在UI元素中所做的更改也可以在数据对象中反映出来，它的基本过程如图：

•绑定目标是UI控件，控件必须是FrameworkElement的任何一个DependencyProperty（提供快速的方法计算值，可与其他动态数据交互）。

•绑定来源是将要与绑定目标进行数据交互的数据。来源可以是任何运行于CLR的对象，包括目标元素本身或者其他UI元素。

•绑定的语法用大括号表示

<TextBlock Text="{Binding Note}"/>等同于<TextBlock Text="{Binding path= Note}"/>

•三种数据流方向：（Mode属性）：

OneTime：一次绑定，在绑定创建时使用源数据更新目标，适用于只显示数据而不进行数据的更新。

OneWay：单向绑定，在绑定创建时或者源数据发生变化时更新到目标，适用于显示变化的数据。

TwoWay：双向绑定，在任何时候都可以同时更新源数据和目标。

其中默认的是OneWay，即后台数据发生变化，前台建立了绑定关系的相关控件也会进行更新

下面我们就针对于LIstBox控件来说明一下绑定的具体实现过程，参考代码如下：

1. 定义数据实体：

可以直接定义一个字符串数组，可以新建一个实体类，创建一个该类的对象数组，也可以将实体直接写到App的Resource中，这个可以根据实际需要，对于比较大的项目建议采用后面两种方法，这样便于以后对项目进行维护，这里面写的是一个简单的实体类

publicclassItem { publicImageSourceImg{set;get;} publicstringEventType{set;get;} publicstringNote{set;get;} }

2. 在*.xmal中利用Binding对象设置数据绑定

我们还可以给ListBox指定列表项的模板ItemTemplate，让它显示的比较整齐美观

<ListBoxHeight="595"HorizontalAlignment="Left"Margin="0,6,0,0"Name="listBox1"VerticalAlignment="Top"Width="460"> <ListBox.ItemTemplate> <DataTemplate> <StackPanelOrientation="Horizontal"> <ImageHeight="84"Source="{BindingImg}"Width="81"HorizontalAlignment="Left"VerticalAlignment="Top"/><!—通过Image的Source属性将上面定义的数据实体Img绑定到Image上--> <StackPanelOrientation="Vertical"> <TextBlockText="{BindingEventType}"FontSize="48"VerticalAlignment="Top"/><!—通过TextBlock的Text属性将上面定义的数据实体EventType绑定到TextBlock上--> <TextBlockText="{BindingNote}"FontSize="24"VerticalAlignment="Center"/><!—同上，通过TextBlock的Text属性将上面定义的数据实体Note绑定到TextBlock上--> </StackPanel> </StackPanel> </DataTemplate> </ListBox.ItemTemplate> </ListBox>

3. 后台*.xmal.cs中定义数据源：

publicpartialclassMainPage:PhoneApplicationPage { //Constructor publicMainPage() { InitializeComponent(); } privatevoidPhoneApplicationPage_Loaded(objectsender,RoutedEventArgse) { List<Item>list=newList<Item>();//创建一个Item的对象集合 Itemitem=newItem(); item.Img=newBitmapImage(newUri("ic_sleep.png",UriKind.Relative)); item.EventType="sleep"; item.Note="9:00~10:30"; list.Add(item); item=newItem(); item.Img=newBitmapImage(newUri("ic_breastfed.png",UriKind.Relative)); item.EventType="breastfed"; item.Note="10:40~10:55"; list.Add(item); item=newItem(); item.Img=newBitmapImage(newUri("ic_diaper.png",UriKind.Relative)); item.EventType="Diaper"; item.Note="Haha"; list.Add(item); item=newItem(); item.Img=newBitmapImage(newUri("ic_growth.png",UriKind.Relative)); item.EventType="Growth"; item.Note="Happy"; list.Add(item); listBox1.ItemsSource=list;//将list集合中的数据对象添加到ListBox控件的对应的列表项中 } } } 运行效果：

Windows Phone开发中大部分控件都可以实现数据绑定，在使用Binding对象将数据源与UI控件进行数据绑定之前，建议大家在大致了解绑定过程的基础上，首先熟悉一下各个控件的相关属性及使用方法，这样可能会使代码更加简洁，同时也应该掌握一下页面布局的设计，使数据显示的效果更加Nice。大家可以自己先写一个简单的小例子来实现数据绑定，了解绑定的大致过程之后，然后逐渐向周围的其他控件进行扩展。目前我自己也是一个WP7的初学者，学习过程中在这里只是小小总结一下，希望不对的地方大家多多给予指正~~