原創 Flex特效初探

2021-08-22 18:33:40 字數 2097 閱讀 2448

乙個擴充套件後的linkbutton

當滑鼠移動到linkbutton上的時候,在linkbutton上會出現乙個向上移動的label,並且會有乙個振動的效果,當滑鼠移走的時候,label消失,如圖所示。

如何實現這個效果呢,下面是原始碼

xml version="1.0" encoding="utf-8"

?>

<

xmlns:mx

=""layout

="absolute"

>

<

mx:style

>

label

mx:style

>

<

mx:script

>

]]>

mx:script

>

<

mx:move 

id="movepausemove"

yby="-20"

duration

="1000"

easingfunction

="bounce.easeout"

/>

<

mx:move 

id="movepausemoveback"

yby="-30"

duration

="2000"

easingfunction

="bounce.easeout"

/>

<

mx:linkbutton 

id="linkbttry"

x="169"

y="169"

label

=""height

="42"

width

="172"

icon

="@embed(source='image/button1.gif')"

mouseover

="zoommousebig(this.linkbttry)"

mouseout

="zoommousenormal(this.linkbttry)"

/>

>

全部的**如上所示,現在就具體來說一下個部分的內容

首先是用到了flex庫中的move元件,這個元件是用來做移動特效的,例如:從左向右移動,從上向下移動。

在引用這個元件的時候,有兩種方式:乙個是在元件裡的繫結,如下:

id="

movepausemove

" yby="

-20" duration="

1000

" target=""

easingfunction="

bounce.easeout

"/>

就是說在這個元件裡面,我們直接將target的屬性繫結到乙個控制項中去了。

還有一種是在as檔案中定義的,如

var mymove:move = new move();

mymove.target = 乙個控制項物件;

其實呢,是當滑鼠移動到linkbutton的時候,我們自己建立了乙個label的物件,在這個裡面有兩個問題需要注意一下:

乙個是當我們建立物件的時候,

mylabel =newlabel();

mylabel.id ="mylb";

mylabel.text ="許可權管理";

mylabel.x = targetstr.x + (targetstr.width/4);

mylabel.y = targetstr.y-targetstr.height/2+5;

我們用eclipse裡面的自動功能,是無法出現mylabel.x這樣的屬性的。再有乙個是,如果你重新new了乙個label,設定label.text的字型比較麻煩,我們可以直接使用css來完成,例如:

label

也可以這樣

label.id

最後乙個問題,就是linkbutton裡面的新增了,**如下:icon="

@embed(source='image/button1.gif')"。

flex學習 特效

一 簡介 flex特效是ria應用程式的rich的重要組成部分。effectmanager類管理所有的特效例項以避免不必要的定時器和方法呼叫造成的內記憶體使用過大。乙個效果由兩部分組成 一是效果的effectinstance,它包含了效果的基本資訊,標識出要執行什麼,怎麼執行,是移動還是漸變等。二是...

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...