原文:Windows 8实例教程系列 - 数据绑定基础实例

数据绑定是WPF,Silverlight以及Windows Phone应用开发中最为常用的开发技术,在基于XAML的Windows Store应用开发中,数据绑定是其开发特性之一,本文将讨论Windows 8应用开发数据绑定的使用。

快速理解数据绑定(Data Binding)

对于应用开发人员而言,无论是应用界面还是应用逻辑往往是为了简化用户对于数据层的操作,通过应用控件实现数据同步更新是最直接最简单的。但是在实际项目开发中,复杂的数据结构以及繁琐的数据操作使应用控件与数据交互难度增加,对此微软推出数据绑定实现应用控件直接同步更新数据。简单理解数据绑定,创建一个对象实例绑定到指定控件,通过DataContext的依赖关系,当对象实例数据改变时,同时自动刷新应用控件数据信息。

数据绑定代码

数据绑定基本代码格式:

<TextBox Text="{Binding LastName, Mode=TwoWay}"/>

以上代码实现绑定数据成员LastName到文本框的Text属性,其中LastName是数据成员属性。

实现数据绑定前,首先需要创建绑定数据对象属性,例如,

 public class Person
{
public string FirstName { get; set; }
public string LastName { get; set; }
public string Email { get; set; }
}

然后在应用运行时,创建数据成员实例,

private void LoadAccount()
{
this.DataContext = new Person { FirstName = "Kevin", LastName = "Fan", Email = "qq34506@hotmail.com" };
}

这样既可实现简单绑定效果:

数据绑定模式

Windows Store应用支持三种数据绑定模式:

OneTime,一次性绑定,该方式只控件运行时第一次绑定数据,此后,数据源修改控件不在刷新;

OneWay,单向绑定,该方式当数据源更新时,控件同时更新数据,但是当控件数据更新时,数据源不更新;

TwoWay,双向绑定,该方式当数据源更新时,控件同时更新数据,而当控件数据更新时,数据源同样更新;

对比以上三种模式,TwoWay绑定较为常用,而默认情况下,OneWay是默认值。

在上例中,绑定LastName为TwoWay,双向模式,即当用户在控件中修改“姓”,数据源也同时被修改。

数据绑定实时修改 - INotifyPropertyChanged

数据绑定中,另外一个重要的概念是INotifyPropertyChanged接口,该接口用于当数据源与对象属性绑定时,绑定数据源修改,即通知当前UIElement控件并且更新数据。

例如,在Person.cs中实现INotifyPropertyChanged接口,可以发现该接口仅有一个事件PropertyChanged,使用RaisePropertyChanged实现该事件,

    public class Person : INotifyPropertyChanged
{
public string FirstName { get; set; } private string _lastname;
public string LastName
{
get { return _lastname; }
set
{
_lastname = value;
RaisePropertyChanged();
}
} public string Email { get; set; } private void RaisePropertyChanged([CallerMemberName] string caller = "")
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(caller));
}
} public event PropertyChangedEventHandler PropertyChanged;
}

在绑定页面添加“更新”button, 其代码:

        private void Button_Click_1(object sender, RoutedEventArgs e)
{
person.LastName = "范";
}

当点击更新时,Person数据源改变,INotifyPropertyChanged接口通知控件Text="{Binding LastName, Mode=TwoWay}",修改数据内容。

该接口对于实时数据绑定更新非常有用,在后文将经常使用。

Element数据绑定

上文讲述是对象实例与数据源的绑定实例。Windows Store应用同时支持控件与控件间属性绑定,例如,实现CheckBox的IsChecked属性与ProgressRing的IsActive属性的绑定,代码如下:

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
<StackPanel>
<StackPanel Orientation="Horizontal"
HorizontalAlignment="Left">
<TextBlock Text="运行进度:"
VerticalAlignment="Center"
Margin="0,0,20,0" />
<Border BorderThickness="1"
BorderBrush="#44000000"
Padding="10">
<ProgressRing x:Name="ProgressRing1"
IsActive="{Binding IsChecked, ElementName=chkRun}" />
</Border>
</StackPanel>
<CheckBox Name="chkRun"
Content="运行?" />
</StackPanel>
</Grid>

其中绑定代码中的绑定成员使用Element对象属性名,并且附加ElementName。

<ProgressRing x:Name="ProgressRing1" IsActive="{Binding IsChecked, ElementName=chkRun}" />

运行效果如下,选中运行CheckBox,运行进度开始:

数据绑定与数据转换(Data Converter)

