WP8.1 Study5:Data binding数据绑定

一、数据绑定

  最简单的编程UI控件的方法是写自己的数据来获取和设置控件的属性,e.g. , textBox1.Text = "Hello, world"; 但在复杂的应用程序,这样的代码很快就会变得笨拙,容易出错

因此,为了更加方便,使用XAML数据绑定到你的UI链接到一个在应用程序中包含应用程序的数据的类。

  • 这个类class:是一个对于被称为视图模型的数据绑定(ViewModel)的数据源。
  • UI控件可以从视图模型Viewmodel类的属性自动获取其显示值,而且通过改变Viewmodel属性可以更新控件显示。
  • 用户的输入可以自动更新视图模型ViewModel类的绑定属性。

1、在xaml中数据绑定Data binding in XAML

如例子:

<TextBlock x:Name="DirectionsTextBlock" TextWrapping="Wrap"
           Margin="12,0,0,0" Text="{Binding Directions}" />

在上面的例子中,TextBlock的Text属性绑定到一些数据源的特性。那么我们可以怎样要怎样定义数据源呢?下面是两种方法:

  • Datacontext:任何FrameworkElement派生类的DataContext属性(可以直接在控件设置,但通常是设置在一个容器类型的控件,如Grid,或者直接设置在Page上)
  • ItemSource:一些列表控件的ItemSource属性。

2、数据绑定模式Data binding modes

如例子:

 <TextBlock x:Name="DirectionsTextBlock" TextWrapping="Wrap"
            Margin="12,0,0,0" Text="{Binding Directions, Mode=OneWay}" />

模式属性决定改变如何在目标控件和数据源之间的同步

  • OneTime--控件属性设置后,数据值之后的任何后续变化都会被忽略
  • OneWay--数据对象的变化是可以同步到控件属性,但反之不行
  • TwoWay --变化的数据对象是可以同步的控件属性,反之也可以。

3、INotifyPropertyChanged

对象被设置成OneWay或者Twoway绑定必须实现INotifyPropertyChanged接口。

我们可以在ViewModel类中写入如下代码:

public class ItemViewModel : INotifyPropertyChanged
{
    private string _id;
    /// Sample ViewModel property;
    public string ID
    {
        get { return _id; }
        set {
            if (value != _id) {
                _id = value;
                NotifyPropertyChanged("ID"); }
        }     }

    public event PropertyChangedEventHandler PropertyChanged;
    private void NotifyPropertyChanged(String propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (null != handler)
            handler(this, new PropertyChangedEventArgs(propertyName));
    }
}

这种方法还有更好的方法,有兴趣的可以去查阅相关资料。

4、数据绑定到列表Binding to Lists

 <ListView x:Name="IngredientsLIstBox"            ItemTemplate="{StaticResource MyDataTemplate}"            DataContext="{StaticResource RecipeViewModel}"/>            ItemsSource="{Binding Ingredients}"/>

在这个例子中,DataContext是RecipeViewModel对象,而ItemsSource绑定到名为Ingredients的对象,它里面是对象的集合。但是,如果你希望当子项目被添加或删除而你的UI能自动更新时,数据源应该是一个ObservableCollection<T>(实现了INotifyCollectionChanged),而且在集合中的项目需要实现INotifyPropertyChanged。就如同:

public class RecipeDetails : INotifyPropertyChanged
 {
     /// <summary>
     /// A collection for ItemViewModel objects.
     /// </summary>
     public ObservableCollection<ItemViewModel> Items { get; private set; }

     public void LoadData()
     {
       this.Items.Add(new ItemViewModel() { ID = "0", LineOne = "runtime one", LineTwo = ... });
       this.Items.Add(new ItemViewModel() { ID = "1", LineOne = "runtime two", LineTwo = ... });
       this.Items.Add(new ItemViewModel() { ID = "2", LineOne = "runtime three", LineTwo =...});
     }

     ...}

5、数据绑定提高:FallBackValue and TargetNullValue

TargetNullValue允许你当指定数据源的属性返回空时,指定替代属性或值时显示的属性。

<Button Content="{Binding Path=NextItem, Mode=OneWay,
        TargetNullValue={Binding Path=NullValue}}" />

FallbackValue允许当你被绑定到属性不存在指定替代属性或值显示。

<TextBlock Text="{Binding Path=badPath,
           FallbackValue=‘this is a fallback value‘}"
           Grid.Column="1"> </TextBlock>
时间: 2024-10-23 23:36:19

WP8.1 Study5:Data binding数据绑定的相关文章

Spring Framework 官方文档学习(四)之Validation、Data Binding、Type Conversion

前言 在Spring Framework官方文档中,这三者是放到一起讲的,但没有解释为什么放到一起.大概是默认了读者都是有相关经验的人,但事实并非如此,例如我.好在闷着头看了一遍,又查资料又敲代码,总算明白了. 其实说穿了一文不值,我们用一个例子来解释: 假定,现有一个app,功能是接收你输入的生日,然后显示你的年龄.看起来app只要用当前日期减去你输入的日期就是年龄,应该很简单对吧?可惜事实不是这样的. 这里面有三个问题: 问题一:我们输入的永远是字符串,字符串需要转成日期格式才能被我们的ap

Data Binding Library(数据绑定库)

引子 上图中有一些 TextView 和 Button 等,正常情况下,互联网APP都会从服务器抓取数值,然后在 Activity中 findViewById 再进行setText等等.这篇文章就是用来解放你的双手劳动力 的,使用数据绑定库可以不用去findView不用在写繁琐的 setText,只要从服务器获取json 转换成 javaBean格式然后 set,duang,,,,, 所有的值就自己展现在该有的地方了. Demo: https://github.com/Afra55/DataBi

WPF QuickStart系列之数据绑定(Data Binding)

这篇博客将展示WPF DataBinding的内容. 首先看一下WPF Data Binding的概览, Binding Source可以是任意的CLR对象,或者XML文件等,Binding Target需要有依赖属性.这样便可以进行Data Binding.请看下面的示例, C# public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); DataContext = new Pe

数据绑定(Data Binding)

数据绑定是把一个值或一组值映射到用户界面控件的过程,这个数据并不一定是来自关系型数据库,通常是来自于程序之外的系统,访问数据,并把它转换复杂的绑定状态的过程还是相当简单的.这就是为什么我们在这一章,而不是在第八章讨论这个主题的原因.下面的例子演示把数据库中的表绑定到组合框: open System open System.Collections.Generic open System.Configuration open System.Data open System.Data.SqlClien

Data Binding MVVM 数据绑定 总结

示例代码:https://github.com/baiqiantao/DataBindingTest 参考:精通Android Data Binding    Android Data Binding(数据绑定)用户指南 官方教程:Data Binding Guide    API 关于 Data Binding Data Binding 解决了 Android UI 编程的一个痛点,官方原生支持 MVVM 模型可以让我们在不改变既有代码框架的前提下,非常容易地使用这些新特性. Data Bin

WPF中的数据绑定Data Binding使用小结

完整的数据绑定的语法说明可以在这里查看: http://www.nbdtech.com/Free/WpfBinding.pdf MSDN资料: Data Binding: Part 1 http://msdn.microsoft.com/en-us/library/aa480224.aspx Data Binding: Part 2 http://msdn.microsoft.com/en-us/library/aa480226.aspx Data Binding Overview http:/

XAML数据绑定(Data Binding)

Data Binding可以使得XAML标签属性的赋值更为灵活和方便.在绑定过程中,获取数据的标签成为目标标签:提供数据的标签成为源标签.在XAML中,一个标签的定义中只能有一次绑定操作.因此,为了满足多次绑定需求,Data Binding分为正向绑定和反向绑定.在目标标签中定义的绑定称为正向绑定,在源数据标签中定义的绑定称为反向绑定. 当一个标签需要从其他多个标签中获取数据,就可以使用一个正向绑定,然后使用多个反向绑定.当然,也可以直接使用多个反向绑定.

告别findViewById(),ButterKnife,使用Google Data Binding Library(1)

Data Binding Library 用数据绑定编写声名性布局,可以最大限度的减少findViewById(),setOnClickListener()之类的代码.并且比起findViewById(),所有view是一次性初始化完成,性能更快. Data Binding Library具有灵活性和不错的兼容性,支持2.1以后的版本. 需要 Android Plugin for Gradle 1.5.0-alpha1或以上版本. 至于怎么升级? https://developer.androi

Android Data Binding Library 官方文档(译)

地址:https://developer.android.google.cn/topic/libraries/data-binding/index.html 本文地址:http://blog.csdn.net/jjwwmlp456/article/details/54915981 Data Binding Library (数据绑定库),旨在减少绑定应用程序逻辑和布局所需的一些耦合性代码 最低支持Android 2.1 (API Level 7) 构建环境 使用gradle插件1.5-alpha