FLEX 事件機(jī)制-自定義事件介紹

更新時(shí)間：2013年09月08日 15:54:58 作者：

flex封裝需要用到自定義事件這方面知識(shí)，在這里就簡(jiǎn)單介紹一下FLEX自定義事件，感興趣的朋友可以參考下

最近在做地圖JS和FLEX的封裝工作，flex封裝需要用到自定義事件這方面知識(shí)，在這里就簡(jiǎn)單介紹一下FLEX自定義事件。

自定義事件必須注意幾點(diǎn)：

（1）自定義事件通過繼承Event類來實(shí)現(xiàn)。

（2）自定義事件不可以自己觸發(fā)，只能有系統(tǒng)事件派發(fā)。

首先我們新建一個(gè)ActionScript 類，這個(gè)類繼承flash.events.Event。

復(fù)制代碼代碼如下:

 
package 
{ 
import flash.events.Event; 

public class MyEvent extends Event 
{ 
public static const myEvent:String="myEvent"; 

public var data:*; 

public function MyEvent(type:String,bubbles:Boolean=false,cancellabel:Boolean=false,data:* = null) 
{ 
super(type,false,false); 
this.data = data; 
} 

override public function clone():Event{ 
return new MyEvent(myEvent,false,false,data); 
} 

override public function toString():String{ 

return formatToString("MyEvent"); 
} 
} 
} 

創(chuàng)建一個(gè)組件來監(jiān)聽事件，實(shí)現(xiàn)數(shù)據(jù)的接受。

component.mxml

復(fù)制代碼代碼如下:

 
<?xml version="1.0" encoding="utf-8"?> 
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" initialize="init()"> 
<s:layout> 
<s:BasicLayout/> 
</s:layout> 

<fx:Script> 
<![CDATA[ 
import mx.controls.Alert; 
import mx.events.FlexEvent; 
public var ff:FlexMyEvent; 

public function init():void{ 

ff = this.parentDocument as FlexMyEvent; 
ff.addEventListener(MyEvent.myEvent,myEventHandler);//監(jiān)聽事件 

} 
public function myEventHandler(eve:Object):void{ 

inpu.text = eve.data; 
Alert.show("事件觸發(fā)，"+eve.data); 
} 

]]> 
</fx:Script> 

<fx:Declarations> 
<!-- 將非可視元素（例如服務(wù)、值對(duì)象）放在此處 --> 
</fx:Declarations> 


<s:Panel width="100%" height="100%" backgroundColor="#E7D4DD"> 

<s:TextInput id="inpu"> 

</s:TextInput> 

</s:Panel> 



</s:Group> 

主程序

FlexMyEvent.mxml

復(fù)制代碼代碼如下:

 
<?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" 
xmlns:comp = "*" 
width="100%" height="100%"> 

<fx:Script> 
<![CDATA[ 

import flash.external.ExternalInterface; 
import flash.system.Security; 

import mx.controls.Alert; 
import mx.events.FlexEvent; 
public var callBackInfo:String = ""; 
public function doSend():void{ 

callBackInfo = input.text; 
var myEve:MyEvent = new MyEvent(MyEvent.myEvent,false,false,callBackInfo);//派發(fā)事件 myEve.data is Object; 
this.dispatchEvent(myEve); 

} 

]]> 
</fx:Script> 

<fx:Declarations> 
<!-- 將非可視元素（例如服務(wù)、值對(duì)象）放在此處 --> 
</fx:Declarations> 

<mx:HBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle"> 


<s:Panel width="100%" height="100%"> 
<mx:HBox paddingLeft="5" width="100%" height="100%"> 
<s:TextInput id="input" text="Send Hello"> 

</s:TextInput> 
<s:Button label="Send" click="doSend()"> 

</s:Button> 
</mx:HBox> 
</s:Panel> 

<comp:Component> 

</comp:Component> 
</mx:HBox> 

</s:Application> 