Flex Metadata tags 元数据标签

1.[Alternative] 【可替换】

标明此类可以被参数中的类替换，版本号说明发生替换的版本。

[Alternative]和[Deprecated] 不同。如果是【不建议使用】的类，以后的版本可能不可用。而带有【Alternative】标签的类在以后的版本中仍然可用，只是标明有别的类可以用来替换。

例如MX Button就被标记了[Alternative]。

[Alternative(replacement="packageAndClassName", since="versionNum")] 这段代码需要放在类的定义之前。

2.[ArrayElementType] 数组元素类型限定

要使得Flex MXML 编译器对数组元素进行类型检查，需要使用[ArrayElementType]标签来确定该数组许可的类型。

[ArrayElementType("String")]

public var newStringProperty:Array;

注意：MXML 编译器检查MXML 代码中数组的正确使用情况，而不检查AS代码中数组的使用情况。如果用户在标签中输入的是字符串，那么编译器会报语法错误。参数可以是AS的任意数据类型，例如 String，Number，class或interface。但是必须使用全名，包括package

package

{

    import mx.containers.VBox;

    //定义一个类，该类继承自VBox

    public class MyTypedArrayComponent

    {

        //定义一个数组，并且指定数组中只能存储String数据类型

        [ArrayElementType("String")]

        public var strProperty:Array;

        //定义一个数组，并且指定数组中只能存储Number数据类型

        [ArrayElementType("Number")]

        public var numProperty:Array;

        public function MyTypedArrayComponent()

        {

        }

    }

}

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"

               xmlns:local="*">

    <fx:Declarations>

        <!-- 将非可视元素（例如服务、值对象）放在此处 -->

        <local:MyTypedArrayComponent>

            <local:strProperty>

                <fx:String>存储String数据类型</fx:String>

            </local:strProperty>

            <local:numProperty>

                <fx:Number>12</fx:Number>

            </local:numProperty>

        </local:MyTypedArrayComponent>

    </fx:Declarations>

</s:Application>

3.[Bindable] 数组绑定

如果某个属性是某个数据绑定表达式的源时，Flex会在源属性变化时自动复制源属性的值到目标属性。

为了让Flex进行这种复制操作，必须使用[Bindable]元数据标签，并且源属性需要派发事件。

例1：

[Bindable]

public var minFontSize:Number = 5;

例2：

[Bindable("textChanged")]

public function get text():String

{

     return myText;

}

例3：

public function set text(t : String):void

{

     myText = t;

     dispatchEvent( new Event( "textChanged" ) );

}

如果你省略了事件名，Flex会自动创建"propertyChange"事件。如果你把某个属性作为数据绑定源，那么Flex不止监视该属性的变化，还监视导向该属性的属性链的变化。

整个属性链（包含链中最终的目标属性）被称为“绑定属性链”。

<first>{firstName.text}</first>

这个例子中，属性链包含firstName和其text属性。

你应该在该属性链中的任何有名称的属性变化时派发事件。如果该属性被标记为[Bindable]，Flex编译器会代你派发。

在某些情况下，绑定不会像预期的那样自动执行：

1.当改变一个dataProvider属性中的整个项时。 dataProvider[i] = newItem

2.当某个带有绑定标签的属性的子属性改变时。

[Bindable]

var temp; // Binding is triggered:

temp = new Object(); // Binding is not triggered, because label not a bindable property // of Object:

temp.label = foo;

在这个例子中，绑定遇到的问题是temp是个Object。有三种方式可以解决这个问题。

a，Preinitialize the Object。预初始化对象。

b，为temp分配一个ObjectProxy；ObjectProxy的所有属性都是可绑定的。

c，使temp成为带有label可绑定属性的强类型对象。

3.当绑定的属性是Flash Player自动刷新的属性时，例如mouseX 。

如果绑定的目标是UIComponent类，它的executeBindings()方法执行所有绑定。所有的container和control，包括Repeater组件，都扩展了UIComponent类。

