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中，这个可以根据实际需要，对于比较大的项目建议采用后面两种方法，这样便于以后对项目进行维护，这里面写的是一个简单的实体类
- public class Item
- {
- public ImageSource Img { set; get;}
- public string EventType { set; get;}
- public string Note { set; get; }
- }
2. 在*.xmal中利用Binding对象设置数据绑定
我们还可以给ListBox指定列表项的模板ItemTemplate，让它显示的比较整齐美观
- <ListBox Height="595" HorizontalAlignment="Left" Margin="0,6,0,0" Name="listBox1" VerticalAlignment="Top" Width="460" >
- <ListBox.ItemTemplate>
- <DataTemplate>
- <StackPanel Orientation="Horizontal">
- <Image Height="84" Source="{Binding Img}" Width="81" HorizontalAlignment="Left" VerticalAlignment="Top" /> <!—通过Image的Source属性将上面定义的数据实体Img绑定到Image上-->
- <StackPanel Orientation="Vertical">
- <TextBlock Text="{Binding EventType}" FontSize="48" VerticalAlignment="Top" /> <!—通过TextBlock的Text属性将上面定义的数据实体EventType绑定到TextBlock上-->
- <TextBlock Text="{Binding Note}" FontSize="24" VerticalAlignment="Center" /> <!—同上，通过TextBlock的Text属性将上面定义的数据实体Note绑定到TextBlock上-->
- </StackPanel>
- </StackPanel>
- </DataTemplate>
- </ListBox.ItemTemplate>
- </ListBox>
3. 后台*.xmal.cs中定义数据源：
- public partial class MainPage : PhoneApplicationPage
- {
- // Constructor
- public MainPage()
- {
- InitializeComponent();
- }
- private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e)
- {
- List<Item> list=new List<Item>();//创建一个Item的对象集合
- Item item=new Item();
- item.Img = new BitmapImage(new Uri("ic_sleep.png", UriKind.Relative));
- item.EventType = "sleep";
- item.Note = "9:00~10:30";
- list.Add(item);
- item = new Item();
- item.Img = new BitmapImage(new Uri("ic_breastfed.png", UriKind.Relative));
- item.EventType = "breastfed";
- item.Note="10:40~10:55";
- list.Add(item);
- item=new Item();
- item.Img = new BitmapImage(new Uri("ic_diaper.png", UriKind.Relative));
- item.EventType = "Diaper";
- item.Note = "Haha";
- list.Add(item);
- item = new Item();
- item.Img = new BitmapImage(new Uri("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的初学者，学习过程中在这里只是小小总结一下，希望不对的地方大家多多给予指正~~
本文转自HDDevTeam 51CTO博客，原文链接：http://blog.51cto.com/hddev/695154，如需转载请自行联系原作者