在Windows 8 XAML实例教程中曾讲述过数据转换器的创建和使用,XAML实例教程系列 - 类型转换器(Type Converter)

当时代码是使用VS2012 RC和Windows 8 RP版本创建,所以,本篇代码进行转换到VS2012和Windows 8正式版。

Windows 8数据绑定控件

为了方便应用开发,微软为开发人员提供了许多数据绑定控件,通过以上绑定方式设置,可以快速的将数据成员集合绑定到对应控件。

ComboBox控件

前台代码:

 <ComboBox SelectionChanged="cbUserList_SelectionChanged_1" DisplayMemberPath="FullName" />

后台代码:

public sealed partial class MainPage : Page
{
public List<Person> Users { get; set; } public MainPage()
{
this.InitializeComponent();
LoadUsers();
} /// <summary>
/// Invoked when this page is about to be displayed in a Frame.
/// </summary>
/// <param name="e">Event data that describes how this page was reached. The Parameter
/// property is typically used to configure the page.</param>
protected override void OnNavigatedTo(NavigationEventArgs e)
{
} private void cbUserList_SelectionChanged_1(object sender, SelectionChangedEventArgs e)
{
SelectionGrid.DataContext = (e.AddedItems[0] as Person);
} private void LoadUsers()
{
Users = new List<Person>(); Users.Add(new Person { FirstName = "Kevin", LastName = "Fan", Email = "qq34506@hotmail.com" });
Users.Add(new Person { FirstName = "中国", LastName = "银光", Email = "Admin@silverlightchina.net" });
Users.Add(new Person { FirstName = "Mike", LastName = "Li", Email = "zhangsn@gmail.com" });
Users.Add(new Person { FirstName = "Sandy", LastName = "Yang", Email = "SandyY@yahoo.com" }); cbUserList.ItemsSource = Users;
}
}

ListBox控件

前台代码:

<ListBox SelectionChanged="lbUserList_SelectionChanged_1" ItemsSource="{Binding Users}" DisplayMemberPath="FullName" />

后台代码:

public sealed partial class MainPage : Page
{
public List<Person> Users { get; set; } public MainPage()
{
this.InitializeComponent();
LoadUsers();
} /// <summary>
/// Invoked when this page is about to be displayed in a Frame.
/// </summary>
/// <param name="e">Event data that describes how this page was reached. The Parameter
/// property is typically used to configure the page.</param>
protected override void OnNavigatedTo(NavigationEventArgs e)
{
} private void lbUserList_SelectionChanged_1(object sender, SelectionChangedEventArgs e)
{
SelectionGrid.DataContext = (e.AddedItems[0] as Person);
} private void LoadUsers()
{
Users = new List<Person>(); Users.Add(new Person { FirstName = "Kevin", LastName = "Fan", Email = "qq34506@hotmail.com" });
Users.Add(new Person { FirstName = "中国", LastName = "银光", Email = "Admin@silverlightchina.net" });
Users.Add(new Person { FirstName = "Mike", LastName = "Li", Email = "zhangsn@gmail.com" });
Users.Add(new Person { FirstName = "Sandy", LastName = "Yang", Email = "SandyY@yahoo.com" }); lbUserList.ItemsSource = Users;
}
}

本篇源代码

欢迎留言交流学习,加入QQ群交流学习:

22308706(一群) 超级群500人 
37891947(二群) 超级群500人 
100844510(三群) 高级群200人 
32679922(四群) 超级群500人 
23413513(五群) 高级群200人 
32679955(六群) 超级群500人 
88585140(八群) 超级群500人 
128043302(九群 企业应用开发推荐群) 高级群200人 
101364438(十群) 超级群500人

68435160(十一群 企业应用开发推荐群)超级群500人