它们的executeChildBindings()方法会同样的执行类型为UIComponent的子项的绑定。所有的容器都继承自Container类。绑定没有按预期执行时，你可以使用这个方法。

当某个不会触发绑定的改变发生时，在代码中加上一句，例如executeChildBindings()这个方法，就可以更新用户界面。

然而，你应该只在绑定确实不会自动触发时，才使用executeBindings()方法。

http://www.adobe.com/devnet/flex/articles/databinding_pitfalls.html 这篇文章对绑定讲解的很细致。

4.[DefaultProperty] 默认的属性

定义组件在MXML文件中使用时的默认属性名称。

例如：这样定义后

// Define the default property.

 [DefaultProperty("defaultText")]

public class TextAreaDefaultProp extends TextArea {     }

就可以这样使用

<MyComp:TextAreaDefaultProp>Hello</MyComp:TextAreaDefaultProp>

5.Deprecated

类或者类元素被标记为[Deprecated]标明该类或属性已被废弃并且不推荐在当前版本中使用。不过该类或类元素仍然可以工作，但编译器会发出警告。

mxmlc命令行编译器支持show-deprecation-warnings编译选项。当为true时，如果你使用了deprecated的元素，编译器会发出deprecation警告。默认值为true。

将[Deprecated]标签插入到属性、方法或类定义之前会将其标记为deprecated。

例如：

[Deprecated("string_describing_deprecation")]

[Deprecated(message="string_describing_deprecation")]

[Deprecated(replacement="string_specifying_replacement")]

[Deprecated(replacement="string_specifying_replacement", since="version_of_replacement")]

[Event], [Effect] 和 [Style] 也支持deprecation：

[Event(... , deprecatedMessage="string_describing_deprecation")]

[Event(... , deprecatedReplacement="change2")]

[Event(... , deprecatedReplacement="string_specifying_replacement", deprecatedSince="version_of_replacement")]

6.[Effect][效果]

此标签定义了组件在MXML状态下的效果属性名称及触发该效果的事件，你可以通过这个属性给该组件分配一种动态效果。动态效果总是伴随着触发它的事件。

该事件可能是鼠标点击事件、获得焦点事件或可见事件。动态效果是指在一段时间发生的可视或可听的变化。一般在类定义之前或在<fx:Metadata>标签内定义[Effect]标签。

// Define event corresponding to the effect trigger.

[Effect(name="eventNameEffect", event="eventName")]

[Event(name="darken", type="flash.events.Event")] // Define the effect.

[Effect(name="darkenEffect", event="darken")]

class ModalText extends TextArea {     ... }

<fx:Metadata>

      [Event(name="darken", type="flash.events.Event")]

      [Effect(name="darkenEffect", event="darken")]

      [Effect(name="showControlBarEffect", type="showControlBar")]

</fx:Metadata>

6.[Embed] 可以在Flex应用程序中嵌入各种元素。

被嵌入的元素将编译进SWF文件。它们不是在运行时载入的，所以不必为应用程序部署原元素。可以嵌入的图像格式有PNG、JPEG、GIF。嵌入后可以同时使用它的多个实例。

下面的例子使用[Embed]原标签经image嵌入应用程序，并且采用绑定ActionScript类的形式。这就可以绑定Image控件的source属性到Logo类。

可以绑定Logo类到任何可以使用image的组件属性上，比如Button控件的icon属性。

 [Embed(source="assets/logo.png")]

<mx:Image id="myLogo"source="@Embed('assets/logo.png')"/>

<mx:Style>

 Button {

     upSkin: Embed("assets/box_closed.png");

     overSkin: Embed("assets/box.png");

     downSkin: Embed("assets/box_new.png");

 }

</mx:Style>

[Embed(source="assets/library.swf", symbol="BadApple")]

[Bindable]

public var BadApple:Class;

