在flex裡面不像在flash裡面隨意製作動畫了，flex更趨向於應用程式，而不是動畫製作了，所以沒有了時間軸的概念。在flex中使用動畫效果，可以用flex自帶的effect，或者自已定製effect，因為很多人都想借flash裡面的一樣操作flex，比如在flash裡面做乙個動態按鈕很容易，當滑鼠移動到上面時，會有很多發光的點跑出來（熒火蟲效果），這種效果在flash十分容易實現，但在flex裡面要實現這種效果就不是那麼簡單的了，下面說說在flex裡的的動務效果的使用與自定義製作。
首先介紹一下flex裡面的自帶的效果有以下幾種：
blur 模糊效果
move 移動效果
fade 淡入淡出效果
glow 發光效果
resize 調整大小效果
rotate 旋轉效果
zoom 縮放效果
wipeleft 用遮罩實現畫面收放效果，下同，分別為不同方向
wiperight
wipeup
wipedown
不同的效果所需要設定的屬性也不一樣，比如blur效果需要設定它的x與y軸的模糊畫素
而move效果需要設定移動的位置資訊
其它設定可以參考flex語言參考
下面說說如何使用這些效果。要執行這些效果有兩種方法：一種是呼叫該效果的play()方法，另外一種是使用觸發器來觸發效果。
（1）使用play()方法：
以下**：
1<?
xml version="1.0" encoding="utf-8"
?>
2<
xmlns:mx
=""layout
="absolute"
>
3<
mx:script
>45
private function onclick(event:event):void
9]]>
10mx:script
>
1112
<
mx:blur
id="be"
blurxto
="50"
bluryto
="50"
duration
="1000"
/>
1314
<
mx:panel
id="p"
width
="200"
height
="180"
click
="onclick(event)"
/>
15> 1
<?
xml version="1.0" encoding="utf-8"
?>
2<
xmlns:mx
=""layout
="absolute"
>34
<
mx:blur
id="be"
blurxto
="50"
bluryto
="50"
duration
="2000"
/>56
<
mx:panel
id="p"
width
="200"
height
="180"
creationcompleteeffect
=""/>
7> 1
<?
xml version="1.0" encoding="utf-8"
?>
2<
xmlns:mx
=""layout
="absolute"
>
3<
mx:script
>45
import mx.events.effectevent;
6public function oneffend(e:effectevent):void
10]]>
11mx:script
>
12<
mx:blur
id="be"
blurxto
="50"
bluryto
="50"
duration
="2000"
/>
1314
<
mx:panel
id="p"
width
="200"
height
="180"
creationcompleteeffect
=""effectend
="oneffend(event)"
/>
15>
現在再來說說效果的組合：
如，當載入頁面時，你想panel先模糊到一定程度，再將panel移動到某個位置，再把panel還原成原來的清淅度（即消退模糊）。這樣分析一下，一共用了三個效果，一，先應用blur（由清至模）效果，當blur完成時，再應用move效果，當move完成時，再應用另外乙個blur（由模至清）效果。這樣三個效果組合就是按順序組合，先後執行。
再來看看**：
1<?
xml version="1.0" encoding="utf-8"
?>
2<
xmlns:mx
=""layout
="absolute"
>34
<
mx:sequence
id="sequenceeffect"
>
5<
mx:blur
id="beout"
blurxto
="50"
bluryto
="50"
duration
="500"
/>
6<
mx:move
id="mv"
xto="200"
yto="150"
duration
="500"
/>
7<
mx:blur
id="bein"
blurxfrom
="50"
bluryfrom
="50"
blurxto
="0"
bluryto
="0"
duration
="500"
/>
8mx:sequence
>910
<
mx:panel
id="p"
width
="200"
height
="180"
mousedowneffect
="sequenceeffect"
/>
11> 1
<
mx:parallel
id="paralleleffect"
>
2<
mx:blur
id="beout"
blurxto
="50"
bluryto
="50"
duration
="500"
/>
3<
mx:move
id="mv"
xto="200"
yto="150"
duration
="500"
/>
4mx:parallel
>
Flex動畫效果與變換 三
這篇文章是flex動畫效果變換的最後一編了，這篇將會講述flex中的 變麵 技術，即是transitions！看到了效果了吧，這種的變換不難實現，再來看看 再解析 代 碼會比較多，我們先看看標籤，它是乙個集合，就是你的程式有多少個狀態，什麼是狀態呢？我自已理解就即是有多少個 面 譜 即是現在程式裡面...
Flex動畫效果與變換 二
很多開發者都並不滿足flex裡提供的簡單的漸 變大小，透明，移動，遮罩等的效果，如果是flash的開發者的話，更不用說了，在flash，多數人都是隨意的製作一些動畫效果等，而且形態多變。但是 不是flex裡就不能實現呢？肯定不是，在flex裡也可以自定義動畫效果，只不過就是沒有flash裡面那麼簡單...
Flex的動畫效果與變換 二
本文出自 在上篇文章 flex的動畫效果與變換 一 中講到了使用flex系統裡面自帶的一些動來效果的使用，但很多開發者都並不滿足flex裡提供的簡單的漸變大小，透明，移動，遮罩等的效果，如果是flash的開發者的話，更不用說了，在flash，多數人都是隨意的製作一些動畫效果等，而且形態多變。但是不是...