as 에서 사용자 정의 이 벤트 를 감청 하고 이 벤트 를 처리 하 는 실례 코드

장면 설명:그림 한 장 을 클릭 하여 이벤트 에 응답 합 니 다.AS 에서 사건 을 감청 하고 처리 해 야 합 니 다.1.하나의 이 벤트 를 사용자 정의 하 였 습 니 다.다음 과 같 습 니 다.assert 폴 더 아래 에 그림 이 있 습 니 다.코 난.jpg)는 다음 과 같 습 니 다

 
package bridge { 
import flash.events.Event; 
import mx.events.FlexEvent; 
public class MyEvent extends Event { 
public static const myclick:String="myclick"; 
public function MyEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false) 
{ 
super(type, bubbles, cancelable); 
} 
} 
} 

4 마지막 으로 MXML 프로그램 을 만 들 고'AS 클래스'를 호출 합 니 다.직접 운행..

 
package handler 
{ 
import bridge.MyEvent; 
import flash.events.Event; 
import mx.controls.Alert; 
import skin.ImgHanderSkin; 
import spark.components.BorderContainer; 
import spark.components.Image; 
public class ImgHander extends BorderContainer 
{ 
[SkinPart(required="true")] 
public var img:Image;//      
public function ImgHander() 
{ 
super(); 
this.setStyle("skinClass",ImgHanderSkin); 
this.percentHeight=100; 
this.percentWidth=100; 
} 
//      
override public function initialize():void{ 
super.initialize(); 
img.addEventListener(MyEvent.myclick,SetImgShouZhanUrl); 
} 
private function SetImgShouZhanUrl(event:Event):void { 
Alert.show("Preview"); 
} 
} 
} 

끝!메모:1 사용자 정의 이벤트 발송:

 
<?xml version="1.0" encoding="utf-8"?> 
<!-- 
ADOBE SYSTEMS INCORPORATED 
Copyright 2008 Adobe Systems Incorporated 
All Rights Reserved. 
NOTICE: Adobe permits you to use, modify, and distribute this file 
in accordance with the terms of the license agreement accompanying it. 
--> 
<!--- The default skin class for a Spark SkinnableContainer container. 
@see spark.components.SkinnableContainer 
@langversion 3.0 
@playerversion Flash 10 
@playerversion AIR 1.5 
@productversion Flex 4 
--> 
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5"> 
<fx:Metadata>[HostComponent("spark.components.BorderContainer")]</fx:Metadata> 
<fx:Script fb:purpose="styling"> 
<![CDATA[ 
import bridge.MyEvent; 
/** 
* @private 
*/ 
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void 
{ 
// Push backgroundColor and backgroundAlpha directly. 
// Handle undefined backgroundColor by hiding the background object. 
if (isNaN(getStyle("backgroundColor"))) 
{ 
background.visible = false; 
} 
else 
{ 
background.visible = true; 
bgFill.color = getStyle("backgroundColor"); 
bgFill.alpha = getStyle("backgroundAlpha"); 
} 
super.updateDisplayList(unscaledWidth, unscaledHeight); 
} 
private function img_mouseOutHandler(event:MouseEvent):void{ 
// TODO Auto-generated method stub 
var e:MyEvent= new MyEvent(MyEvent.myclick); 
img.dispatchEvent(e); 
} 
]]> 
</fx:Script> 
<s:states> 
<s:State name="normal" /> 
<s:State name="disabled" /> 
</s:states> 
<!--- Defines the appearance of the SkinnableContainer class's background. --> 
<s:Rect id="background" left="0" right="0" top="0" bottom="0"> 
<s:fill> 
<!--- @private --> 
<s:SolidColor id="bgFill" color="#FFFFFF"/> 
</s:fill> 
</s:Rect> 
<!-- 
Note: setting the minimum size to 0 here so that changes to the host component's 
size will not be thwarted by this skin part's minimum size. This is a compromise, 
more about it here: http://bugs.adobe.com/jira/browse/SDK-21143 
--> 
<!--- @copy spark.components.SkinnableContainer#contentGroup --> 
<s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0"> 
<s:layout> 
<s:BasicLayout/> 
</s:layout> 
<s:Image id="img" click="img_mouseOutHandler(event)" source="assert/  .jpg"> 
</s:Image> 
</s:Group> 
</s:Skin> 

2 이벤트 접수 및 처리:img.addEventListener(MyEvent.myclick,SetImgShouZhanUrl);