Flex动画效果的用法--Resize

 

<?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>