知识大全 XAML入门之附加属性和绑定属性

Posted 2022-07-18 属性

篇首语：哪有什么四季，遇见你，四季如春。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 XAML入门之附加属性和绑定属性相关的知识，希望对你有一定的参考价值。

XAML入门之附加属性和绑定属性 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

有极少数的XAML元素存在下面所描述的情况就是其自身的属性大多数情况下是在其它的元素中进行声明和使用的该元素本身却很少使用这些属性这些在其它元素中声明和使用的属性我们称为附加属性一般来说附加属性是用于在一个父元素定位其它元素布局的就像Grid和DockPanel元素就包含附加属性 Grid使用附加属性来指定包含子元素的特定行和列而DockPanel使用附加属性是来指定子元素应该停靠在面板中的何处位置 提示我们可以在所有的由DependencyObject派生出的元素中设置附加属性而DependencyObject又是由UIElement派生的所以绝大多数的XAML元素都可以使用附加属性 　　我们说过附加属性是在另外一个元素中进行声明的而其本身是属于所引用的元素为此它在XAML中的声明语法为属性提供元素名属性名例如 Grid有两个附加属性 Row和Column 如果我们要将某个元素包含在Grid的特定区域中你可以在该元素中使用Grid Row和Grid Column两个属性附加属性指定确切的行和列下面的代码描述了上述的实现＜Page xmlns= WindowTitle= GridSample ＞＜Grid VerticalAlignment= Top HorizontalAlignment= Left ShowGridLines= True Width= Height= ＞＜Grid ColumnDefinitions＞＜ColumnDefinition /＞＜ColumnDefinition /＞＜ColumnDefinition /＞＜/Grid ColumnDefinitions＞＜Grid RowDefinitions＞＜RowDefinition /＞＜RowDefinition /＞＜RowDefinition /＞＜RowDefinition /＞＜/Grid RowDefinitions＞＜TextBlock FontSize= FontWeight= Bold Grid ColumnSpan= Grid Row= ＞ Products Shipped ＜/TextBlock＞＜TextBlock FontSize= FontWeight= Bold Grid Row= Grid Column= ＞ Quarter ＜/TextBlock＞＜TextBlock FontSize= FontWeight= Bold Grid Row= Grid Column= ＞ Quarter ＜/TextBlock＞＜TextBlock FontSize= FontWeight= Bold Grid Row= Grid Column= ＞ Quarter ＜/TextBlock＞＜TextBlock Grid Row= Grid Column= ＞＜/TextBlock＞＜TextBlock Grid Row= Grid Column= ＞＜/TextBlock＞＜TextBlock Grid Row= Grid Column= ＞＜/TextBlock＞＜TextBlock FontSize= FontWeight= Bold Grid ColumnSpan= Grid Row= ＞ Total Units: ＜/TextBlock＞＜/Grid＞＜/Page＞　　最终的呈现效果如下

　　绑定属性　　在ASP NET中我们通常使用＜%# 数据表达式%＞这样的语法创建服务器控件属性和数据源之间的绑定那么要在WPF中创建一个XAML元素的属性和数据源之间的绑定应该怎么实现呢？为此我们引入了一种新的概念－绑定属性我们可以在一个元素中使用绑定属性去引用原本属于其它元素的属性值这个包含绑定属性的元素称为目标元素而被引用的那个元素称为源元素注意绑定属性必须和目标元素的从属属性相关联我们在目标元素中使用绑定属性来绑定源元素的相应属性值如果源元素中的相应属性值在程序运行时发生了变化那么目标元素中的从属属性的属性值也将做出同样改变也就说绑定属性会自动解析所绑定的属性值是否发生了变化并将发生的改变马上反馈到从属属性中在学习C#时我们通常会使用如下的代码来说明赋值的意义

int a = ; int b; b = a;　　其中变量a就相当于我们上述的源元素那样其值为而变量b就相当于目标元素那样通过语句 b=a 将值绑定到b 使得变量b的值现在也为但是它和实际的WPF程序中的绑定语法不同的是当a的值发生改变后 b的值是不会发生改变的依然为　　而WPF中的绑定语法会根据源元素的属性值改变做出同样的响应这种关联是一直持续的在XAML中是使用Binding关键字来维续它们的一致性　　Binding元素的语法如下＜Binding ElementName[元素名]= … Path[属性名]= … /＞　　我们用Binding关键字来表明这是一个绑定表达式语法使用这种语法的实现都会在运行阶段进行实时的解析以获得源元素的当前值　　在前面我们曾经创建了一个实例就是你点击了多少次按钮就会在按钮上的文本进行呈现现在我们来使用绑定属性来扩展这个示例我们可以为该页面添加一个TextBox元素使得文本框中文本和一个TextBlock元素上的文本一致也就是说将TextBox元素的Text属性和TextBlock元素的Text属性进行绑定当你点击按钮时就使得上述的两个文本信息同时发生变化并且文本信息会显示改变的次数＜Window xmlns= xmlns:x= x:Class= SDKSample Window Width= Height= Title= BindDPtoDP ＞＜DockPanel Background= White ＞＜Button Click= btnChangeSource Width= Height= DockPanel Dock= Top ＞Change Source Property＜/Button＞＜TextBlock Name= Text DockPanel Dock= Top FontSize= Height= Foreground= Green ＞＜TextBlock Text＞ Click the Button to Change this Initial Text Value in this Source Element ＜/TextBlock Text＞＜/TextBlock＞＜TextBox DockPanel Dock= Top Height= Foreground= Blue ＞＜TextBox Text＞＜Binding ElementName= Text Path= Text /＞＜/TextBox Text＞＜/TextBox＞＜/DockPanel＞＜/Window＞　　在第行代码处可以看到我们在＜TextBox Text＞从属属性中使用了绑定表达式语法来绑定TextBlock元素的Text属性　　对应的代码后置文件 using System; using System ComponentModel; using System Windows; using System Windows Controls; using System Windows Documents; using System Windows Data; using System Windows Media; namespace SDKSample /// ＜summary＞ /// Window : This is the class that encapsulates the code /// behind the Window Xaml page /// ＜/summary＞ public partial class Window : Window static int iCount = ; void btnChangeSource(object sender RoutedEventArgs e) iCount++; Text Text = string Format( New Text Count= iCount); 　　效果下图所示只要你点击按纽 TextBox元素的Text属性值和TextBlock元素的Text属性值都将发生变化 cha138/Article/program/net/201311/11493