Embed元数据标签的参数属性：
source：必须属性，用来指定要嵌入的资源的路径地址。
mimeType:可选的属性，用来指定嵌入资源的元数据信息。如果不填写，flex自动识别资源的元数据。可选值有：
application/octet-stream
application/x-font
application/x-font-truetype
application/x-shockwave-flash
audio/mpeg
image/gif
image/jpeg
image/png
image/svg
image/svg-xml
scaleGridTop：用作Scale-9格式的图片时，指定图片上端固定尺寸的像素值
scaleGridBottom：用作Scale-9格式的图片时，指定图片下端固定尺寸的像素值
scaleGridLeft：用作Scale-9格式的图片时，指定图片左侧固定尺寸的像素值。
scaleGridRight：用作Scale-9格式的图片时，指定图片右侧固定尺寸的像素值。
symbol：指定从Flash中要导入的图片标识名。

7.[Event] [Event(name="eventName", type="package.eventType")]

如

[Event(name="myEnableEvent", type="flash.events.Event")]

public class MyComponent extends UIComponent {     ... }

或

<fx:Metadata>

         [Event(name="myEnableEvent",type="flash.events.Event")]

</fx:Metadata>

1. 在MyButton中将[Event]标签放入Metadata标签中，则告诉编译器该空间会产生该种Event，如果此时dispatchEvent出去的Event不是该种类型则在编译期间及会报错。

2. 在主类中

<my:MyButton id="my1" EventTest="myTa.text='got Event';" x="208" y="213">

</my:MyButton>

由于EventTest已经在Metadata做了标记，即可使用代码提示功能找到相应的Event。

EventTest="myTa.text='got Event';"

表示为EventTest 这个Event注册一个监听者，监听到信息后处理方式为 myTa.text='got Event' ，等同于 EventTest="handleEvent(event)

例如：

package event

{

      import flash.events.Event;

      public class MyEvent extends Event

      {

            public static const EVENT_TEST:String="EventTest";

            public function MyEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)

            {

                    super(type, bubbles, cancelable);

             }

      }

}

<?xml version="1.0" encoding="utf-8"?>

<s:Button xmlns:fx="http://ns.adobe.com/mxml/2009"       xmlns:s="library://ns.adobe.com/flex/spark"       xmlns:mx="library://ns.adobe.com/flex/halo"       click="dispatchEvent(new MyEvent(MyEvent.EVENT_TEST));">

<fx:Script>

     <![CDATA[

           import event.MyEvent;     ]]>

</fx:Script>

<fx:Metadata>

       <!--在Metadata标签下定义Event编译期间检查-->

              [Event(name ="EventTest",type ="event.MyEvent")]

</fx:Metadata>

</s:Button>

<fx:Script>

     <![CDATA[

       import event.MyEvent;

       /**

        * 定义Event的函数监听方式

        * 在my2 的 EventTest="handleEvent(event)" 相当于对于该Event注册了一个Listiner

        * 消息监听函数为handleEvent(event)

        */

       private function handleEvent(e:MyEvent):void{ trace(e); }     ]]>

</fx:Script>

   <!--可以直接定义EventTest="myTa.text='got Event';" 及在Event触发式执行myTa.text='got Event';-->

<my:MyButton id="my1" EventTest="myTa.text='got Event';" x="208" y="213">

</my:MyButton>

<my:MyButton id="my2" EventTest="handleEvent(event)" x="209" y="258">

</my:MyButton>

8.[Exclude] 让Flash Builder标签检查忽略该类元素。 [Exclude(name="label", kind="property")]

9.[ExcludeClass] 让Flash Builder标签检查忽略该类。等同于ASDoc中的@private标签。

10.[HostComponent] 用此标签确定Spark 皮肤类的宿主组件。

例如：

 <Metadata>[HostComponent("spark.components.Button")] </Metadata>

加了这个标签，Flex会为此皮肤类创建hostComponent属性。你可以通过这个属性在皮肤类内部获取宿主组件实例的公共成员。例如，在Button 皮肤内，可以得到Button样式的属性。

