Flex4 学习笔记-Action Script基础语法-自定义事件

下面是Flex自定义事件实例.在Flex中,可以自己定义事件的类型..然后,通过一个按钮,触发自定义类型的事件.

 

 

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" creationComplete="application1_creationCompleteHandler(event)"
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	
	<!--布局方式-->
	<s:layout>
		<!--采用垂直布局，并且水平位置居中对齐，垂直位置居中对齐-->
		<s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/>
	</s:layout>

	<fx:Script>
		<![CDATA[
			import mx.events.FlexEvent;
			protected function btnID_clickHandler(event:MouseEvent):void
			{
				//分发事件;
				dispatchEvent(new Event("Clicked"));
			}

			//当application加载完，处理的函数;
			protected function application1_creationCompleteHandler(event:FlexEvent):void
			{
				//添加事件监听;
				this.addEventListener("Clicked",clickHandel);
			}
			
			protected function clickHandel(e:Event):void{
				//输出;
				trace("你点击了按钮.");
			}

		]]>
	</fx:Script>


	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<fx:Metadata>
		<!-- 声明一个事件类型 -->
		[Event(name="Clicked",type="flash.events.Event")]
	</fx:Metadata>
	
	<!--定义一个按钮，用来触发自定义事件-->
	<s:Button  id="btnID" click="btnID_clickHandler(event)" label="请单击按钮触发自定义事件"/>
	
</s:Application>

 

如果单击按钮, 则后台会输出,“你单击了按钮”..则代表已经监听到此事件..