关于淡入和淡出的非常简单的AS问题

Question

很简单的问题。看看下面的代码。这是一个非常简单的带有进度条的加载程序。进度条是舞台上的一个符号，称为“条”。

我想要的只是在完成加载时淡出该栏，并淡入加载的图像。我尝试了多种方法但运气不佳。

    var loader: Loader = new Loader();
addChild(loader);

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
function completeHandler(evt:Event):void {
};

loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);

function progressHandler(evt:ProgressEvent):void {
    var percent: int = Math.round(evt.bytesLoaded/ evt.bytesTotal * 100);
    bar.width = percent;
};

var req:URLRequest = new URLRequest("encs1.jpg");

loader.load(req);

预先感谢任何能给我指点的人！

Answer 1

GTween

Tween

TweenLite

尝试这些库之一。 Flash 有一个内置的补间库 fl.transitions.Tween，但它并不像这些那么好。所提到的三个 API 也非常相似。

对于您的示例，您将执行此操作（使用 Tweener）：

function completeHandler(evt:Event):void {
    Tweener.addTween(bar, {alpha:0, transtion:"easeOutQuad", time:.5});
    addChild(loader.content);
    loader.content.alpha = 0;
    Tweener.addTween(loader.content, {alpha:1, transition:"easeInOutQunit", time:.5, delay:.5});  
};

这将花费 0.5 秒将条形图调整到 alpha 0，将加载程序的内容（图像）调整到 alpha 1，花费 0.5 秒，在延迟 0.5 秒后，所以栏淡出，图像立即淡入。

补间动画缓动函数备忘单

Answer 2

我实际上并没有进行太多的 Flash 开发，但我的一位同事喜欢使用 GTween 来制作简单的动画。

http://www.gskinner.com/libraries/gtween/

如果您查看演示你会发现你可以做一些高级的事情，但做基本的淡入和淡出也应该很简单。下面是基本动画的示例，设置变量 itemToTween、secondsToAnimate 并将 alpha 更改为您希望为当前属性设置动画的属性。

new GTween(itemToTween, secondsToAnimate, { alpha: 1 }, { ease:Sine.easeOut } );

希望这对您有所帮助，直到有更多知识的人可以提供帮助。