数据绑定提供了一种数据呈现与交互的简捷方式&＃xff0c;使得数据与UI分离,并能自动更新、同步。
绑定有绑定目标、绑定源、绑定模式、转换器等要素。。
绑定目标为Silverlight控件&＃xff0c;可以是FrameworkElement类型的对象&＃xff0c;实际上绑定的是该控件的一个特定属性。
绑定源为数据对象&＃xff0c;也可以是任意的CLR对象。
转换器&＃xff1a;进行数据类型或格式的转换。
绑定模式&＃xff0c;三种模式的数据绑定。
&＃xff08; 1&＃xff09;OneTime&＃xff1a;一次绑定&＃xff0c;在绑定创建时使用源数据更新目标&＃xff0c;适用于只显示数据而不进行数据的更新。
&＃xff08;2&＃xff09;OneWay&＃xff1a;单向绑定&＃xff0c;在绑定创建时或者源数据发生变化时更新到目标&＃xff0c;适用于显示变化的数据。
&＃xff08;3&＃xff09;TwoWay&＃xff1a;双向绑定&＃xff0c;在任何时候都可以同时更新源数据和目标。
当模式为OneWay或TwoWay时&＃xff0c;源对象必须实现INotifyPropertyChanged接口。
绑定源的方式有&＃xff1a;
&＃xff08;1&＃xff09; Source:表示绑定源对象。
&＃xff08;2&＃xff09; RelativeSource&＃xff0c;指定绑定源相对于绑定目标的位置来标识绑定源。
&＃xff08;3&＃xff09; ElementName,绑定源也是UI对象。
可以在C#代码中&＃xff0c;也可以在XAML声明中进行绑定&＃xff0c;现列举常见的几种绑定方式&＃xff1a;
&＃xff08;1&＃xff09; 绑定源为UI对象。
通过slider的值来控制矩形控件图形的宽度。

Mode默认为OneWay, “Path&＃61;”也可可省略&＃xff0c;因此上式还可简写为&＃xff1a;
&＃xff08;2&＃xff09; C#代码中实现绑定
定义数据源&＃xff1a;
Public class Classmate
{
public string cName{get;set;}
public int cAge{get;set;}
}
创建同学类的实例作为绑定源&＃xff1a;
Public Classmate myClassmate&＃61;new Classmate
{
cName&＃61;“王根山“,
cAge&＃61;”29”
};
Binding bd&＃61;new Binding();
Bd.Source&＃61; myClassmate;
bd.Path&＃61;new PropertyPath(“cName”);
bd.SetBinding(TextBox.TextProperty,cTextBox);
多个控件绑定同一数据源&＃xff0c;可统一指定数据源,用DataContext来实现&＃xff0c;原数据源赋值语句均可省略。
Canvas1.DataContext&＃61; myClassmate;
&＃xff08;3&＃xff09; XAML声明中实现绑定
添加命名空间的支持&＃xff1a;
xmlns:local&＃61;"clr-namespace:WindowsPhoneApplication4"
资源项中实例化类&＃xff1a;
在XAML中实现绑定&＃xff1a;
也可以如同C#代码中实现绑定&＃xff0c;在C#代码中定义数据源&＃xff1a;
Canvas1.DataContext&＃61; myClassmate;
(4) 使用数据绑定设计器实现绑定
除了C#、XAML来实现绑定&＃xff0c;还可借助于Visual Studio的可视化工具&＃xff0c;直接实现绑定&＃xff0c;实际是XAML实现绑定的可视化方式&＃xff0c;自动生成XAML代码。
在属性面板中单击属性右侧的小图标&＃xff0c;会弹出菜单&＃xff0c;如图4-1所示&＃xff1a;
p_w_picpath
图4-1
在弹出菜单中选择Apply Data Binding..,会出现数据绑定设计器&＃xff0c;可定义Source、Path等属性&＃xff0c;如图4-2:
p_w_picpath
图4-2
案例4-1:数据绑定实现
集合对象的数据绑定&＃xff0c;用自定义模板方式实现。
&＃xff08;1&＃xff09;创建Windows Phone程序。
&＃xff08;2&＃xff09;添加新类Classmate
public class Classmate
{
public int cId { get; set; }
public string cName { get; set; }
public int cAge { get; set; }
}
&＃xff08;4&＃xff09; XAML页面绑定代码如下&＃xff1a;
&＃xff08;5&＃xff09; 在C#代码中定义数据源&＃xff1a;
ObservableCollection classmates&＃61;new ObservableCollection
{
new Classmate {cId&＃61;1,cName &＃61;"王启大",cAge&＃61;28},
new Classmate {cId&＃61;2,cName &＃61;"万正领",cAge&＃61;25},
};
public MainPage()
{
InitializeComponent();
listBox1.DataContext &＃61; classmates;
}
&＃xff08;6&＃xff09;F5运行&＃xff0c;效果如下&＃xff1a;
(W)6&＃96;R}Z6J)HIJI]0%&＃96;RI0F