ユーザーがカーソルを上に置いたときにトゥイーンする2つのフィルター(マウスオーバー)と、カーソルがそこから出たときにさらに2つのフィルタートゥイーンを持つボタンを作成しています。かなり基本的なもの。
フィルタは Glow と DropShadow です。Glow はテキストに適用され、DropShadow はボタンの背景 (単純な四角形) に適用されます。
ここでの問題は、GlowIn のトランジションが機能しないことです。マウスがその上にあると、フィルターが完全なアルファで即座に適用されます。ただし、GlowOut は機能します。
0.25 時間に設定されていますが、念のため 5 秒で試してみましたが、それでも機能しなかったため、タイミングの問題ではありません。
これが私のコードです:
import caurina.transitions.Tweener;
import caurina.transitions.properties.FilterShortcuts;
import flash.filters.GlowFilter;
FilterShortcuts.init();
texto.mouseEnabled = false;
this.addEventListener(MouseEvent.MOUSE_OVER, FiltersIn);
this.addEventListener(MouseEvent.MOUSE_OUT, FiltersOut);
var glow = new GlowFilter(0xFFFFFF, 0, 5, 5, 3, 250);
texto.filters = [glow];
function FiltersIn(MouseEvent):void{
Tweener.addTween(this, {_DropShadow_distance:5, _DropShadow_alpha:1, _DropShadow_blurX:5, _DropShadow_blurY:5, time:0.25, transition:"easeOutCubic"});
Tweener.addTween(texto, {_Glow_alpha:100, time:0.25, transition:"easeOutCubic"});
}
function FiltersOut(MouseEvent):void{
Tweener.addTween(this, {_DropShadow_distance:0, _DropShadow_alpha:0, _DropShadow_blurX:0, _DropShadow_blurY:0, time:0.25, transition:"EaseInCubic"});
Tweener.addTween(texto, {_Glow_alpha:0, time:0.25, transition:"easeInCubic"});
}