x:Name标记特性与Name属性
本文转载自silvergingko的专栏
在Xaml中定义了一个元素后,如果后面要使用该元素,则必须为该元素定义一个元素名称,在随后的Xaml中,通过元素名称来使用该元素。
在Xaml中,元素的名称定义有两种方式:
1、通过Xaml的标记特性x:Name指定;
2、通过WPF的依赖项属性Name指定。
- <!--Xaml code-->
- <StackPanel Name="stackPanel">
- <!--在StackPanel中定义两个椭圆,并为它们指定名称为ellipseOne和ellipseTwo,
- 使用不同的填充色来区别这两个椭圆。随后的两个椭圆ellipseThree和ellipseFour,
- 它们的填充色分别与ellipseOne和ellipseTwo对应,通过WPF绑定机制实现-->
- <Ellipse x:Name="ellipseOne" Fill="AliceBlue" Width="50" Height="50"/>
- <Ellipse Name="ellipseTwo" Fill="AntiqueWhite" Width="50" Height="50"/>
- <Ellipse Name="ellipseThree" Width="50" Height="50"
- Fill="{Binding ElementName=ellipseOne, Path=Fill}"/>
- <Ellipse Name="ellipseFour" Width="50" Height="50"
- Fill="{Binding ElementName=ellipseTwo, Path=Fill}"/>
- </StackPanel>
当加载窗口时,响应窗口加载的Loaded事件,添加处理过程 Window_Loaded,在处理过程中通过代码,创建另外两个椭圆,
这两个椭圆ellipseFive和ellipseSix的填充色,也分别使用的是ellipseOne和ellipseTwo的填充色:
- //C# code
- private void Window_Loaded(object sender, RoutedEventArgs e)
- {
- //定义两个椭圆,并使用ellipseOne和ellipseTwo的填充色来分别填充这两个椭圆
- Ellipse ellipseFive = new Ellipse();
- Ellipse ellipseSix = new Ellipse();
- ellipseFive.Fill = ellipseOne.Fill;
- ellipseFive.Width = 50;
- ellipseFive.Height = 50;
- ellipseSix.Fill = ellipseTwo.Fill;
- ellipseSix.Width = 50;
- ellipseSix.Height = 50;
- stackPanel.Children.Add(ellipseFive);
- stackPanel.Children.Add(ellipseSix);
- }
运行时截图:

在以上的例子中,可以发现无论是通过x:Name还是Name来定义椭圆的名称,代码都能正常工作。因此,一般情况下,使用x:Name,还是Name,并无讲究。
x:Name与Name有两个不同点:
1、x:Name是Xaml的标记特性,任何在Xaml中定义的元素,都可以使用x:Name来为元素指定名称。
Name是FrameworkElement定义的依赖项属性(String类型),只有FrameworkElement的派生类才可以使用Name。
例如,Ellipse的Fill属性的类型是Brush,Brush不是FrameworkElement的子类,它没有Name属性。
因此,在Xaml中,为Brush指定名称时,只能使用x:Name标记特性:
- <!--Xaml code-->
- <Ellipse>
- <Ellipse.Fill>
- <SolidColorBrush x:Name="aliceBlue" Color="AliceBlue"/>
- <!--注销上面一行的代码,使用下面一行的代码无法通过编译-->
- <!--<SolidColorBrush Name="aliceBlue" Color="AliceBlue"/>-->
- </Ellipse.Fill>
- </Ellipse>
2、在FrameworkElement的定义中,添加了System.Windows.Markup.RuntimeNamePropertyAttribute特性:
- //C# code
- [RuntimeNamePropertyAttribute("Name")]
该特性的作用是,当在Xaml中,使用x:Name后,该值将被自动赋给FrameworkElement的Name属性。
可以使用RuntimeNamePropertyAttribut,为自己定义的类添加名称特性:
- //C# code
- [RuntimeNamePropertyAttribute("Nickname")]
- public class Person : UIElement
- {
- public String Nickname { get; set; }
- public String Name { get; set; }
- }
- <!--Xaml code-->
- <StackPanel>
- <Zyj:Person x:Name="小李探花"/>
- <TextBlock>Name:</TextBlock>
- <TextBlock Text="{Binding ElementName=小李探花, Path=Name}"/>
- <TextBlock>Nickname:</TextBlock>
- <TextBlock Text="{Binding ElementName=小李探花, Path=Nickname}"/>
- </StackPanel>
运行时截图:

