flex學習 特效

2021-05-23 23:03:51 字數 2177 閱讀 6789

一、簡介:

flex特效是ria應用程式的rich的重要組成部分。

effectmanager類管理所有的特效例項以避免不必要的定時器和方法呼叫造成的內記憶體使用過大。乙個效果由兩部分組成:一是效果的effectinstance,它包含了效果的基本資訊,標識出要執行什麼,怎麼執行,是移動還是漸變等。二是effect類,它在此扮演工廠的角色,來控制效果的執行等,如何時執行、何時刪除等。

1) 為每乙個目標元件建立乙個effectinstance例項。如果乙個效果的目標元件是多個的話,就建立多個effectinstance例項。

2) 框架從工廠物件裡複製所有的配置資訊到每乙個effectinstance例項。包括執行時間、重複次數等資訊。

三、常見效果類:

animateproperty:動畫屬性

blur :模糊

desolve :溶解

fade :凋零

glow :發光

iris :瞳孔放大縮小

move :移動

pause :定格

resize :改變大小

rotate :旋轉

soundeffect :音效

(wipeleft, wiperight, wipeup, wipedown) :擦拭

zoom :放大縮小

四、常見觸發動畫效果方式:

addedeffect :加入容器

creationcompleteeffect :建立完成

focusineffect :獲得鍵盤輸入

focusouteffect :失去鍵盤輸入

hideeffect :visable屬性設定為false

mousedowneffect :滑鼠按下

mouseupeffect :滑鼠按起

moveeffect :被拖動

resizeeffect :重新設定大小

removedeffect :被移除

rollouteffect :滑鼠移到控制項外

rollovereffect :滑鼠移到控制項上

showeffect :visable屬性設定為true

五、部分示例:

1:glow(發光)

**:alphafrom="0.6" alphato="0.2"

blurxfrom="0.0" blurxto="50.0"

bluryfrom="0.0" bluryto="50.0"

color="0xffffff"/>

duratuion 是特效的時間 1000 毫秒

alphafrom 是透明度從 0.6 開始

alphato 是透明度到 0.2

blurxfrom 是x放向的模糊開始位置(相對於控制項的)

blurxto 是x放向的模糊結束位置(相對於控制項的)

bluryfrom 是y放向的模糊開始位置(相對於控制項的)

bluryto 是y放向的模糊結束位置(相對於控制項的)

color 是發光的顏色

2:sequence (順序) bounce(彈跳)

**:import mx.effects.easing.*;

yby 是作用在y方向。

duratuion 是特效的時間 1000 毫秒

easingfunction 是鬆開動作

bounce.easeout 是跳出的動作

bounce.easein 是跳回的動作

作用到控制項:

mousedowneffect=""

id="image4"/>

六、自定義效果:

每個效果都是由兩個元素組成的,分別是effectinstance效果例項與effect類工廠。所以在自定義效果的時候,也要成對的建立這兩個類的子類,並分別繼承自effectinstance類和effect類。如:

七、其它:

2) 當給物件新增觸發效果方式時:uicompnent.setstyle("觸發方式",特效物件);

3) 運用組合效果(sequence與parallel)時,呼叫該效果的addchild方法即可,將子效果新增的組合效果物件中。如:

sequence.addchild(move);

sequence.addchild(glow);

八、:有不對的地方、需要補充的地方或理解不好的地方希望看到的朋友們予以指正,謝謝!!!

Flex 常見特效

常見效果類 animateproperty 動畫屬性 blur 模糊 desolve 溶解 fade 凋零 glow 發光 iris 瞳孔放大縮小 move 移動 pause 定格 resize 改變大小 rotate 旋轉 soundeffect 音效 wipeleft,wiperight,wip...

Flex 常見特效

常見效果類 animateproperty 動畫屬性 blur 模糊 desolve 溶解 fade 凋零 glow 發光 iris 瞳孔放大縮小 move 移動 pause 定格 resize 改變大小 rotate 旋轉 soundeffect 音效 wipeleft,wiperight,wip...

原創 Flex特效初探

乙個擴充套件後的linkbutton 當滑鼠移動到linkbutton上的時候,在linkbutton上會出現乙個向上移動的label,並且會有乙個振動的效果,當滑鼠移走的時候,label消失,如圖所示。如何實現這個效果呢,下面是原始碼 xml version 1.0 encoding utf 8 ...