某些組件在用戶的操作過程中，會出現(xiàn)一些很酷的動畫效果。比如，使用TREE制作下拉菜單，或者ComboBox制作下拉菜單時，下拉列表很酷的滑出來。這種效果，主要是借助Tween類或者easing類完成的。一般的效果分為三類：
A、Open:使用組件打開子部分動畫效果時，這類效果支持的組件包括：ComboBox、Accordion、Tree；
B、Popup：使用組件彈出子部分動畫效果時，支持組件MenuBar；
C、Selection:當組件里的項目被選中中，出現(xiàn)一些顏色標示動畫效果，支持組件：ComboBox、DataGrid、List、Tree。

對組件動畫效果的修改也分為三類：全局修改、組件類修改、實例化修改。（隨后有詳細介紹）

[heart] 關于Open類動畫效果，可有兩個屬性：
一、openDuration：動畫持續(xù)時間，單位為毫秒，數(shù)值越小，動畫越快。
二、openEasing:動畫效果類，使用mx.transition.easing包里的類，包括Back、Bounce、Elastic、None、Regular、Strong，這些動畫效果要配合Tween類，以及淡出淡入函數(shù)來實現(xiàn)。

[heart] 修改彈出類動畫效果（Popup），只有一個屬性：
poputDuration：動畫持續(xù)時間，與openEasing相同。因為這類效果一般只支持MenuBar組件。所以只有下拉菜單的時候。彈出時間的長短這一屬性。大家一定要記住哦。
[heart] 修改選擇顏色標示（Selection）類動畫效果，可以有以下兩個屬性：
selectionDuration：動畫持續(xù)時間，跟openEasing相同；
selectionEasing：動畫效果類，與openEasing相同。
例如：修改ComboBox組件下拉列表會修改動畫效果，動畫效果在1秒內(nèi)完成：
_global.styles.ComboBox.setStyles("openDuration",1000)
//設置打開類動畫效果
_global.styles.ComboBox.setStyles("openEasing",mx.transitions.easing.Elastic.easeOut);

當然，這上面的后面一段，可能有些復雜。對吧。下面就來簡化一下：
import mx.transitions.easing.*;
_global.styles.ComboBox.setStyles("openDuration",1000);
_global.sytles.ComboBox.setStyles("openEasing",Elastic.easeOut);

下面，再舉一個修改List組件顏色標示動畫效果：
import mx.transitions.easing.*;
_global.styles.ScrollSelectList.setStyle("selectionDruation",1000);
_global.styles.ScrollSelectList.setStyle("selectionEasing",Elastic.easeOut)
備注：ComboBox、DataGrid、List、MenuBar里的Menu和Tree組件都是繼承ScrooSelectList類，所以，如果要改變顏色標示動畫效果。就需要直接修改ScrooSelectList的樣式。不過，如果FLA里同時有幾個這類的組件。全部都會受到影響的。如果只想修改List組件，就要利用組件類修改的方法。大家如果對easing類不太熟悉。下面舉一個例子：



easing 包提供了的六個用于控制緩動的類：
Back 一次在一端或兩端擴展到過渡范圍之外以提供輕微的溢出效果。
Bounce 完全在過渡范圍的一端或兩端內(nèi)提供彈跳效果。彈跳次數(shù)與持續(xù)時間有關：持續(xù)時間越長，彈跳次數(shù)越多。
Elastic 提供一端或兩端超出過渡范圍的彈性效果。彈性量不受持續(xù)時間影響。
None 提供從開始到結(jié)尾的無任何減速或加速效果的相同的運動。該過渡通常也稱為線性過渡。
Regular 在加速效果、減速效果或這兩種效果的一端或兩端提供更慢的運動。
Strong 在一端或兩端提供很慢的運動。此效果類似于 Regular，但更為顯著。

easing 包的三個緩動方法：
easeIn 在過渡的開始提供緩動效果。
easeOut 在過渡的結(jié)尾提供緩動效果。
easeInOut 在過渡的開始和結(jié)尾提供緩動效果。

先來看看Open這種動畫效果演示：



下面看看代碼：
//導入easing類
import mx.transitions.easing.*;
//設置全局組件樣式
_global.styles.ComboBox.setStyle("openDuration", 2000);
_global.styles.ComboBox.setStyle("openEasing", Elastic.easeOut);
//設置個別組件樣式
my_ComboBox1.setStyle("openDuration", 250);
//取消my_ComboBox1的動畫效果
my_ComboBox1.setStyle("openEasing", null);
這里，就用到了全局定義，以及局定義。也就是實例修改。實例修改的時候。只需要單獨將需要設置樣式的組件賦加上函數(shù)。

如上面所示，實例修改的語法：
組件實例.setStyle("屬性",參數(shù))
example:
import mx.transitions.easing.*;
my_ComboBox.setStyle("openEasing",Elastic.easeOut)

大家有不明白的地方，可以留言。呵呵...寫得比較簡單，大家將就著看喲...

最新評論