在以上的例子中,Xaml中定义了一个Person元素,使用x:Name指定该元素为“小李探花”,在两个TextBlock中分别显示“小李探花.Name” 和“小李探花.Nickname”,
因为在Person的类定义中,将RuntimeNamePropertyAttribut特性指定到“Nickname”,因此x:Name的值被赋予给了Nickname属性。
RuntimeNamePropertyAttribut特性只能在类定义中使用:
- //C# code
- [AttributeUsageAttribute(AttributeTargets.Class)]
- public sealed class RuntimeNamePropertyAttribute : Attribute
RuntimeNamePropertyAttribut特性指定的属性可以是一般属性,依赖项属性不是必须的,尽管FrameworkElement.Name是一个依赖项属性。
在自己的类定义中,如果使用RuntimeNamePropertyAttribut特性,一般情况下,将它指定到类的Name属性,同FrameworkElement保持一致。
除了FrameworkElement类定义了Name属性以外,FrameworkContentElement也定义了Name属性,并使用了RuntimeNamePropertyAttribute特性。
x:Name标记特性与Name属性的更多相关文章
- MVC4 数据验证、特性、自动属性总结
最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来. 十年河东十年河西,莫欺少年穷 学无止境,精益求精 最近在做自学MVC,遇到的问题很多,索性一点点总结 ...
- JS 4 新特性:混合属性(mixins)
Ext JS4的新特征1:混合属性(mixins) 组合是Extjs4的新特性,可用于实现多继承的情况.该属性会以同步方式加载类文件,并实例化该类(译者推理其内部使用Ext.create方法).直接上 ...
- PHP 提取图片img标记中的任意属性
PHP 提取图片img标记中的任意属性的简单实例. 复制代码代码如下: <?php /* PHP正则提取图片img标记中的任意属性 */ $str = '<center><im ...
- DOM元素的Attribute(特性)和Property(属性) 【转载】
1.介绍: 上篇js便签笔记http://www.cnblogs.com/wangfupeng1988/p/3626300.html最后提到了dom元素的Attribute和Property,本文简单 ...
- 理解特性attribute 和 属性property的区别 及相关DOM操作总结
查一下英语单词解释,两个都可以表示属性.但attribute倾向于解释为特质,而property倾向于解释私有的.这个property的私有解释可以更方便我们下面的理解. 第一部分:区别点 第一点: ...
- PHP 正则表达式匹配 img ,PHP 正则提取或替换图片 img 标记中的任意属性。
PHP正则提取或替换img标记属性 PHP 正则表达式匹配 img ,PHP 正则提取或替换图片 img 标记中的任意属性. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ...
- AngularJS 中特性(attr)和属性(prop)的区别
attr() 和 removeAttr() 方法是对特性进行处理的, 而 prop() 是对属性进行操作的 , 但是很多时候操作的东西是同一个 , 但是也是有区别的, 区别在于prop方法处理的是被 ...
- JavaScript的检测属性、属性特性、枚举属性
/* 检测属性 检测属性可以通过三种方式 1.通过in运算符 2.通过hasOwnPerperty() 如果给定的属性是继承属性将返回false 3.通过propertyIsEnumerable(): ...
- 最新iOS 6 in Xcode4.5新特性——Storyboard和属性自动绑定
最新iOS 6 in Xcode4.5新特性编程之二(上)——Storyboard和属性自动绑定 从Xcode 4.3开始,Storyboard 就是iOS 5和iOS 6中令人兴奋的一个新特性,他将 ...
随机推荐
- WordPress Option API(数据库储存 API)
WordPress Option API 是提供给开发者的数据库存储机制,通过调用函数,可以快速.安全的把数据存储到数据库里(都在 wp_options 表). 每个设置的模式是 key – valu ...
- hdu1247 字典树
开始以为枚举会超时,因为有50000的词.后来试了一发就过了.哈哈.枚举没一个单词,将单词拆为2半,如果2半都出现过,那就是要求的. #include<stdio.h> #include& ...
- 详解Java中ArrayList、Vector、LinkedList三者的异同点
转载:https://my.oschina.net/zzw922cn/blog/491631 一.ArrayList ArrayList是一个可以处理变长数组的类型,这里不局限于"数&quo ...
- .map文件的作用以及在chorme下会报错找不到jquery-1.10.2.min.map文件,404 的原因
source map文件是js文件压缩后,文件的变量名替换对应.变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下. 比如压缩后原变量是map,压缩后通过变量替换规则可能会 ...
- 未完结第八节 JBPM流程节点
1.12个节点介绍 2.Node节点
- codevs3196 黄金宝藏
题目描述 Description 小毛终于到达宝藏点,他意外地发现有一个外星人(名叫Pluto).宝藏是一些太空黄金,有n堆排成一行,每堆中有xi颗黄金.小毛和Pluto决定轮流从中取出黄金,规则是每 ...
- [NOIP2008] 提高组 洛谷P1006 传纸条
题目描述 小渊和小轩是好朋友也是同班同学,他们在一起总有谈不完的话题.一次素质拓展活动中,班上同学安排做成一个m行n列的矩阵,而小渊和小轩被安排在矩阵对角线的两端,因此,他们就无法直接交谈了.幸运的是 ...
- node相关的精典材料
node.js电子书 了不起的Node.js 深入浅出Node.js node.js入门经典 node.js开发指南 node.js相关优秀博文 官网 Infoq深入浅出Node.js系列(进阶必读) ...
- MyEclipse------如何在特定目录下创建文件夹
Directory.jsp <%@ page language="java" import="java.util.*" pageEncoding=&quo ...
- 浅谈php对api开发的作用
最近正在做一个手机APP的服务端API开发,虽然是基于Ruby on Rails的,做的也不太专业,不过大致相通,希望能够给你一些启发. 首先,如果是比较简单的手机APP,例如新闻客户端这样的不会涉及 ...