Windows 8实例教程系列 - 数据绑定基础实例的更多相关文章

  1. Windows 8实例教程系列 - 数据绑定高级实例

    原文:Windows 8实例教程系列 - 数据绑定高级实例 上篇Windows 8实例教程系列 - 数据绑定基础实例中,介绍Windows 8应用开发数据绑定基础,其中包括一些简单的数据绑定控件的使用 ...

  2. Silverlight,Windows 8应用开发实例教程系列汇总

    Kevin Fan分享开发经验,记录开发点滴 Silverlight,Windows 8应用开发实例教程系列汇总 2012-06-18 01:05 by jv9, 2145 阅读, 3 评论, 收藏, ...

  3. XAML实例教程系列 - 依赖属性和附加属性(四)

    XAML实例教程系列 - 依赖属性和附加属性 2012-06-07 13:11 by jv9, 1479 阅读, 5 评论, 收藏, 编辑 微软发布Visual Studio 2012 RC和Wind ...

  4. XAML实例教程系列 - 类型转换器(Type Converter)七

    XAML实例教程系列 - 类型转换器(Type Converter) 分类: Windows 8 Silverlight2012-06-25 13:40 961人阅读 评论(0) 收藏 举报 butt ...

  5. XAML实例教程系列 - 事件(Event) 五

    Kevin Fan分享开发经验,记录开发点滴 XAML实例教程系列 - 事件(Event) 2012-06-19 01:36 by jv9, 1727 阅读, 7 评论, 收藏, 编辑 Events, ...

  6. XAML实例教程系列 - 资源(Resources)

    Kevin Fan分享开发经验,记录开发点滴 XAML实例教程系列 - 资源(Resources) 2012-08-10 12:47 by jv9, 1386 阅读, 1 评论, 收藏, 编辑 在Wi ...

  7. XAML实例教程系列 - XAML传递参数到值转换类实例 八

    Kevin Fan分享开发经验,记录开发点滴 XAML实例教程系列 - XAML传递参数到值转换类实例 2012-06-28 05:25 by jv9, 508 阅读, 0 评论, 收藏, 编辑 继上 ...

  8. Windows 8实例教程系列 - 开篇

    原文:Windows 8实例教程系列 - 开篇 2012年10月26日,微软发布Windows 8操作系统以及自主品牌平板电脑Surface,Windows作为世界上最流行的操作系统,发布一周内,下载 ...

  9. Windows 8实例教程系列 - 自定义应用风格

    原文:Windows 8实例教程系列 - 自定义应用风格 在Windows 8 XAML实例教程中,曾经提及过应用风格设计方法以及如何创建可复用样式代码.本篇将深入讨论如何创建自定义Windows8应 ...

随机推荐

  1. 【iOS开发】 常遇到的Crash和Bug处理

    一,Unknown type name .... 如果是报这个错误,多半是你的对象类型没有被识别,检查是不是没有引用对应的库或者头文件在你的文件头部分,还有可能是循环引用导致的,循环引用的解决方法就是 ...

  2. MongoDB--Getting Started with Java Driver

    原文链接 http://docs.mongodb.org/ecosystem/tutorial/getting-started-with-java-driver/  介绍 本文的目的是让你对怎样使用M ...

  3. 新 Netflix 开源门户

    Netflix 开源改革计划:新 Netflix 开源门户 http://www.oschina.net/news/67555/evolution-of-open-source-at-netflix ...

  4. A Game of Thrones(3) - Daenerys

    Her brother held the gown up for her inspection. “This is beauty. Touch it. Go on. Caress(爱抚,抚抱) the ...

  5. for循环中一个不容小觑的问题

    for(int i=1;i<=100;i++) 作为程序猿,我们很喜欢使用这种for循环. 可是,当中隐含着一个重要的问题. 过多的编程经历可能使我们的思维产生了一些误解,在上面的for循环中, ...

  6. 解决backgroud:transparent在低版本浏览器中的bug

    今天在html页面上定义了一个button和一个div,大小相同,button使用绝对定位,覆盖在div上面一层,同时样式设置背景透明(background:transparent). 这样就可以在看 ...

  7. java 常用的包 默认导入的包

    1.java.lang----包含一些Java语言的核心类,如String.Math.Integer.System和Thread,提供常用功能. 2.java.awt----包含了构成抽象窗口工具集( ...

  8. 64位CentOS5.6安装Mysql 5.5.11GA

    1.更新并查看当前CentOS版本是否为5.6yum updatelsb_release -a 2.下载文件下载 bison-2.4.3.tar.gz到/usr/local/src下载 cmake-2 ...

  9. Codeforces Round#201(div1) D. Lucky Common Subsequence

    题意:给定两个串,求出两个串的最长公共子序列,要求该公共子序列不包含virus串. 用dp+kmp实现 dp[i][j][k]表示以i结尾的字符串和以j结尾的字符串的公共子序列的长度(其中k表示该公共 ...

  10. 通信协议:HTTP、TCP、UDP(转)

    原文出处: 碧雪轩的博客 TCP   HTTP   UDP: 都是通信协议,也就是通信时所遵守的规则,只有双方按照这个规则“说话”,对方才能理解或为之服务. TCP   HTTP   UDP三者的关系 ...