AS 中的自定義元件動畫

2021-08-24 21:36:29 字數 1828 閱讀 4202

自定義元件動畫

某些元件(如 accordion、combobox 和 tree 元件)提供動畫來演示元件狀態之間的過渡(例如,在 accordion 子項之間切換、擴充套件組合框下拉列表和擴充套件或摺疊樹形資料夾時)。另外,元件提供與專案(如列表中的行)的選擇和取消選擇有關的動畫。

可以通過以下樣式來控制這些動畫的各個方面:

動畫樣式

描述openduration

在 accordion、combobox 和 tree 元件中開啟緩動的過渡時間(以毫秒為單位)。預設值為 250。

openeasing

對控制 accordion、combobox 和 tree 元件中的狀態動畫的補間函式的引用。預設等式使用正弦輸入/輸出公式。

popupduration

當開啟 menu 元件中的選單時,過渡的持續時間(以毫秒為單位)。預設值為 150。但是請注意,動畫總是使用預設的正弦輸入/輸出等式。

selectionduration

在 combobox、datagrid、list 和 tree 元件從正常狀態到所選狀態或從所選狀態回到正常狀態的過渡的持續時間(以毫秒為單位)。預設值為 200。

selectioneasing

對控制 combobox、datagrid、list 和 tree 元件中的所選動畫的補間函式的引用。此樣式僅適用於從正常狀態到所選狀態的過渡。預設等式使用正弦輸入/輸出公式。

mx.transitions.easing 包提供了六個類來控制緩動:

緩動類描述

back

一次在一端或兩端擴充套件到過渡範圍之外以提供輕微的溢位效果。

bounce

完全在過渡範圍的一端或兩端內提供彈跳效果。彈跳數與持續時間相關:持續時間越長,彈跳數越多。

elastic

提供一端或兩端超出過渡範圍的彈性效果。彈性量不受持續時間影響。

none

提供從開始到結尾的無任何減速或加速效果的相同的運動。該過渡通常也稱為線性過渡。

regular

在加速效果、減速效果或這兩種效果的一端或兩端提供更慢的運動。

strong

在一端或兩端提供很慢的運動。此效果類似於 regular,但更為顯著。

mx.transitions.easing 包中的每個類都提供以下三個緩動方法:

緩動方法

描述easein

在過渡的開始提供緩動效果。

easeout

在過渡的結尾提供緩動效果。

easeinout

在過渡的開始和結尾提供緩動效果。

以下動畫演示不同的緩動類和緩動方法。在使用單選按鈕選擇類、方法和持續時間時,球隨您的設定從左邊跳到右邊。您也可以單擊"動畫"按鈕來使球使用當前的選擇重新動起來。

因為緩動方法是緩動類的靜態方法,所以您根本不必例項化緩動類。在對 setstyle() 的呼叫中使用這些方法,如以下示例所示。

import mx.transitions.easing.*;

trace("_global.styles.accordion = " + _global.styles.accordion);

_global.styles.accordion.setstyle("openduration", 1500);

_global.styles.accordion.setstyle("openeasing", bounce.easeout);

注意所有過渡都使用的預設等式在上面列出的緩動類中不可用。要在指定了其它緩動方法後指定元件應使用預設的緩動方法,請呼叫 setstyle("openeasing", null)。

有關詳細資訊,請參閱《actionscript 2.0 元件語言參考》中的"將緩動方法應用於元件"。

自定義動畫

在製作自定義動畫時,有以下八個樣式可供選擇 animation name 動畫名稱 元素所應用的動畫名稱,必須與規則 keyframes 配合使用,因為動畫名稱由 keyframes 定義。animation duration 動畫時間 設定物件動畫的持續時間 animation timing fu...

Flex中自定義元件

如要重寫元件,就不得不了解flex中元件初始化過程。初始化過程中,系統依次呼叫元件的一下方法 constructor createchildren commitproperties measure updatedisplaylist 介紹下各個函式的作用 constructor構造器,不用說了吧 c...

自定義元件

myedittext 清除輸入的資料 setcompunddrawable 設定edittext ontouchevent ondraw 作用 繪製view顯示的內容,由系統自動呼叫 常用類 paint,canvas invalidate,postinvalidate 貪吃蛇原理 改變集合中的資料,...