Flex动画效果的用法--Resize

Flex动画效果的用法--Resize

FlexAdobeXML 

<?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">
    <s:layout>
        <s:BasicLayout/>
    </s:layout>
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
        <mx:Resize id="expand" target="{img}" widthTo="200" heightTo="200"
               duration="10000" effectEnd="endEffectHandler();"/>
    </fx:Declarations>
    <mx:Image id="img" width="30" height="60"
              source="@Embed(source='source/img1.jpg')"/>
    <mx:Button id="button1" label="启动" click="expand.play();" x="103" y="197"/>
    <mx:Button label="暂停" click="expand.pause();" x="188" y="197"/>
    <mx:Button label="继续播放" click="expand.resume();" x="269" y="198"/>
    <mx:Button label="逆序播放" click="expand.reverse();" x="355" y="198"/>
    <mx:Button label="结束" click="expand.end();" x="434" y="197"/>
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            private function endEffectHandler():void {
                Alert.show("Effect 结束!");
            }


            /*
            Resize 效果在指定的时间间隔更改组件的宽度或高度，或同时更改这两者。
            属性
            Resize：效果的持续时间（以毫秒为单位）。

            事件
            effectEnd：mx.events.EffectEvent.EFFECT_END

            方法
            play():
            开始播放效果。通常在调用 play() 方法之前先调用 end() 方法，以确保在开始播放新效果前已结束先前效果的所有实例。
            所有子类都必须实现此方法。

            pause():
            暂停效果，直到调用 resume() 方法。

            resume():
            在效果由 pause() 方法暂停后继续播放效果。

            reverse():
            逆序播放效果；如果当前正在播放效果，则从该效果的当前位置开始逆序播放。

            end():
            断当前正在播放的效果，立即跳转到该效果的末尾。调用此方法将调用 EffectInstance.end() 方法。
            如果调用此方法来结束播放效果，效果实例将分派 effectEnd 事件。
            如果将效果实例作为参数传递，则会中断此实例。如果没有传入参数，则该效果当前生成的所有效果实例都将中断。


            */
        ]]>
    </fx:Script>
</s:Application>