本文和大家重点讨论一下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>