Создание прыгающей кнопки в flex

Question

Я пытаюсь создать эффект для кнопки, чтобы при наведении на нее курсора она плавно прыгала вверх и вниз, а при остановке мыши.

Я пробовал это сделать, но результат был действительно плохим:

<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"  />

Может ли кто-нибудь помочь мне в этом?

Есть еще кое-что, что я заметил, когда я нажимаю на кнопку, и во время эффекта текст на кнопке становится очень туманным.

Спасибо

Answer 1

Проверьте кнопку прыжка Дугмкуна. может быть, это помогает http://dougmccune.com/blog/2007/03/27/updated-mxna-rss-reader-flex-app-now-with-source/

Answer 2

Можете ли вы уточнить, что вы подразумеваете под "действительно плохо"?Что именно вы видите, что вам не нравится.

Что касается размытия текста, это неудивительно.Эффекты делают странные вещи в тексте, иногда сжимая их, иногда размывая их.Похоже, это происходит потому, что они преобразуются в растровое изображение до появления эффекта, а затем возвращаются обратно.Прежде чем кнопка начнет двигаться, попробуйте установить для 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 на [новый BlurFilter (0,0,0)] , он не будет работать правильно.