Adobe Flex 製作動畫效果

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *