定义组件行为的方式

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>