flex動畫效果

2021-08-31 11:12:16 字數 4269 閱讀 3397

.1 認識行為物件

6.1.1 什麼是行為物件

行為物件可以看作是觸發器(trigger) 和動畫效果(effect) 的結合體。

觸發器和事件並不相同,針對乙個事件的觸發器,受到事件的制約。事件可以被監聽,而觸發器不可以。

元件定義了多種觸發器,成為本身的乙個屬性,這些觸發器預設沒有設定動畫效果。

行為物件允許對乙個觸發器定義多個動畫效果,當觸發器被啟用,這些動畫會按某種順序執行。

6.1.2 建立行為

move 標籤:將target 指定的作用目標 img 從xfrom 移動到 xto 位置,duration 表示持續的時間(單位:毫秒)。

label="移動"

click="mymove.play()"/>

pause():暫停動畫

6.2 行為和元件

6.2.1 元件的行為和動畫效果

uicomponent 是所有元件的父類,定義了元件共有的屬性和方法,其中包括行為觸發器:

觸發器名詞

對應的事件名詞

事件描述

addedeffect

added

當被新增到容器中時觸發

createcompleteeffect

createcomplete

當元件完成繪製時觸發

removedeffect

removed

當元件從容器中刪除時觸發

focusineffect

focusin

當元件獲得焦點時觸發

focusouteffect

focusout

當元件失去焦點時觸發

hideeffect

hide

當元件變成不可見時觸發

showeffect

show

當元件變成可見時觸發

mousedowneffect

mousedown

當滑鼠在元件上按下時觸發

mouseupeffect

mouseup

當滑鼠在元件上鬆開時觸發

rollouteffect

rollout

當滑鼠在元件上移開時觸發

rollovereffect

rollover

當滑鼠移到元件上時觸發

moveeffect

move

當元件被移動時觸發

resizeeffect

resize

當元件大小改變時觸發

所有的動畫效果都是effcet 類的子類,位於 mx.effects 包中:

effect 名稱

動畫效果描述

animateproperty

針對元件的乙個以數字計算的屬性,比如長度,

按給定的起始值逐漸改變屬性的大小。

blur

模糊效果。可以讓元件變得模糊,核心由 blurfilter 濾鏡完成。

當對元件使用了該效果,不可再使用 blur 濾鏡和其他模糊效果。

fade

淡入淡出效果。

注意:當目標物件中包括文字時,必須使用嵌入字型。

dissolve

溶解效果,主要是在目標物件上增加覆蓋層,改變覆蓋層的透明度,達到讓目標消失或出現的效果。

和 fade 效果相比,它可以設定覆蓋層的顏色。

注意:當目標物件中包括文字時,必須使用嵌入字型。

glow

發光效果,使用了glowfilter 濾鏡。

當對元件使用了該效果,不可再使用glowfilter 濾鏡和其他發光效果。

iris

彩虹效果,元件以矩形方式,從中心放大或縮小到中心。

屬於遮罩效果。

move

移動效果,移動元件的座標,只有當元件位於支援絕對定位的容器中時才有效。

pause

停止,什麼都不改變,沒有動畫。

一般用於復合動畫效果中,用來分割前後兩個動畫。

resize

尺寸調整效果,改變元件的長和寬。

當改變元件的長和寬時,處於同乙個容器的其他元件的大小也可能會相應改變,如果該容器使用了絕對定位則不會發生這種情況。

rotate

旋轉效果。

soundeffect

注意:當目標物件中包括文字時,必須使用嵌入字型。

wipeleft

wiperight

wipeup

wipedown

擦除效果,屬於遮罩效果。

對應不同方向。

zoom

放縮效果,以元件為中心進行放縮。

6.2.2 為元件新增行為--監聽動畫的執行

<?xmlversion="1.0"

encoding="utf-8"?>

layout="absolute"

>

source="style.css"/>

internal function effectstarthandler():void

internal function effectendhandler():void

]]>

>

id="tip_txt"

text="提示資訊:"

label="改變"

x="37"

y="153"

click="image.visible = image2.visible= !image.visible"/>

可以通過css樣式來設定元件的行為:

flex動畫效果

6.1 認識行為物件 6.1.1 什麼是行為物件 行為物件可以看作是觸發器 trigger 和動畫效果 effect 的結合體。觸發器和事件並不相同,針對乙個事件的觸發器,受到事件的制約。事件可以被監聽,而觸發器不可以。元件定義了多種觸發器,成為本身的乙個屬性,這些觸發器預設沒有設定動畫效果。行為物...

Flex 動畫效果

在flex裡面不像在flash裡面隨意製作動畫了,flex更趨向於應用程式,而不是動畫製作了,所以沒有了時間軸的概念。在flex中使用動畫效果,可以用flex自帶的effect,或者自已定製effect,因為很多人都想借flash裡面的一樣操作flex,比如在flash裡面做乙個動態按鈕很容易,當滑...

Flex裡的動畫效果

flex裡有只帶的動畫效果,也可以自定義製作動畫效果。flex裡面的自帶的效果有以下幾種 blur 模糊效果 move 移動效果 fade 淡入淡出效果 glow 發光效果 resize 調整大小效果 rotate 旋轉效果 zoom 縮放效果 wipeleft 用遮罩實現畫面收放效果,下同,分別為...