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

對(duì)組件動(dòng)畫效果的修改也分為三類：全局修改、組件類修改、實(shí)例化修改。（隨后有詳細(xì)介紹）

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

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

當(dāng)然，這上面的后面一段，可能有些復(fù)雜。對(duì)吧。下面就來(lái)簡(jiǎn)化一下：
import mx.transitions.easing.*;
_global.styles.ComboBox.setStyles("openDuration",1000);
_global.sytles.ComboBox.setStyles("openEasing",Elastic.easeOut);

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



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

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

先來(lái)看看Open這種動(dòng)畫效果演示：



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

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

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

最新評(píng)論