11.IconFile] 用此标签定义组件在Flash Builder中的Insert栏中的图标的文件名。支持PNG, GIF, JPEG

[IconFile("MyButton.png")]

public class MyButton extends Button {     ... }

12.[Inspectable] 此标签为你的组件的属性定义了编码提示信息。

规则如下：

* 组件所有的public属性都会出现在编码提示和Flash Builder属性监测器中。如果你想为该属性添加额外的信息，例如枚举值或代表一个文件路径的String属性，就为该属性添加[Inspectalbe]标签及信息。

* 组件的编码提示和属性监测器公用同样的数据。

* AS组件的编码提示并不需要metadata，因此你总是能看到符合当前作用范围的属性提示。

Flash Builder使用public/protected/private和static这些关键字来控制属性的作用范围及可显示的编码提示。此标签后必须紧跟属性变量声明或其set和get方法：

[Inspectable(attribute=value[,attribute=value,...])] property_declaration name:type;

[Inspectable(attribute=value[,attribute=value,...])] setter_getter_declarations;

flex里的[Inspectable]标签用于为as类的属性定义一些可供flex代码提示等使用的信息，比如属性的类型啦合法值啦默认值啦之类的，[Inspectable]标签可以用在属性上，也可以用在getter/setter方法上，写法如下：

[Inspectable(attribute=value[, attribute=value, …])] property_declaration name:type;

[Inspectable(attribute=value[, attribute=value, …])] setter_getter_declarations;

[Inspectable]标签有如下属性： PropertyTypeDescriptioncategoryStringenumerationString用逗号分隔指定一系列合法值，只有这些值才允许设置，例如“test1,test2,test3”，注意值与值之间不要使用空格，否则flex会认为空格是值的一部分（除非你确实想这样啦），这信息会出现在代码提示和属性检查器里formatStringtypeString设定属性的类型，如果忽略则使用属性本身的数据类型，可选值如下： Array, Boolean, Color, Font Name, List, Number, Object, String 例如下面这样的代码：

[Inspectable(type="String", enumeration="left,center,right")]

public var labelPlacement:String = LabelPlacement.LEFT;

在flex/flashbuilder上编辑时，就会弹出如下的代码提示框，提示可选的值：

例如：

[Inspectable(defaultValue=true, verbose=1,category="Other")]

public var myProp:Boolean;

