先看一个例子:
- <?xml version="1.0" encoding="utf-8" ?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="createEffect(event);">
- <mx:Script>
- <![CDATA[
- import mx.effects.Resize;
- private var resizeLarge:Resize = new Resize();
- private function createEffect(eventObj:Event):void{
- resizeLarge.target = button2 ;
- resizeLarge.widthTo = 200 ;
- resizeLarge.heightTo = 60;
- resizeLarge.duration = 1000;
- }
- ]]>
- </mx:Script>
- <mx:Button id="button1" label="OK" click="resizeLarge.end();resizeLarge.play();" x="128" y="42"/>
- <mx:Button id="button2" label="Canel" click="button2.width=100;button2.height=30" x="216" y="42"/>
- </mx:Application>
通过ActionScript创建了Resize对象并对一个按钮组件进行了行为控制,通过对象的target属性知名了目标按钮button2,对于效果对象的初始化通过程序加载监视器creationComplete实现。在Button组件的button1的click事件监听中定义执行了两条ActionScript命令:resizeLarge.end()用于控制结束前一次的效果,这里起状态重置作用;resizeLarge.play()则用于执行效果。Button组件button2则定义了对本身的尺寸重置。
运行效果: