Flex事件分发-51CTO.COM

本文和大家重点讨论一下Flex事件分发的概念，在分发事件时，将会分发一个事件对象出去。不管是那个事件类，都是继承自flash.events.Event对象的，他包含一些比较重要的属性，type和bubbles。

Flex事件分发

最终继承自EventDispatcher的对象都会含有dispatchEvent这个方法，他有一个参数，事件对象。之前说到的事件注册通道，他只是一个通道，实际上事件是由这个方法来分发出去的，通道只是一个管道而已。

他的作用就是分发一个事件对象，他的分发是没有目的的，一种广播形式的，Flex的事件监听线程会接收到各种各样的事件（我们称之为捕获事件，这在后面会介绍到），那么哪种才是你要的事件，标识就通过事件的type属性来区分。

自定义Flex事件分发

这部分就不长篇大论了，因为各位应该已经掌握了事件的原理，因此贴出演示源码，并进行些简单的解释。

1.自定义Flex事件components/MyEventTest.as

packagecomponents  
{  
importmx.events.FlexEvent;  
publicclassMyEventTestextendsFlexEvent  
{  
publicstaticconstONCHANGE:String="onChange";  
publicvareventInfo:String;//自定义的事件信息  
publicfunctionMyEventTest(s:String){  
super(s);//如果在构造时不设bubbles，默认是false，也就是不能传递的。  
eventInfo="这个事件是:"+s;  
}  
}  
}

2.自定义组件components/ComponentForEvent.as

packagecomponents  
{  
importflash.events.EventDispatcher;  
//这个就是声明事件注册通道的方法了。name是事件对应的名称，也就是之前提到的type。Type是该事件的类  
[Event(name="onChange",type="components.MyEventTest")]  
publicclassComponentForEventextendsEventDispatcher  
{  
privatevarname:String;  
publicfunctionchangeName(newName:String){  
this.name=newName;  
dispatchEvent(newMyEventTest(MyEventTest.ONCHANGE));  
}  
}  
}

3.自定义Flex事件分发中App.mxml代码

<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute"xmlns:comp  
> 
<mx:Script> 
<![CDATA[  
importmx.controls.Alert;  
privatefunctionchangeName(){  
cfe.changeName("新名称");  
}  
]]> 
</mx:Script> 
<mx:Buttonidmx:Buttonid="testBtn"click="changeName()"label="测试"/> 
<components:ComponentForEvent 
id="cfe"/> 
</mx:Application>

【编辑推荐】