FLEXイベントメカニズム-カスタムイベント紹介

最近は地図JSとFLEXのパッケージ作業をしていますが、flexパッケージはカスタムイベントを使う必要があります。ここでは簡単にFLEXカスタムイベントを紹介します。カスタムイベントは、（1）カスタムイベントは、Eventクラスを引き継ぐことによって達成されます。2）カスタムイベントは自分でトリガしてはいけません。システムイベントの配布しかできません。まず、私たちは新しいアクションScriptクラスを作ります。このクラスはflash.events.Eventを受け継ぎます。

 
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"); 
} 
} 
} 

は、イベントを監督するためのコンポーネントを作成し、データの受信を実現する。component.mxml

 
<?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);//     

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

inpu.text = eve.data; 
Alert.show("    ，"+eve.data); 
} 

]]> 
</fx:Script> 

<fx:Declarations> 
<!--       （    、   ）     --> 
</fx:Declarations> 


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

<s:TextInput id="inpu"> 

</s:TextInput> 

</s:Panel> 



</s:Group> 

メインプログラムFlexMyEvent.mxml

 
<?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);//     myEve.data is Object; 
this.dispatchEvent(myEve); 

} 

]]> 
</fx:Script> 

<fx:Declarations> 
<!--       （    、   ）     --> 
</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>