在as中监听自定义事件并处理事件的实例代码
点击一张图片，响应事件。必须在AS中，去监听事件，并处理事件，下面是具体的实现思路及功能代码，感兴趣的朋友可以参考下哈
场景描述：点击一张图片，响应事件。必须在AS中，去监听事件，并处理事件。
1 自定义了一个事件，如下：
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);
}
}
}
2 监听事件处理的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");
}
}
}
3 新建MXML外观，皮肤类，在这里发送自定义事件。(在assert文件夹下有一张图片哦:柯南.jpg-600）如下：
xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5">
[HostComponent("spark.components.BorderContainer")]
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);
}
]]>
4 最后，创建一个MXML应用程序里面，去调用，AS类。直接运行。
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600"
xmlns:handler="handler.*">
结束！
注意：
1 发送自定义事件：
var e:MyEvent= new MyEvent(MyEvent.myclick);
img.dispatchEvent(e);
2 接收并处理事件：
img.addEventListener(MyEvent.myclick,SetImgShouZhanUrl);
1 自定义了一个事件，如下：
复制代码 代码如下:
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);
}
}
}
2 监听事件处理的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");
}
}
}
3 新建MXML外观，皮肤类，在这里发送自定义事件。(在assert文件夹下有一张图片哦:柯南.jpg-600）如下：
复制代码 代码如下:
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);
}
]]>
4 最后，创建一个MXML应用程序里面，去调用，AS类。直接运行。
复制代码 代码如下:
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600"
xmlns:handler="handler.*">
结束！
注意：
1 发送自定义事件：
复制代码 代码如下:
var e:MyEvent= new MyEvent(MyEvent.myclick);
img.dispatchEvent(e);
2 接收并处理事件：
img.addEventListener(MyEvent.myclick,SetImgShouZhanUrl);
标签：