-
深入浅出 WPF教程之WPF中控件与控件值的绑定
WPF支持以下几种绑定:
(1)控件到控件的绑定
(2)XML数据的绑定(含内联XML数据和外部XML文件数据)
(3).Net对象的数据绑定
(4)DataSet,DataTable等数据绑定
下面几篇中陆续说明这几种数据绑定的情况,希望对学习WPF的你有所裨益。
1. 控件到控件的绑定
(1)上面将txtBoxInput输入的文字(Text属性)绑定到了下面的txtBlockOutput的Text属性上。当TextBox中的文字改变时,下面TextBlock显示的文字也跟着改变,实现了数据绑定。
(2)绑定的方法是在TextBlock的Text属性中,使用
比如:
看一下最后的效果图片:
(1)控件到控件的绑定
(2)XML数据的绑定(含内联XML数据和外部XML文件数据)
(3).Net对象的数据绑定
(4)DataSet,DataTable等数据绑定
下面几篇中陆续说明这几种数据绑定的情况,希望对学习WPF的你有所裨益。
1. 控件到控件的绑定
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" >
<Canvas x:Name="LayoutRoot">
<TextBox x:Name="txtBoxInput" Text="这里输入文字,下面的文字会跟着变!" Width="404"/>
<TextBlock x:Name="txtBlockOutput" Width="404" Canvas.Top="23.687">
<TextBlock.Text>
<Binding ElementName="txtBoxInput" Path="Text" />
</TextBlock.Text>
</TextBlock>
</Canvas>
</Window>
说明:<Canvas x:Name="LayoutRoot">
<TextBox x:Name="txtBoxInput" Text="这里输入文字,下面的文字会跟着变!" Width="404"/>
<TextBlock x:Name="txtBlockOutput" Width="404" Canvas.Top="23.687">
<TextBlock.Text>
<Binding ElementName="txtBoxInput" Path="Text" />
</TextBlock.Text>
</TextBlock>
</Canvas>
</Window>
(1)上面将txtBoxInput输入的文字(Text属性)绑定到了下面的txtBlockOutput的Text属性上。当TextBox中的文字改变时,下面TextBlock显示的文字也跟着改变,实现了数据绑定。
(2)绑定的方法是在TextBlock的Text属性中,使用
<Binding ElementName="txtBoxInput" Path="Text" />
为了使XAML的语法更为简洁明了,可以使用“{Binding ElementName=源对象名称, Path=源对象属性值名称}”的方式:比如:
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>
<Canvas x:Name="LayoutRoot">
<TextBox x:Name="txtBoxInput" Text="这里输入文字,下面的文字会跟着变!" Width="404"/>
<TextBlock x:Name="txtBlockOutput" Text="{Binding ElementName=txtBoxInput,Path=Text}" Width="404" Canvas.Top="23.687"/>
</Canvas>
</Window>
我们发现,txtBlockOutput的Text属性用“{}”括了起来,里面有Binding ElementName=xxx,Path=xxx之类的语句。注意属性值与属性值之间使用逗号(,)隔开了。这是XAML的语法。xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>
<Canvas x:Name="LayoutRoot">
<TextBox x:Name="txtBoxInput" Text="这里输入文字,下面的文字会跟着变!" Width="404"/>
<TextBlock x:Name="txtBlockOutput" Text="{Binding ElementName=txtBoxInput,Path=Text}" Width="404" Canvas.Top="23.687"/>
</Canvas>
</Window>
看一下最后的效果图片:
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
SQL Server -- 解决存储过程传入参数作为s
JavaScript判断两个数组相等的四类方法
js如何操作video标签
React实战--利用甘特图和看板,强化Paas平
【记录】正则替换的偏方
前端下载 Blob 类型整理
抽象语法树AST必知必会
关于JS定时器的整理
JS中使用Promise.all控制所有的异步请求都完
js中字符串的方法
import-local执行流程与node模块路径解析流程