通过ACTIONSCRIPT给FLEX中的组件添加特效.
主要是使用setStyle() 方法。
来自:http://blog.flexexamples.com/2008/02/27/setting-effects-with-actionscript-in-flex/
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/02/27/setting-effects-with-actionscript-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init();">
<mx:Script>
<![CDATA[
import mx.effects.easing.*;
private function init():void {
img.setStyle("showEffect", rotate);
img.setStyle("hideEffect", fade);
}
]]>
</mx:Script>
<mx:Fade id="fade" />
<mx:Rotate id="rotate"
angleFrom="-180"
angleTo="0"
easingFunction="Elastic.easeInOut"
duration="2000" />
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="visible:">
<mx:ToggleButtonBar id="toggleButtonBar"
itemClick="img.visible = event.item.data;">
<mx:dataProvider>
<mx:Array>
<mx:Object label="Show" data="true" />
<mx:Object label="Hide" data="false" />
</mx:Array>
</mx:dataProvider>
</mx:ToggleButtonBar>
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:Image id="img"
source="@Embed('assets/flashplayer_icon.jpg')"
width="100"
height="100" />
</mx:Application>
<!-- http://blog.flexexamples.com/2008/02/27/setting-effects-with-actionscript-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init();">
<mx:Script>
<![CDATA[
import mx.effects.easing.*;
private function init():void {
img.setStyle("showEffect", rotate);
img.setStyle("hideEffect", fade);
}
]]>
</mx:Script>
<mx:Fade id="fade" />
<mx:Rotate id="rotate"
angleFrom="-180"
angleTo="0"
easingFunction="Elastic.easeInOut"
duration="2000" />
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="visible:">
<mx:ToggleButtonBar id="toggleButtonBar"
itemClick="img.visible = event.item.data;">
<mx:dataProvider>
<mx:Array>
<mx:Object label="Show" data="true" />
<mx:Object label="Hide" data="false" />
</mx:Array>
</mx:dataProvider>
</mx:ToggleButtonBar>
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:Image id="img"
source="@Embed('assets/flashplayer_icon.jpg')"
width="100"
height="100" />
</mx:Application>
来自:http://blog.flexexamples.com/2008/02/27/setting-effects-with-actionscript-in-flex/