定义组件行为的方式

1。在MXML中定义组件的行为并使用它

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute" >
     < mx:Script >
         <![CDATA[
            internal function effectStartHandler():void{
                tip_txt.text="提示：动画已经开始了";
            }
            internal function effectEndHandler():void{
                tip_txt.text="提示：动画已经结束了";
            }
         ]]>
     </ mx:Script >
     <!--  给图片添加Iris效果   -->
     < mx:Image  id ="image1"  x ="10"  y ="38"  source ="img/wang.jpg"  width ="191"  height ="284"  showEffect ="{myIris}"  hideEffect ="{myIris}" />
     <!--  给图片添加wipe效果   -->
     < mx:Image  id ="image2"  x ="225"  y ="38"  source ="img/wang.jpg"  width ="190"  height ="284"  showEffect ="{myWipeDown}"  hideEffect ="myWipeLeft" />
     <!--  为按钮添加动作，每次都可以改变图片的visible属性，使图片具有切换效果   -->
     < mx:Button  x ="500"  y ="99"  label ="改变图片"  click ="image1.visible=image2.visible=!image1.visible" />
    
     < mx:ApplicationControlBar  x ="10"  y ="0"  width ="405" >
         < mx:Label  text ="提示信息"  id ="tip_txt"  width ="257"  height ="20"  styleName ="label" />
     </ mx:ApplicationControlBar >
    
     < mx:Iris  id ="myIris"  effectStart ="effectStartHandler()"  effectEnd ="effectEndHandler()" ></ mx:Iris >
     < mx:WipeDown  id ="myWipeDown" ></ mx:WipeDown >
     <!--  repeatCount每次播放的次数， repeatDelay播放间隔时间     -->
     < mx:WipeLeft  id ="myWipeLeft"  repeatCount ="5"  repeatDelay ="500" ></ mx:WipeLeft >
</ mx:Application >

 

2。在CSS中定义组件的行为。 在MXML中使用它

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute" >
     < mx:Style >
        .image1{
            showEffect:myIris;
            hideEffect:myIris;    
        }
        .image2{
            showEffect:myWipeDown;
            hideEffect:myWipeLeft;
        }
     </ mx:Style >
     < mx:Script >
         <![CDATA[
            internal function effectStartHandler():void{
                tip_txt.text="提示：动画已经开始了";
            }
            internal function effectEndHandler():void{
                tip_txt.text="提示：动画已经结束了";
            }
         ]]>
     </ mx:Script >
     <!--  给图片添加Iris效果   -->
     < mx:Image  id ="image1"  x ="10"  y ="38"  source ="img/wang.jpg"  width ="191"  height ="284"  styleName ="image1" />
     <!--  给图片添加wipe效果   -->
     < mx:Image  id ="image2"  x ="225"  y ="38"  source ="img/wang.jpg"  width ="190"  height ="284"  styleName ="image2" />
     <!--  为按钮添加动作，每次都可以改变图片的visible属性，使图片具有切换效果   -->
     < mx:Button  x ="500"  y ="99"  label ="改变图片"  click ="image1.visible=image2.visible=!image1.visible" />
    
     < mx:ApplicationControlBar  x ="10"  y ="0"  width ="405" >
         < mx:Label  text ="提示信息"  id ="tip_txt"  width ="257"  height ="20"  styleName ="label" />
     </ mx:ApplicationControlBar >
    
     < mx:Iris  id ="myIris"  effectStart ="effectStartHandler()"  effectEnd ="effectEndHandler()" ></ mx:Iris >
     < mx:WipeDown  id ="myWipeDown" ></ mx:WipeDown >
     <!--  repeatCount每次播放的次数， repeatDelay播放间隔时间     -->
     < mx:WipeLeft  id ="myWipeLeft"  repeatCount ="5"  repeatDelay ="500" ></ mx:WipeLeft >
</ mx:Application >

 

 

3。在初使化initApp()中通过setStyle方法，给image1和image2设置了行为属性showEffect和hideEffect。在MXML中定义了对应的动画效果

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  creationComplete ="initApp()" >
     < mx:Script >
         <![CDATA[
        //在初使化initApp()中通过setStyle方法，给image1和image2设置了行为属性showEffect和hideEffect
        //在MXML中定义了对应的动画效果
            internal function initApp():void{
                image1.setStyle("showEffect",myIris);
                image1.setStyle("hideEffect",myIris);
                image2.setStyle("showEffect",myWipeDown);
                image2.setStyle("hideEffect",myWipeLeft);
            }
            internal function effectStartHandler():void{
                tip_txt.text="提示：动画已经开始了";
            }
            internal function effectEndHandler():void{
                tip_txt.text="提示：动画已经结束了";
            }
         ]]>
     </ mx:Script >
     <!--  给图片添加Iris效果   -->
     < mx:Image  id ="image1"  x ="10"  y ="38"  source ="img/wang.jpg"  width ="191"  height ="284" />
     <!--  给图片添加wipe效果   -->
     < mx:Image  id ="image2"  x ="225"  y ="38"  source ="img/wang.jpg"  width ="190"  height ="284" />
     <!--  为按钮添加动作，每次都可以改变图片的visible属性，使图片具有切换效果   -->
     < mx:Button  x ="500"  y ="99"  label ="改变图片"  click ="image1.visible=image2.visible=!image1.visible" />
    
     < mx:ApplicationControlBar  x ="10"  y ="0"  width ="405" >
         < mx:Label  text ="提示信息"  id ="tip_txt"  width ="257"  height ="20"  styleName ="label" />
     </ mx:ApplicationControlBar >
    
     < mx:Iris  id ="myIris"  effectStart ="effectStartHandler()"  effectEnd ="effectEndHandler()" ></ mx:Iris >
     < mx:WipeDown  id ="myWipeDown" ></ mx:WipeDown >
     <!--  repeatCount每次播放的次数， repeatDelay播放间隔时间     -->
     < mx:WipeLeft  id ="myWipeLeft"  repeatCount ="5"  repeatDelay ="500" ></ mx:WipeLeft >
</ mx:Application >