flex 3自定义事件

     本文通过一个例子来说明自定义事件的简单使用。本例子将创建一个名为record的控件，这个控件包含一个text和一个button，本例子希望完成的功能是当点击这个控件时，能够区分点击的是text，还是button，这就需要使用到自定义事件。本程序源码结构如下图：

功能如下：EventTest--->主程序;record--->自定义控件，包含一个text和一个button；btnClickEvent--->自定义按钮点击的事件;txtClickEvent--->自定义text点击的事件。

代码如下：

  btnClickEvent.as

package { import flash.events.Event; public class btnClickEvent extends Event { public function btnClickEvent(type:String) { super(type); } } }

EventTest.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*"> <mx:Script> <!--[CDATA[ import mx.controls.Alert; private function btnClick(event:btnClickEvent):void { Alert.show("You have clicked the button!"); } private function txtClick(event:txtClickEvent):void { Alert.show("You have clicked the text!"); } ]]--> </mx:Script> <local:record btnClick="btnClick(event)" txtClick="txtClick(event)"> </local:record> </mx:Application>

record.mxml

 

<?xml version="1.0" encoding="utf-8"?> <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300"> <mx:Metadata> [Event(name="btnClick",type="btnClickEvent")] [Event(name="txtClick",type="txtClickEvent")] </mx:Metadata> <mx:Script> <!--[CDATA[ import mx.controls.Alert; private function btnClick():void { var event:btnClickEvent=new btnClickEvent("btnClick"); this.dispatchEvent(event); } private function txtClick():void { var event:txtClickEvent=new txtClickEvent("txtClick"); this.dispatchEvent(event); } ]]--> </mx:Script> <mx:Text text="文本" click="txtClick()" fontSize="12"/> <mx:Button label="按钮" click="btnClick()" fontSize="12"/> </mx:HBox>

txtClickEvent.as

package { import flash.events.Event; public class txtClickEvent extends Event { public function txtClickEvent(type:String) { super(type); } } }

自定义事件的关键步骤有以下几步：1，新建事件类，包括txtClickEvent和btnClickEvent；2，在自定义控件添加注册事件，[Event(name=" txtClick",type="txtClickEvent")]；3，触发事件，var event:txtClickEvent=new txtClickEvent(" txtClick");this.dispatchEvent(event);

注：红色字体的两个地方必须保证实例化的事件的type与事件的名称保持一致。