Flex自定义事件二

一、创建事件类ShowGirl.as

package Test
{
	import flash.events.Event;
	
	public class ShowGirl extends Event
	{
		//以下三个变量为事件类型
		public static var girl1:String = "Girl1";
		public static var girl2:String = "Girl2";
		public static var girl3:String = "Girl3";
		
		public function ShowGirl(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
		{
			super(type, bubbles, cancelable);
		}
	}
}

二、创建主程序TestEvent.mxml,触发事件

<?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" 
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   minWidth="955" minHeight="600"
			   creationComplete="initApp(event)">
	<fx:Script>
		<![CDATA[
			import Test.ShowGirl;
			
			import mx.controls.Alert;
			import mx.events.FlexEvent;
			[Bindable]
			public var imageSrc:String; 
			
			//触发事件的方法
			protected function mouseOverHandler(event:MouseEvent):void
			{
				var showGirl:ShowGirl;
				
				if(event.target.text == "Girl1")
				{
					showGirl = new ShowGirl(ShowGirl.girl1);
					dispatchEvent(showGirl);
				}else if(event.target.text == "Girl2")
				{
					showGirl = new ShowGirl(ShowGirl.girl2);
					dispatchEvent(showGirl);
				}else if(event.target.text == "Girl3")
				{
					showGirl = new ShowGirl(ShowGirl.girl3);
					dispatchEvent(showGirl);
				}
			}
			
			//事件发生时的处理方法
			public function changeImg(event:Event):void
			{
				if(event.type == ShowGirl.girl1)
				{
					imageSrc = "image/1.jpg";
				}else if(event.type == ShowGirl.girl2)
				{
					imageSrc = "image/2.jpg";
				}else if(event.type == ShowGirl.girl3)
				{
					imageSrc = "image/3.jpg";	
				}
			}
			
			//注册事件
			public function initApp(event:FlexEvent):void
			{
				this.addEventListener(ShowGirl.girl1, changeImg);
				this.addEventListener(ShowGirl.girl2, changeImg);
				this.addEventListener(ShowGirl.girl3, changeImg);
			}
			
			
		]]>
	</fx:Script>
	
	<s:Image x="257" y="129" width="195" height="185" source="{imageSrc}"/>
	
	<s:Label x="257" y="322" text="Girl1" mouseOver="mouseOverHandler(event)"/>
	<s:Label x="340" y="322" text="Girl2" mouseOver="mouseOverHandler(event)"/>
	<s:Label x="428" y="322" text="Girl3" mouseOver="mouseOverHandler(event)"/>
	
	
</s:Application>


 

猜你喜欢

转载自blog.csdn.net/raphero/article/details/7473076