2010-03-23 167 views
0

我試圖對按鈕進行效果處理,當我將鼠標放在它上面時,它會一直保持上下跳動,當鼠標滑出時它會停止。在flex中創建彈跳按鈕

我試過,但結果卻是非常糟糕:

<mx:Sequence id="bounceEffect" repeatCount="0"> 
     <mx:Move duration="2000" yBy="10" easingFunction="{Bounce.easeOut}"/> 
     <mx:Move duration="2000" yBy="-10" easingFunction="{Bounce.easeOut}"/>  
</mx:Sequence> 

<mx:Button id="btn" label="Request Information" rollOver="bounceEffect.play([btn])" 
    rollOut="bounceEffect.end()" fillColors="[#ff0000, #ff0000, #ff0000, #ff0000]" color="#ffffff" textRollOverColor="#ffffff" /> 

有人可以幫我在這?

當我將鼠標放在按鈕上並且在效果中按鈕上的文字變得非常朦朧時,我注意到了另外一些東西。

謝謝

回答

0

你能詳細說明你的意思是「真的很糟糕」嗎?你究竟看到了什麼,你不喜歡。

至於文字變得模糊,這並不奇怪。效果會對文字造成奇怪的影響,有時會使文字變得模糊,有時甚至模糊它們。這似乎是因爲它們在效果發生之前轉換爲位圖,然後再恢復。按鈕開始移動之前,請嘗試按鈕的使用BlurFilter設置爲零值,就像這樣:

var myFilters:Array = []; 
var bf:BlurFilter = new BlurFilter(0,0,0); 
myFilters.push(bf); 
btn.filters = myFilters; 

,然後onEffectEnd將其設置爲:

myFilters = []; 
btn.filters = myFilters; 

順便說一句,正是因爲做設置如第一個例子所示。如果您只是嘗試將btn.filters設置爲[new BlurFilter(0,0,0)],它將無法正常工作。

+0

整個效果不光滑,如果您將光標放在按鈕頂部的邊框上,它會以惱人的方式反彈。 它沒有達到我想要的,我希望當我翻轉按鈕時,它會反彈一次,然後停止或繼續跳躍一小段距離,然後停止當我推出 – Yasmine 2010-03-23 16:55:08

+0

那麼,您將持續時間設置爲2000毫秒(2秒),所以不會讓它生澀。設置更快,例如10或20毫秒。 – Robusto 2010-03-23 17:12:06