【WPF】中Binding的应用

在 WPF (Windows Presentation Foundation) 中,数据绑定是一种强大的机制,它允许你将用户界面(UI)元素的属性与各种数据源关联起来。这种关联可以是单向的、双向的或一次性的。WPF 的数据绑定支持多种数据源,包括普通对象、集合、ADO.NET 数据集、XML 数据等。

常见的 Binding 属性及其含义

在 WPF 中,Binding 标记扩展用于创建数据绑定。一个完整的 Binding 可以包含多个属性,每个属性都有其特定的用途。下面是一些常见的 Binding 属性及其含义:

  1. Path:

    • 说明:指定要绑定到的数据源中的属性路径。
    • 例子:{Binding Path=UserName} 绑定到名为 UserName 的属性。
  2. Source:

    • 说明:指定数据绑定的源对象。如果未设置,则默认使用 DataContext
    • 例子:{Binding Source={StaticResource myDataSource}, Path=Title} 使用资源字典中的 myDataSource 作为源。
  3. ElementName:

    • 说明:通过元素名称来指定数据源。通常用于同一 XAML 文件内的控件之间的绑定。
    • 例子:{Binding ElementName=myTextBox, Path=Text} 绑定到名为 myTextBox 的 TextBox 的 Text 属性。
  4. RelativeSource:

    • 说明:允许你基于当前元素的位置来查找数据源。常用于父子关系或祖先-后代关系。这里绑定了到当前元素最近的一个 Window 祖先的 DataContext 中的 UserName 属性。
    • <TextBox Text="{Binding Path=Email, NotifyOnValidationError=True, ValidatesOnDataErrors=True}"/>
  5. Mode:

    • 说明:定义了数据流的方向。可以是 OneWayTwoWayOneTime 或 OneWayToSource
    • 例子:{Binding Path=Age, Mode=TwoWay} 表示双向绑定,即 UI 和数据源之间都可以更新值。
  6. UpdateSourceTrigger:

    • 说明:控制何时将更改从目标属性(通常是 UI 元素)更新回源属性(数据源)。对于 TextBox.Text 等属性,默认是 LostFocus,但可以通过设置为 PropertyChanged 来实现即时更新。
    • 例子:{Binding Path=Description, UpdateSourceTrigger=PropertyChanged}
  7. Converter:

    • 说明:允许你在绑定过程中转换数据。需要实现 IValueConverter 接口。
    • 例子:{Binding Path=Temperature, Converter={StaticResource celsiusToFahrenheitConverter}}
  8. FallbackValue:

    • 说明:当绑定失败时使用的备用值。
    • 例子:{Binding Path=SomeProperty, FallbackValue=Default} 如果 SomeProperty 不存在,则使用 "Default" 作为值。
  9. TargetNullValue:

    • 说明:当源属性为 null 时,使用该值替换。
    • 例子:{Binding Path=OptionalValue, TargetNullValue=0} 如果 OptionalValue 为 null,则显示 0。
  10. StringFormat:

    • 说明:用于格式化字符串输出。
    • 例子:{Binding Path=Price, StringFormat=C} 将价格格式化为货币形式。
  11. NotifyOnValidationErrorValidatesOnDataErrors:

    • 说明:这些属性用于验证和错误处理。NotifyOnValidationError 控制是否通知验证错误,而 ValidatesOnDataErrors 则控制是否启用基于数据错误的通知。
    • <TextBox Text="{Binding Path=Email, NotifyOnValidationError=True, ValidatesOnDataErrors=True}"/>

    • 说明:仅对 UpdateSourceTrigger=PropertyChanged 有效,指定了延迟时间,以便在最终更新源之前等待一段时间,防止频繁更新。
    • 例子:{Binding Path=SearchTerm, UpdateSourceTrigger=PropertyChanged, Delay=500}

这些参数可以根据你的具体需求进行组合使用,以实现复杂的数据绑定逻辑。WPF 的数据绑定机制非常灵活,能够满足大多数应用场景下的需求。

 

常见的Binding 数据绑定应用场景

1. 简单属性绑定

这是最常见的数据绑定形式,其中 UI 元素的一个属性被绑定到数据源的一个属性上。例如,将一个 TextBoxText 属性绑定到视图模型中的一个属性。

<TextBox Text="{Binding Path=UserName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>

2. 集合绑定

当需要显示一系列数据时,通常会使用集合绑定。这可以通过 ItemsControl 或其派生类(如 ListBox, ComboBox, ListView 等)来实现。通常,这些控件的数据源会被设置为一个实现了 IEnumerable 的集合。

<ListBox ItemsSource="{Binding Users}"><ListBox.ItemTemplate><DataTemplate><TextBlock Text="{Binding Name}"/></DataTemplate></ListBox.ItemTemplate>
</ListBox>

3. 样式和触发器

你可以根据数据值的变化来动态地改变 UI 的样式。通过使用 DataTriggerStyle,你可以定义当某个数据属性满足特定条件时应用的样式。

<Style TargetType="Button"><Setter Property="Background" Value="LightGray"/><Style.Triggers><DataTrigger Binding="{Binding IsEnabled}" Value="False"><Setter Property="Background" Value="Gray"/></DataTrigger></Style.Triggers>
</Style>

4. 转换器

有时你需要对绑定的数据进行转换,这时可以使用 IValueConverter 接口实现自定义转换器。

<TextBox Text="{Binding Path=DateOfBirth, Converter={StaticResource dateToStringConverter}}"/>

5. 相对源绑定

当你想基于当前元素相对于其他元素的位置来进行绑定时,可以使用 RelativeSource。 

<Border BorderBrush="Black" BorderThickness="1"><TextBlock Text="{Binding RelativeSource={RelativeSource AncestorType=Window}, Path=Title}"/>
</Border>

6. 多重绑定

如果你需要从多个数据源获取信息并将其组合成单一输出,可以使用 MultiBindingIMultiValueConverter。 

<TextBlock><TextBlock.Text><MultiBinding Converter="{StaticResource fullNameConverter}"><Binding Path="FirstName"/><Binding Path="LastName"/></MultiBinding></TextBlock.Text>
</TextBlock>

7. 命令绑定

WPF 提供了命令绑定,允许你将 UI 动作(如按钮点击)绑定到逻辑代码中执行的方法。这通常是通过 ICommand 接口和相应的命令实现来完成的。

<Button Command="{Binding SaveCommand}" Content="Save"/>

以上就是一些 WPF 中数据绑定的应用示例。通过这些技术,你可以创建出更加灵活、可维护且响应式的用户界面。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/454691.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

软件设计模式------抽象工厂模式

抽象工厂模式&#xff08;Abstract Factory Pattern&#xff09;&#xff0c;又称Kit模式&#xff0c;属于对象创建型模式。 一&#xff1a;先理解两个概念&#xff1a; &#xff08;1&#xff09;产品等级结构&#xff1a; 即产品的继承结构。 通俗来讲&#xff0c;就是不同品…

php中的错误和异常捕获

目录 一&#xff1a; 异常&#xff08;Exceptions&#xff09; 二&#xff1a; 错误&#xff08;Errors&#xff09; 三&#xff1a;实际项目的异常和错误处理 在PHP中&#xff0c;异常&#xff08;Exceptions&#xff09;和错误&#xff08;Errors&#xff09;是两个不同的…

vuex的store应用

1.在pakage.json加一行 2.和main同级别加一个js文件 import Vue from vue import Vuex from vuexVue.use(Vuex)export default new Vuex.Store({state: {langFlag: new Date().getTime()},mutations: {setLangFlag(state) {state.langFlag new Date().getTime()}} })3.在mai…

NewStarCTF2024-Week2-Misc-WP

目录 1、wireshark_checkin 2、wireshark_secret 3、字里行间的秘密 4、你也玩原神吗 5、Hertas Study 6、用溯流仪见证伏特台风 7、热心助人的小明 1、wireshark_checkin 直接字符串搜 flag flag{ez_traffic_analyze_isnt_it} 2、wireshark_secret 查看原始数据 导出十…

「C/C++」C++ STL容器库 之 std::map 键值对的集合容器

✨博客主页何曾参静谧的博客&#x1f4cc;文章专栏「C/C」C/C程序设计&#x1f4da;全部专栏「VS」Visual Studio「C/C」C/C程序设计「UG/NX」BlockUI集合「Win」Windows程序设计「DSA」数据结构与算法「UG/NX」NX二次开发「QT」QT5程序设计「File」数据文件格式「PK」Parasoli…

鸿蒙网络编程系列25-TCP回声服务器的实现

1. TCP回声服务器实现可行性 在前文鸿蒙网络编程系列2-UDP回声服务器的实现中&#xff0c;介绍了什么是回声服务器&#xff0c;并且基于UDP协议实现了一个简单的回声服务器&#xff0c;本节将基于TCP协议实现一个类似的回声服务器。在鸿蒙API10以后&#xff0c;提供了TCPSocke…

【C++】使用vscode进行 C/C++ 开发,内含c_cpp_properties.json、launch.json 和 tasks.json解释

在 Visual Studio Code (VSCode) 中进行 C/C 开发时&#xff0c;这三个 .json 文件&#xff08;c_cpp_properties.json、launch.json 和 tasks.json&#xff09;分别用于配置编译、调试和代码提示等功能。它们是 VSCode 配置环境的一部分&#xff0c;由 C/C 扩展生成&#xff0…

将java项目jar包打包成exe服务