[Inspectable(defaultValue=”true”]

public var showMessage :Boolean;

Property TypeDescription

category	String	将属性归纳入FB用户界面的属性监测器中的子类别中。默认类别是 "Other". 可以归类为"Common","Effects","Events","Layout Constraints","Size","Styles","Text",or"Other".
defaultValue	String or Number	设置属性的初始值。默认值为属性的定义值。
enumeration	String	为属性定义一组以逗号分隔的合法值。该属性只可以取这些值。例如：item1,item2,item3. 注意中间没有空格。这些值会出现在代码提示及属性检测器中。如果你定义了Boolean类型变量，FB会自动显示true和false，不需要你自己设置。
environment	String	environment=none：可检测属性不允许出现；environment=Flash：只有Flash Builder可用；(environment=MXML：只有Flex可用，Flash Builder也不可用。
format	String	当编辑该属性值时使用的编辑器类型。例如，对于Number类型的属性，你可以设置format="Color"来让FB在你设置属性值时打开颜色编辑器。一般的值为"Length","Color","Time","EmbeddedFile"和"File".
listOffset	Number	设定List值中的默认索引。 Specifies the default index into a List value.
name	String	设定属性的显示名称。例如，FontWidth。如果没设定，会使用属性名，例如_fontWidht.
type	String	指定类型的指定器。如果省略，会使用属性的类型。下列值可取： Array Boolean Color Font Name List Number Object String 如果类型是Array，你必须列出Array的可用值。
variable	String	指定此参数绑定的变量。
verbose	Number	表明此属性只有在用户指明包含verbose（详细的）属性时才在FB用户界面中出现。如果未设定，则默认显示该属性。

12.[InstanceType] 主要用于创建模板组件。

 [InstanceType("mx.controls.Label")]

 public var topRow:IDeferredInstance;

13.[NonCommittingChangeEvent] 此标签定义了一种折中事件，这种事件不会引起Flex数据验证。通常用于经常变化但又不需要每次都进行数据验证的属性。

例如，你给一个TextInput组件的text属性绑定了某个验证器。text属性会在每次键盘输入事件时改变，但你只是希望在用户按下Enter键或移除焦点时进行数据验证。此类型事件可以使你分派改变事件但不出发验证。

 [NonCommittingChangeEvent("event_name")]

下例中，组件在每次用户键盘输入时都分派change事件，但这个change事件并没有引发数据绑定或数据验证。当用户完成数据输入并点击Enter键时，组件广播valueCommit事件来出发数据绑定和数据验证。

[Event(name="change", type="flash.events.Event")]

class MyText extends UIComponent

{ 

     [Bindable(event="valueCommit")]

     [NonCommittingChangeEvent("change")]

     function get text():String

     {

             return getText();

     }

     function set text(t):void

     {

         setText(t);

         // Dispatch events.

      }

 }

14.[RemoteClass] 用此标签将类注册到Flex，Flex会在用AMF格式序列化类实例时保留类型信息。需要在类定义之前插入此标签。

还可以在客户端程序中用此标签代表某个服务端Java对象： [RemoteClass(alias=" ")] 这样可以创建直接映射到Java对象的AS对象。需要在alias值中赋予Java类的全名。

15.[RichTextContent] 如果一个属性是String类型，编译器会自动试着把其MXML中的值转为String类型。

如果属性类型是*、 Object或Array，编译器在默认情况下会试图将其转换为适当的数据类型。

使用此标签可以让编译器始终将该属性MXML中的值转为String。需要在属性定义前插入此标签。 [RichTextContent] 例如，spark.components.TextArea 和 spark.primitives.RichText类的content属性被作为Object输入。

但如果使用了此标签，那些值就会始终被作为String类型。数据绑定语法中的花括号{}，at符号@都对此标签有效。

16.[SkinPart] 在SkinnableComponent中，可以声明SkinPart元标签对Skin进行约束，同时在组件中提供对Skin元素的引用：

[SkinPart(required="false")]

public var labelElement:SimpleText;

[SkinPart(type="mx.core.IVisualElement"]

public var pauseButton :IFactory;

17.[SkinState] 定义皮肤中的状态。

[SkinState("normal")]

[SkinState("compact")]

[SkinState("disabled")]

function StatefulComponent { ... }

18.[Style] 定义样式。 插入到类定义前或MXML中的<fx:Metadata>中。

[Style(name="cornerRadius", type="uint", format="Color", inherit="no")]

[Style(name="MyButtonSkin", type="class" states="down,over")]

package{

import mx.core.UIComponent;

[Style(name="myStyle",type="unit",format="Color",inherit="no")]

public class MyComponent extends UIComponent{

    override public function updateDisplayList(uwindth:Number,uHeight:Number):void{

        super.updateDisplayList(uwidth,uHeight);

        graphics.beginFill(getStyle("myStyle"),1.0);

        graphics.drawEllipse(0,0,100,100);

    }

}

}

19.[SWF] 在AS中定义main application的属性。在MXML中一般在<s:Application>标签中定义。

20.[Transient] Flex中的Transient 元数据标签的意思和英文一样。

当你在发送对象给远程服务器时，比如你发送一个User对象给远程服务器端，而你在Flex端新增了一个属性，比如email，这个属性在服务器端是不存在的，而你不希望这个属性被回传给服务器端，这时你就可以使用[Transient]元数据标签了。

使用示例如下：

[Bindable]

[RemoteClass(alias="com.myflexhero.domain.User")]

public class User

{

         public var id:Number;

         public var LoginName:String;

         [Transient]

         public var email:String;

}

秒客网

Flex Metadata tags 元数据标签

相关文章