Flex 中组件效果的例子----ActionScript控制组件效果

 

 

 

先看一个例子：

 

1. <?xml version="1.0" encoding="utf-8" ?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="createEffect(event);">
3.     <mx:Script>
4.         <![CDATA[
5.             import mx.effects.Resize;
6.             
7.             private var resizeLarge:Resize = new Resize();
8.             
9.             private function createEffect(eventObj:Event):void{
10.                 resizeLarge.target = button2 ;
11.                 resizeLarge.widthTo = 200 ;
12.                 resizeLarge.heightTo = 60;
13.                 resizeLarge.duration = 1000;
14.             }
15.         ]]>
16.     </mx:Script>
17.     <mx:Button id="button1" label="OK" click="resizeLarge.end();resizeLarge.play();"  x="128" y="42"/>
18.     <mx:Button id="button2" label="Canel" click="button2.width=100;button2.height=30"  x="216" y="42"/>
19. </mx:Application>

通过ActionScript创建了Resize对象并对一个按钮组件进行了行为控制，通过对象的target属性知名了目标按钮button2，对于效果对象的初始化通过程序加载监视器creationComplete实现。在Button组件的button1的click事件监听中定义执行了两条ActionScript命令：resizeLarge.end()用于控制结束前一次的效果，这里起状态重置作用；resizeLarge.play()则用于执行效果。Button组件button2则定义了对本身的尺寸重置。

 

运行效果：