1.结构展示 2.注意事项 前提: 环境准备:jdk8 和 .net支持 { 1.控制面板》程序和功能》启用和关闭windows功能》.net的勾选》2.jdk8自行百度安装环境3.其他项目必须的软件环境安装等&#xff08;数据库...&#xff09; }第一次准备: 1.将打包好的jar包放到premiumServices.exe…

智和信通助力某大型服饰集团建设综合监控运维

某大型服饰集团成立于90年代&#xff0c;是广受认可的国民生活时尚品牌&#xff0c;近年来随着集团公司业务规模的不断扩大&#xff0c;信息化作为支撑集团公司业务发展的重要技术手段&#xff0c;信息系统无论在规模上还是在复杂程度上均有了很大程度的增加。 项目现状 当前信…

计算机网络—vlan(虚拟局域网)

内容补充 冲突域 如果两台设备同时发送数据&#xff0c;他们的数据会互相干扰&#xff0c;那么他们就处于同一冲突域&#xff0c;例如集线器&#xff08;总线型&#xff0c;所有设备共享带宽&#xff09;的所有端口都处于冲突域。 广播域 如果一台设备发送数据&#xff0c;…

babylonjs shader学习之copy shadertoy案例

shadertoy案例&#xff1a; 准备 const onSceneReady (scene: Scene) > {const light new HemisphericLight(light, new Vector3(0, 1, 0), scene);light.intensity 0.7;Effect.ShadersStore[planeMatVertexShader] precision highp float;attribute vec3 position;attr…

单片机输出方波

从P1.0上输出一个方波,高电平5ms&#xff0c;低电平10ms. &#xff03;include〈reg51。h〉 unsigned char flag; sbit outP1^0&#xff1b; void main() &#xff5b; flag0&#xff1b; TMOD0X02; TH06&#xff1b; TL06; TR01&#xff1b; EA1&#xff1b; ET0…

Redis JSON介绍和命令大全

Redis JSON介绍和命令大全 Redis JSON先说说JSON是什么再说说JSON Path先推荐两个网站JSONPath JAVA clents Redis JSON 安装内存json命令语法命令url命令解释JSON.ARRAPPENDJSON.ARRINDEXJSON.ARRINSERTJSON.ARRLENJSON.ARRPOPJSON.ARRTRIMJSON.CLEARJSON.DEBUG MEMORYJSON.DE…

centOS部署Jenkins实现项目可持续自动化部署

个人看的是尚硅谷的视频&#xff0c;跟着实战&#xff0c;但因为视频是21年的&#xff0c;所以很容易出现jenkins插件不适配问题。 因而个人直接用较新版的jdk和jenkins. 先切换到root用户 sudo su一、安装jdk 先查询可安装版本 yum list java*安装jdk&#xff08;只复制圈…

【算法】归并排序概念及例题运用

&#x1f4e2;博客主页&#xff1a;https://blog.csdn.net/2301_779549673 &#x1f4e2;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; 如有错误敬请指正&#xff01; &#x1f4e2;本文由 JohnKi 原创&#xff0c;首发于 CSDN&#x1f649; &#x1f4e2;未来很长&#…

爬虫日常实战

爬取美团新闻信息&#xff0c;此处采用两种方法实现&#xff1a; 注意点&#xff1a;因为此处的数据都是动态数据&#xff0c;所以一定要考虑好向下滑动数据包会更新的情况&#xff0c;不然就只能读取当前页即第一页数据&#xff0c;方法一通过更新ajax数据包网址页数&#xf…

vscode 预览markdown 文件

1. 点击左边扩展 2. 搜索“Markdown Preview Enhanced” 3. 选第一个安装即可 4. 重启vscode 5. 打开一个markdown 文件 6. 点击右上角的预览按钮

[mysql]mysql的全部单行函数

单行函数 几乎我们认识的语言都会对一些常用的功能进行,封装,有些叫函数,有些叫方法(Java),后期我们还可以自定义函数. 现在我们就当大家是没有语言基础,我们来从头开始讲.不过大家肯定接触过,中学说的函数,yf(x)f代表的就是function的缩写,这里其y2x1fx代表的就是封装的内容…

FileLink内外网文件交换——致力企业高效安全文件共享

随着数字化转型的推进&#xff0c;企业之间的文件交流需求日益增加。然而&#xff0c;传统的文件传输方式往往无法满足速度和安全性的双重要求。FileLink作为一款专注于跨网文件交换的工具&#xff0c;致力于为企业提供高效、安全的文件共享解决方案。 应用场景一&#xff1a;项…

C++大沥2019年真题——数字圈

Hi&#xff01;大家好&#xff01;Im#张亿&#xff0c;今天来讲C大沥2019年真题——数字圈 题目描述 当我们写数字时会发现有些数字有封闭区域&#xff0c;有的数字没有封闭区域。 数字 0 有一个封闭区域&#xff0c;数字 1、2、 3 都没有封闭区域&#xff0c;数字 4 有一个封…