虽然多数Flex开发者都使用过[Bindable]标签,但是很多人都不知道这个标签的作用甚至不知道该标签为何物。[Bindable]就是所谓的元
数据标签。元数据标签是一种特殊的标签,它在代码中的作用就是向编译器提供如何编译程序的信息。实际上,这些标签并没有被编译到生成的SWF文件中,而只
是告诉编译器如何生成SWF文件。文档中列出的元数据标签共有12个,本文将讲解这些元数据标签的定义并给出使用它们的示例,在看完这篇文章之后,你就会
明白应该在何时何处在你的Flex 2应用程序中使用元数据标签了。
[ArrayElementType]
实际上,定义一个数组通常来说是一件很平常的事情,因为数组中的元素可以是任何类型的。不过,使用ArrayElementType元数据标签可以让你定义数组元素的数据类型。下面的例子展示了如何使用[ArrayElementType]:
程序代码 程序代码
[ArrayElementType("String")]
public var arrayOfStrings:Array;
[ArrayElementType("Number")]
public var arrayOfNumbers:Array;
[ArrayElementType("mx.core.UIComponent")]
public var arrayOfUIComponents:Array;
[Bindable]
Bindable元数据标签是最经常用到的一个元数据标签,因为它使程序组件之间的数据同步变得很容易。Bindable可以用来绑定简单数据类型、类、复杂数据类型以及函数。绑定数据的时候,你必须先使用元数据标签定义一下数据,正如Listing 1中所示的那样。
Bindable也可以用来绑定到事件。Listing
2展示了如何使用getter和setter函数将一个属性绑定到一个事件上。这个例子中有一个叫做phoneNumber的私有变量,还有一个公有的
setter和getter函数。使用Bindable标签将这个getter方法绑定到了一个叫做phoneNumberChanged的事件上,只要
数据发生改变setter方法就会分派phoneNumberChanged事件。通过使用setter方法,可以在数据赋予私有变量之前对其进行操作。
在这个例子中,数据只有在长度大于等于10的时候才会被格式化。当phoneNumberChanged事件被分派的时候,第二个TextInput组件
会被更新,因为他的text属性绑定到了phoneNumber变量上。
[DefaultProperty]
DefaultProperty元数据标签用来将一个单一属性设定为某个类的默认属性。它允许在一个容器标签内设定属性,而不用定义属性的名字。一个简单
的例子就是一个自定义Button类。Listing
3展示了一个简单的Button类,它将label属性设定为了DefaultProperty。Listing
4展示了label属性是如何在自定义Button标签中作为一个字符串定义的。
[Embed]
Embed元数据标签用来导入图片到程序。可以通过两种方式使用Embed。你可以将图片嵌入到ActionScript中并将其指派给一个变量(如同下面代码中的第一个例子),或者你也可以将图片直接指派给组件的属性(使用下面代码中的第二个例子所示的语法规则)。
例1:
程序代码 程序代码
[Embed(source="myIcon.gif")]
[Bindable]
public var myIcon:Class;
<mx:Button label="Icon Button 1" icon="{myIcon}"/>
<mx:Button label="Icon Button 2" icon="{myIcon}"/>
例2:
程序代码 程序代码
<mx:Button label="Icon Button 1" icon="@Embed(source=myIcon.gif')"/>
<mx:Button label="Icon Button 2" icon="@Embed(source=myIcon.gif')"/>
上面这两个例子产生的结果是一样的。创建myIcon类的好处是,它在一个类中只定义一次并可以绑定到程序中的多个组件。
[Event]
Event元数据标签用来声明那些被自定义类分派的事件。将这个元数据标签添加到类定义中之后,你就可以在MXML标签中添加事件处理函数来初始化该自定
义类。Listing 5创建了一个自定义Button类,每当它的label属性改变的时候就会分派一个事件。Listing
6所显示的主程序文件初始化了这个自定义Button并创建了事件处理函数,该函数将新的labe属性值赋给了一个TextArea组件以显示当前发生的
更改。
[Effect]
Effect元数据标签用来定义一个自定义效果,当某个事件发生的时候该效果会被分派。这个示例可以基于前面Event的例子来创建,通过简单地更改
ButtonLabel类(Listing 7)中的一行代码,就定义了一个效果,该效果可以在MXML标签中直接使用(Listing 8)。
[IconFile]
IconFile
是用来定义一个jpg,gif或者png文件的文件名的,它在你的自定义类中作为图标来使用。[Embed]元数据标签可以用来嵌入图片、SWF文件、音
乐文件以及视频文件等,而IconFile则只是用来嵌入用来作为自定义类图标的文件。下面是一个IconFile的例子:
程序代码 程序代码
[IconFile("icon.png")]
public class CustomButton extends Button
{
}
[Inspectable]
在使用Flex Builder 2的时候,你可能会希望某些自定义组件的属性在代码提示和属性检查器(property
inspector)中显示,Inspectable元数据标签就是用来定义那些属性的。Listing
9展示的例子定义了一个inspectable的ccType变量,它定义了Visa为默认值、Credit
Card为类别并将取值范围定义为包含了Visa, Mastercard, Discover, 和 American Express的枚举。
[InstanceType]
当在一个模板对象中声明一个像IDeferredInstance这样的变量时,InstanceType元数据标签就用来声明对象的类型。下面是InstanceType的用法:
程序代码 程序代码
[InstanceType("package.className")]
[NonCommittingChangeEvent]
NonCommittingChangeEvent元数据标签在某个特定事件发生的时候可以防止变量在事件发生的过程中被更改。Listing
10展示了它是如何工作的。一个名为s的字符串类型的私有变量被绑定到了名为ti2的TextInput组件上。另外一个id为ti1的
TextInput组件在它的text发生更改的时候就会将s的值设置为它的text属性的值。另外,当triggerBinding
事件被分派的时候,附加在s变量上的Binding元数据标签就会进行绑定。只有在Enter键在ti1
TextInput组件中被按下时才会分派triggerBinding事件。
[RemoteClass]
RemoteClass 可以用来将一个ActionScript类绑定到一个Java类或一个ColdFusion
CFC。这样做可以自动转换数据类型。下面的例子将包com.mydomain中的名为MyClass的ActionScript类绑定到了同一个包中名
为MyClass的Java类:
程序代码 程序代码
package com.mydomain {
[Bindable]
[RemoteClass(alias="com.mydomain.MyClass")]
public class MyClass {
public var id:int;
public var myText:String;
}
}
[Style]
Style元数据标签用来为组件定义自定义样式属性的。只需要简单地将Sytle元数据标签添加到类的定义当然,然后就可以使用getSytle方法获取
它的值了。Listing 11 和 12中的例子定义了两个样式,分别为borderColor
和fillColor,它们的数据类型都是uint。当类初始化的时候这两个样式就会在标签中被设定。代码中覆写了updateDisplayList函
数,用自定义的样式画了一个圆形边框并将其填充。
现在你应该会有这样的感觉了:“喔,现在我知道在哪里可以使用它们了”或者“嗯,我想我会在新的项目中尝试使用这些元数据标签”。如果你没有,那么你可能
需要回过头去再看一遍这篇文章。OK,我想说的是Adobe
Flex小组提供给我们的元数据标签不只是非常的强大,可以让我们扩展或自定义我们要做的东西,而且它还非常易于使用。通过使用它们,仅仅几行代码就可以
完成一大堆事情。如果不使用这些标签,你会发现在Flex 2中实现一些东西是很辛苦的。
分享到:
相关推荐
Flex 中的元数据标签的用法和详细介绍
flex as3 元数据标签综合 flex as3 元数据标签综合 flex as3 元数据标签综合
Flex 2 中的元数据标签
flex标签flex标签flex标签flex标签flex标签flex标签flex标签
Flex 3D云标签 源代码
Flex 3D标签云 Flex实现3d FlexCumulusTagCloud Flex学习3d教程 flex builder 如何做出3D标签云
flex中文帮助flex中文帮助flex中文帮助flex中文帮助
flex中dataGrid导出数据到excel中,不存在乱码问题
抓取AMF协议的flex页面,支持模拟登录和页面抓取。
flex中经常需要xml格式的文件。通过后台asp.net的处理可以将数据库中读取的文件转化为xml格式。这是再传递给前端的flex中的tree控件作为数据源。
flex中文帮助文档flex中文帮助文档
管理对服务器中的数据的访问 Flash Builder 为客户端应用程序生成代码 部署访问数据服务的应用程序 第 3 章: 为以数据为中心的应用程序实现服务 Action Message Format (AMF) 客户端和服务器端类型化 实现 ...
Flex DataGrid从XML文件中加载数据
flex4+Myeclipse9.0集成环境下从MySql数据库取出数据通过DataGrid组建显示在flex页面。
Flex 标签云 特效 漂亮 Flex 标签云 特效 漂亮
java 与 flex 数据转换,java数据类型对应flex的数据类型
flex 汉字转拼音
flex与PHP后台数据交互的学习小记,Flex与后台交互的方法
欢迎大家下载,多提宝贵意见!!!(*^__^*)