WPF 深入理解八、Binding 绑定

于 2024-06-24 14:25:11 发布
阅读量452 收藏 1
点赞数 6
分类专栏： WPF 文章标签： wpf c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43847546/article/details/139919316
版权

Binding

创建一个Demo 1

1.创建三个输入框，按钮

在这里插入图片描述

2.为按钮创建点击方法

在这里插入图片描述

3.点击按钮

在这里插入图片描述
三个输入框，分别更新了自己的内容。

上面的展示，是一个传统的模式，事件驱动程序，通过事件来变更UI控件元素的内容。

示例二

创建一个texlblock

在这里插入图片描述

取值赋给textbox

在这里插入图片描述

点击按钮

在这里插入图片描述

元素与元素之间的绑定

元素绑定

ElementName（元素名称） ：绑定具体哪个元素的名字
Path： 根据ElementName 找到相应的元素后，元素中有很多种对象，Path 指定具体绑定哪一个对象。
在这里插入图片描述
此时就已经不需要后台的事件代码了。
事件驱动UI 会提高代码与UI之间的耦合性，大大降低了程序的可维护性。

UI与业务之间的绑定

新建业务类

在这里插入图片描述

在这里插入图片描述

UI跟业务类 建立关系

window.datacontent: 设置数据的上下文，代表这个窗口可以去访问对象中公开的一些属性、命令等。
在这里插入图片描述

运行程序

此时已经读取到后台公开的Message值
在这里插入图片描述
第二种方式

在这里插入图片描述
运行后 相同的效果

在这里插入图片描述
此时的概念 变为了 数据驱动UI 数据是什么样子，到UI 就是什么样子
更好适用于前后端业务分离

Pual singer
关注
  • 6
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF数据绑定详解（Binding基础）（一）
qq_30725967的博客
09-09 2229
程序的本质是数据加算法，用户给进一个输入，经过算法的处理程序会反馈一个输出-这里，数据处于程序的核心地位。反过来再看“UI驱动程序”，数据处于被动地位，总是在等待程序接收来自UI的消息/事件后被处理或者算法完成后处理后被显示。如何在GUI编程时把数据的地位由被动变主动、让数据回归程序的核心呢？这就是本文详解的内容。
WPF Binding(绑定)详解
热门推荐
lvxingzhe3的博客
12-28 1万+
WPF Binding(绑定)详解
[WPF] ToolTip用ElementName绑定无效 & x:Reference循环引用报错
普冷姆plum的博客
10-09 662
ToolTip用ElementName绑定无效 问题详情：给控件元素的ToolTip属性使用ElementName进行绑定，源是一个INotifyPropertyChanged的属性Info，用来显示内容时，运行时不起效果（指没有改变内容，或者内容为空）。代码如下： 原因：Window是一棵逻辑树，ToolTip是另一棵逻辑树。Label控件Content属性的ElementName绑定所引用的"MainWindow"，它只会在ToolTip的逻辑树中搜索，但是无法访问到Window逻辑树。因此，在运行时
WPF 绑定(Binding)
韬光养晦
03-04 1181
WPF 绑定(Binding) 当向tb_value1中输入内容时，tb_value2中的内容也会跟着变化； demo： <Grid> <StackPanel> <TextBox Name="tb_value1" ></TextBox> <TextBox Name="tb_valu...
wpf binding
zhizhixiangxue的专栏
06-05 378
1.依赖属性 <controls:ControlWindow x:Class="DF.Client.Layout.UserView.UserManage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.mi...
WPF学习03：Element Binding
weixin_33923148的博客
03-28 71
　　元素绑定是数据绑定的一个子集，关于数据绑定是什么，园子里有很多文章都说得非常好，在此不予详细说明。 　　WPF实现了完善的数据绑定机制，使得元素绑定有简易的实现步骤。 　　本文的元素指的是WPF中的可视控件。 例子 　　XAML代码： <Window x:Class="ElementBinding.MainWindow" xmlns="http://sch...
关于wpf的命令绑定command的指向控件绑定问题,Path=和ElementName=设定
FireGhost57的专栏
10-09 3342
正常我们在page中指定的是viewmodel的上下文,而具体的变量则需要告诉编译器在datacontent的哪个变量 最后就是这种指定要绑定到控件的情况 <Button Grid.Column="8" HorizontalAlignment="Left" Width="60" Height="30" Content="查询" Command="{Binding
WPF 数据绑定
66
08-24 4100
绑定对象： 数据绑定关键是System.Windows.Data.Binding对象，会将2个属性粘在一起，并在它们间建立通信信道。 1.代码实现绑定 //创建一绑定对象 Binding binding = new Binding(); //设置数据源对象(此处数据源来
WPF常用的五种绑定方式
helldoger的博客
05-21 1万+
1， ElementName 根据控件的x: Name 绑定 2, RelativeSource 相对于本身或者父元素 3，StaticResource 绑定静态资源 4，ItemSource，绑定到集合元素 5，DataContent，数据源绑定 主要说明1，2，4 举例说明： 前端代码： DataContext="{Binding Source={StaticResource Locator}, Path=ReportData}" <Grid Grid.Row="1" Gri
WPF中ElementName与RelativeSource绑定的局限性以及对策
最新发布
zzyzxb的博客
11-09 781
WPF中ElementName与RelativeSource绑定的局限性以及对策
WPF 基础（五）WPF 双向绑定Path/ElementName/Mode: 接口INotifyPropertyChanged、SetProperty
xpj8888的博客
02-19 2858
注意：文本等一般采用双向数据绑定，其他的一般采用单向数据绑定 一、RaisePropertyChanged 1.1、WPF中INotifyPropertyChanged用法与数据绑定 https://blog.csdn.net/cselmu9/article/details/8275255（参考博客1） 这篇博客，已经非常详细地介绍INotifyPropertyCha...
WPF数据绑定的几种方式
lw8014的博客
11-02 1928
绑定的几种方式。
WPF基础之数据绑定
yigu4011的博客
06-26 3638
在WPF中，Binding是可以实现数据关联在一起的桥梁，有了Binding，后台可以专心处理程序与算法，前台可以专注于UI设计。控件之间的绑定：通过绑定两个控件，可以实现数据的实时同步，且不需要写后台代码。本例Slider源控件，TextBox为目标控件，通过Text="{Binding ElementName=one, Path=Value,Mode=TwoWay,FallbackValue=0,UpdateSourceTrigger=PropertyChanged}" 实现数据的双向绑定。
[四] WPF灵魂-Binding
qq_42733641的博客
04-05 1237
[四] Binding 所有内容均出自于《深入浅出WPF》一书，其作者在b站也有相关视频，本文为个人读后总结，仅供参考 WPF 最重要的部分，灵魂所在，当连接一端的数据发生变化时，他会自动的在另一端刷新数据，它的存在相当于 web 中的前后端分离，至此，设计师只管UI，开发者只管业务逻辑，binding 成为它们中的桥梁，一端连接 UI，一端连接业务，重要的是，这都是自动的，这个桥梁不需要工程师去维护和设计，由此开始数据驱动UI Bing的基础使用 binding: 翻译为 绑定，关键为 绑 ，原意中还
WPF 的 ElementName 在 ContextMenu 中无法绑定成功？试试使用 x:Reference！
weixin_30888413的博客
10-28 338
在 Binding 中使用 ElementName 司空见惯，没见它出过什么事儿。不过当你预见 ContextMenu，或者类似 Grid.Row / Grid.Column 这样的属性中设置的时候，ElementName 就不那么管用了。 本文将解决这个问题。 本文内容 以下代码是可以正常工作的 以下代码就无法正常工作了 使用 x:Refe...
WPF Binding ElementName方式无效的解决方法--x:Reference绑定
weixin_30357231的博客
03-08 972
需求： 背景：Grid的有一个TextBlock name：T1和一个ListBox，ListBox中有两个TextBlock name：T2，T3 要求：T2的前景色绑定到T1的前景色上（其他属性同理）T3的前景色绑定到T2上 下面的代码去掉了所有不必要的内容，仅保留了两种绑定方式 <Path> <Path.ToolTip> &lt...
WPF 中Binding的2个属性Source与ElementName的区别
金石软件
12-15 4127
原文出处：http://www.im47.cn/?p=482 ElementName The ElementName property is used to reference an object by the name of the object. This is particularly useful in XAML, where you can directly reference
深入理解WPF数据绑定技术
"WPF数据绑定技术大全涵盖了WPF中数据绑定的基础知识，旨在帮助WPF初学者理解并掌握这一核心概念。通过学习，开发者能够有效地将UI元素与后台数据模型进行连接，实现数据驱动的用户界面。" 在WPF（Windows ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值