學Adobe Flex最酷的效果莫過於看到button 的移動了…
用Adobe Flex可以用程式寫效果, 不用再用FLASH畫也可以做出相對效果.
以下是一些特效的範例:
<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”vertical”>
<mx:Script>
<![CDATA[
import mx.effects.easing.Back;
]]>
</mx:Script>
<mx:Button label=”Button” width=”273″ height=”99″ mouseDownEffect=”{effect1}”/>
<mx:Button label=”MoveIT” mouseDownEffect=”{effect2}”/>
<mx:AnimateProperty id=”effect1″ property=”x” fromValue=”10″
toValue=”100″ duration=”2000″
easingFunction=”Back.easeOut”
/>
<!– East In, East Out, 回彈效果–>
<mx:Blur id=”effect2″ blurXFrom=”0″ blurXTo=”100″ duration=”2000″ />
<!– 模糊 –>
<!– blurXTo 間距 –>
<mx:Button label=”Dissolve” mouseDownEffect=”{effect3}”/>
<mx:Dissolve id=”effect3″ alphaFrom=”1″ alphaTo=”0″ duration=”2000″ />
<!– 溶解 –>
<mx:Button label=”Fade” mouseDownEffect=”{effect4}”/>
<mx:Fade id=”effect4″ alphaFrom=”0″ alphaTo=”1″ duration=”3000″ />
<!– 淡入 –>
<mx:Button label=”Glow” mouseDownEffect=”{effect5}” width=”267″ height=”100″/>
<mx:Glow id=”effect5″ alphaFrom=”0″ alphaTo=”1″ blurXFrom=”0″ blurXTo=”100″ duration=”500″ repeatCount=”3″ repeatDelay=”4″/>
<!– 光暈 –>
</mx:Application>