c#中的data binding

最新推荐文章于 2024-09-25 20:50:57 发布

littleorange6

最新推荐文章于 2024-09-25 20:50:57 发布

阅读量2.4k

点赞数

分类专栏： C# 文章标签： WPF Data binding

C# 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了WPF中的数据绑定，包括数据绑定的概念、数据流向、源属性更新以及数据源设定。数据绑定使得UI与数据模型之间可以自动同步，提供了更灵活的界面设计。文中还通过一个拍卖商品列表的示例演示了数据绑定的应用，涉及ListBox、DataTemplate、模板条件显示、集合视图和Master-Detail场景。同时，文章讲解了如何设置数据源，以及不同UpdateSourceTrigger属性对数据更新的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Data Binding Overview

WPF用data binding来创建UI和数据的关联。其中数据的来源可以是common language runtime objects或者是XML.

wpf中的data binding相对于传统的模型有很多优势：
1. UI的大多数属性(properties)都是支持data binding的
2. binding可以让UI变得更加灵活
3. UI和内部逻辑的清晰分离

以下，我们先讨论data binding的基础概念，然后再看Binding这个类是怎么用的。

什么是data binding?

data binding是建立应用的UI和内部逻辑的关联的过程。也就是一个UI构件会随着跟他绑定的数据的改变而改变。反过来，如果你改变了UI（比如checkbox上打了一个勾，在Textbox输入了一些字符）那么和这个UI绑定的数据也会自动变化。
以下是官方文档里对data binding写的demo，项目的地址在https://code.msdn.microsoft.com/windowsapps/Data-Binding-Demo-82a17c83

这里写图片描述

这个demo用来显示拍卖商品的列表。他用到data binding实现了以下特性：
1. ListBox的内容与一系列的AuctionItem的对象绑定。AuctionItem类有以下Properties: Description, StartPrice, StartDate, Category, SpecialFeatures等等
2. 这些AuctionItem对象在ListBox中的展示是被写成了模板，因此只显示了description和current price属性。模板的实现是通过DataTemplate。每个对象显示出来的样子也和这个对象的SpecialFeature(一个property)有关，当SpecialFeature取值为Color，则是蓝色边框；取值为Highlight，则是橙色边框，且有一个星星。C#的文档中有详细介绍template的教程。
3. 用户可以通过勾选checkbox来控制这些拍卖商品的显示顺序，显示其中一部分等。如果你仔细看可以发现，在每个分类下（书籍类，计算机类，DVD类），拍卖商品是按照开始时间排好序的，这个实现的方法是运用collection view技术。C#的文档中也有详细介绍binding to colletions的教程。
4. 当你点击一个拍卖商品时，ContentControl会显示出你选择商品的详细信息。这叫做Master-Detail scenario，者在下面会详细介绍到。
5. 点击Add Product按钮，会出现添加自己的拍卖品的界面，当你添加了之后，拍卖品列表就会增加一个对象。

data binding中的基本概念

一个data binding模型如下图所示：
这里写图片描述

Bingding Target一般是某个UI构件的属性，Source一般是一个对象的属性。

这个图片说明了关于data binding的一些基本概念：

一般所有的binding有四部分：目标对象（a binding target object），目标属性（a target property），绑定源（a binding source），使用绑定源的哪个值（a path to the value in the binding source to use）。比如说你想让一个Textbox显示employee对象的名字。则，目标对象是Textbox，目标属性是Text，绑定源是Employee对象，绑定源的值是Employee对象的Name。
目标属性必须是dependecy property. 大多数UIElement的属性都符合要求，支持被绑定。
虽然图里没说，其实UI构件还可以绑定XML，不只是对象。

data binding中数据的流向

这里写图片描述

通过改变Binding Object的Mode属性，就可以设定数据的流向。Mode属性的取值有可能是OneWay, TwoWay, OneWayToSource。

OneWay: 被绑定的源的改变会影响UI的属性，但是UI的改变不会影响数据源的属性。比如，把employee对象的性别和ListBox的边框颜色绑定，边框颜色在UI上是只读的，并不能手工修改。所以用OneWay就可以了。由此可见，OneWay一般用到的情况是绑定的UI的属性是不可在界面上修改的。
TwoWay: 源属性的改变UI上会展示，UI上属性的改变也会造成源对象属性的改变。一般用在一些用户可以编辑的UI构件对象上，比如输入框，复选框之类的。大多数不带交互的UI属性默认是OneWay的，带交互的UI属性默认是TwoWay的。
OneWayToSource: OneWay的反向。
OneTime: OneWay的一次性情况，如果被绑定的对象属性之后发生变化，将不会在UI上显示；比较适合被绑定的对象属性不在变化的情况，比较节省资源。

需要注意的是：如果要让对象属性的改变实时让前端知道，这个对象需要implement INotifyPropertyChanged

data binding的源属性更新

通过改变Binding Object的UpdateSourceTrigger属性，就可以当UI的属性改变时，所绑定的源的属性是立即发生改变呢，还是当这个UI属性不再被用户focus之后才发生改变，还是别的什么。这个属性的取值有PropertyChanged，代表前一种情况，还有LostFocus代表后一种情况。Explicit是当你显式调用UpdateSourceTrigger函数属性才会发生更新。

这个属性和Mode属性类似，不同的UI空间的属性有不同的默认UpdateSourceTrigger

如何设定data source

给UI的父类设定DataContext
- 用Resource来指明要绑定的对象的类明，并且取个名字给这个资源。
- 给UI父类的DataContext属性把刚才声明的资源绑定给这个UI父类（例如下面的DockPanel）
- Button如果绑定的话，会默认源是给父类的DataContext绑定的源

PS 这种方法的好处是，下面很多UI控件如果都绑定一个源的不同属性写起来比较方便。

<DockPanel
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:c="clr-namespace:SDKSample">
  <DockPanel.Resources>
    <c:MyData x:Key="myDataSource"/>
  </DockPanel.Resources>
  <DockPanel.DataContext>
    <Binding Source="{StaticResource myDataSource}"/>
  </DockPanel.DataContext>
  <Button Background="{Binding Path=ColorName}"
          Width="150" Height="30">I am bound to be RED!</Button>
</DockPanel>

2.直接使用控件的Source属性来声明

声明Resource
在对应控件声明Source属性

<DockPanel.Resources>
  <c:MyData x:Key="myDataSource"/>
</DockPanel.Resources>
<Button Width="150" Height="30"
        Background="{Binding Source={StaticResource myDataSource},
                             Path=ColorName}">I am bound to be RED!</Button>

使用ElementName来绑定其他的控件