关于Flex中的MetaData中的Event的使用问题

 

 在Flex开发中会经常遇到用自定义事件来解决一些消息的传递问题，现在来介绍一种元标签Event的使用方法，一种使用是在自定义一个as组件时，需要监听一个自定义事件tryLogin，当在外部mxml中引用该组件后，就可以监听到自定义组件内部发出的tryLogin事件并做出处理。如：

1.在as中的使用方法。

[Event(name="tryLogin", type="flash.events.Event")]
public class MyComponent extends UIComponent
{
    ...
}

[Event]中的name是事件的类型type类似MouseEvent.CLICK，而type是指事件的class类型，可以是自定义的事件全路径也可以不写，则默认为Event，入[Event('tryLogin')].

在外部mxml中使用：

<com:MyComponent  id="myComponent " tryLogin="处理函数"/>//这里使用tryLogin做为监听和Button中的click监听是一样的原理。当组件MyComponent内部有tryLogin事件发出后，就会触发处理函数来处理（想想click事件）。如果你不加[Event(name="tryLogin", type="flash.events.Event")] ，在MXML中是找不到组件中的tryLogin这个监听器的。

2.在mxml中标签的使用方法。

在mxml中的使用时通过标签<mx:Metadata>来控制的，比如在一个界面组件中定义了一个元事件类型tryLogin，类型是Event，当用户点击该界面中的一个按钮，则发出一个tryLogin的事件到上层界面中，在上层界面中是通过引入该界面组件同时监听tryLogin。

<mx:Metadata>
  [Event(name="tryLogin")]
 </mx:Metadata>

 

例子：

子界面

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
 <mx:Metadata>
  [Event(name="tryLogin")]
 </mx:Metadata>
 //子界面中由按钮发出事件
 <mx:VBox click="dispatchEvent(new Event('tryLogin'))" width="100%" height="100%" borderColor="red" borderStyle="solid"/>
</mx:Canvas>

 

上层界面

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
 
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
  
   private function tryLoginHandler(tryEvent:Event):void
   {
    Alert.show("----------");   
   }  
  ]]>
 </mx:Script>

 <local:test tryLogin="tryLoginHandler(event)"/>

</mx:Application>