Flex中的简单效果

时间:2008-09-03 18:08:38

标签: actionscript-3 flex

我想在Flex应用程序中显示一些隐藏文本,并在几秒钟后淡出...

我已经研究过Flex中的延迟和暂停效果,但是还没有看到如何实现这种逼真效果的示例......

现在有人怎么做或拥有好资源?

感谢。

1 个答案:

答案 0 :(得分:2)

如果我理解正确,您希望文本在显示后几秒钟自动淡出?

我可能会这样做:(没有测试过代码,所以可能存在错别字。)

<mx:Script>
    import flash.utils.*;

    var fadeTimer:Timer = new Timer(2000); // 2 seconds
    fadeTimer.addEventListener("timer", fadeTimerTickHandler);

    // Call this to show the hidden text.
    function showTheText():void{
        theTextField.visible = true;
        fadeTimer.start();
        }

    // This gets called every time the timer "ticks" (2 seconds)
    function fadeTimerTickHandler(eventArgs:TimerEvent){
       fadeTimer.stop();
       fadeTimer.reset();
       theTextField.visible = false;
       }
</mx:Script>

<mx:Fade id="hideEffectFade" alphaFrom="1.0" alphaTo="0.0" duration="900"/>

<mx:Text id="theTextField" text="The Text" hideEffect="{hideEffectFade}"/>

此外,您需要确保嵌入字体,否则效果将无法用于您的文字。有关详细信息,请参阅Simeon's post