自定义触发器(在自定义动画效果的基础上)

组件：imgBox.mxml

 

<? xml version="1.0" encoding="utf-8" ?>
< mx:Canvas  xmlns:mx ="http://www.adobe.com/2006/mxml"  width ="400"  height ="300" >
     <!--  元数据标签    -->
     < mx:Metadata >
         <!--  为事件和效果触发器定义数据    -->
        [Event(name="hideImage",type="flash.events.Event")]
        [Event(name="showImage",type="flash.events.Event")]
         <!--  将事件和效果联系起来    -->
        [Effect(name="hideImageEffect",event="hideImage")]
        [Effect(name="showImageEffect",event="showImage")]
     </ mx:Metadata >
     < mx:Script >
         <![CDATA[
            internal function doDown():void{
                this.dispatchEvent(new Event("hideImage"));  //派发事件
            }
            internal function doUp():void{
                this.dispatchEvent(new Event("showImage"));  //派发事件
            }
         ]]>
     </ mx:Script >
     < mx:Image  x ="108"  y ="0"  source ="img/5.jpg"  width ="292"  height ="300"  id ="img"  mouseDown ="doDown()"  mouseUp ="doUp()" />
</ mx:Canvas >

 imgBoxIris.mxml

 

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  xmlns:tree ="tree.*" >
     < tree:NewIrisEffect  id ="myIris1"  position ="leftTop"  scaleXFrom ="0.1"  scaleXTo ="1"  duration ="2000" ></ tree:NewIrisEffect >
     < tree:NewIrisEffect  id ="myIris2"  position ="rightBottom"  scaleXFrom ="1"  scaleXTo ="0.1"  duration ="2000" ></ tree:NewIrisEffect >
     < tree:imgBox  x ="29"  y ="20"  showImageEffect ="myIris1"  hideImageEffect ="myIris2" ></ tree:imgBox >
</ mx:Application >