本文主要是介绍flex自定义组件和自定义事件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
看了一个帖子，自己写了一下。主要讲了自定义组件跟自定义事件。先看一下自定义事件。就跟在殿堂之路中写道一样。代码如生活，理解代码就如理解生活一样一样的。
什么是事件，事件是怎么运作的呢？我是这样理解的：
比如去了一家餐馆就餐，首先要制定服务员：我要求穿白裙子的那个美女为我服务（端茶倒水，上菜）；所以我落座后，说的话，都是穿白裙子妹妹，暂且叫，白美美。
这里指定服务员就比如在程序里注册事件监听器。mine.addEventListener( "点菜","白美美")。意思是如果mine发出“点菜” 的事件，“白美美”要去做。（注意，是如果，现在还没有发生这件事情，所以白美美什么事情也不会做。）假如 顾客类是 Customer， 则mine是Customer的一个实例。是顾客的一个实例如果发出点菜请求，则白美美要去做了。
顾客发出事件是：dispatchEvent（new Event）；这时候就会触发白美美为我们服务。
这里自定义一个自己的类。MyEvent.as
继承 Event。如下：
package classEvent
{import flash.events.Event;import flash.text.ReturnKeyLabel;public class MyEvent extends Event{public static const PREVIEW:String="提交";public var _data:String;public function MyEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false){super(type, bubbles, cancelable);}public function get data():String{return _data;}public function set data(data:String):void{_data=data;}}
}
自定义了一个类 ，这个事件是“提交”事件。（谁注册事件，谁发出事件）。当发出的时间跟注册的事件一样的时候，这时候侦听器才会执行。下面自定义一个组件，组件发出该事件。（在主应用程序里提前注册该事件）。发出事件后，该组件在主应用程序里早已经在那注册了，一旦事件发生后，监听器就会执行。
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300"><fx:Declarations><!-- 将非可视元素（例如服务、值对象）放在此处 --></fx:Declarations><fx:Script><![CDATA[import classEvent.MyEvent;private function previewHanler(evt:MouseEvent):void{dispatchEvent(new MyEvent(MyEvent.PREVIEW));}]]></fx:Script><s:Button x="121" y="47" label="按钮" click="previewHanler(event)"/></mx:Canvas>
然后把在组件拖到主应用程序中。
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s="library://ns.adobe.com/flex/spark"xmlns:mx="library://ns.adobe.com/flex/mx"xmlns:myComponent="myComponent.*"creationComplete="initApp()"><fx:Declarations><!-- 将非可视元素（例如服务、值对象）放在此处 --></fx:Declarations><fx:Script><![CDATA[import classEvent.MyEvent;import mx.controls.Alert;private function initApp():void{mycomponet.addEventListener(MyEvent.PREVIEW, previewHandler);}private function previewHandler(e:MyEvent):void{/* Alert.show("hello preview"); */textpr.text="hello preview";}]]></fx:Script><myComponent:MyComp id="mycomponet" x="113" y="93"></myComponent:MyComp><s:TextArea id="textpr" x="200" y="208"/>
</s:WindowedApplication>
这篇关于flex自定义组件和自定义事件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
