|
|
点击一张图片，响应事件。必须在AS中，去监听事件，并处理事件，下面是具体的实现思路及功能代码，感兴趣的朋友可以参考下哈
场景描述：点击一张图片，响应事件。必须在AS中，去监听事件，并处理事件。
1 自定义了一个事件，如下：
[U]复制代码[/U] 代码如下:
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类，如下：
[U]复制代码[/U] 代码如下:
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）如下：
[U]复制代码[/U] 代码如下:
[HostComponent("spark.components.BorderContainer")]
4 最后，创建一个MXML应用程序里面，去调用，AS类。直接运行。
[U]复制代码[/U] 代码如下:
结束！
注意：
1 发送自定义事件：
[U]复制代码[/U] 代码如下:
var e:MyEvent= new MyEvent(MyEvent.myclick);
img.dispatchEvent(e);
2 接收并处理事件：
img.addEventListener(MyEvent.myclick,SetImgShouZhanUrl); |
|
发表于 2013-6-5 16:27:53
