Question

我有一个简单的功能。

import fl.transitions.Tween;
import fl.transitions.easing.*;

function goBack (e:MouseEvent):void{ 
var backAlpha:Tween = new Tween(MovieClip(parent).blueOverlay, "alpha", Strong.easeOut, 1, 0, 2, true);
MovieClip(parent).gotoAndStop("home");
}
btnBack.addEventListener(MouseEvent.CLICK, goBack);

现在正在做的是：点击btnBack后它会转到“home”标签，这意味着它完全忽略了alpha部分。

我需要它做的是：先做alpha部分，然后在完成后再做第二部分跳到“home”框架。

谢谢，涉

Answer 1

查看fl.transtions.Tween

的文档

具体来说，看一下motionFinish事件。

基本上，你想要做的是这样的事情：

import fl.transitions.Tween;
import fl.transitions.easing.*;

function goBackStart (e:MouseEvent):void{ 
    var backAlpha:Tween = new Tween(this.parent.blueOverlay, "alpha", Strong.easeOut, 1, 0, 2, true);
    backAlpha.addEventListener("motionFinish", goBackFinish);
}

function goBackFinish(e:Event) {
    removeEventListener(e.target.obj, goBackFinish);
    this.parent.gotoAndStop("home");
}

btnBack.addEventListener(MouseEvent.CLICK, goBackStart);

我不喜欢内置的Tweening类如何工作，所以我使用其中任何一个：

TweenLite - 我最喜欢的

Tweener - 我过去几年的goto库

这两个库都有类似的API，并使用onComplete属性来处理完成。

使用Tweener你可以做到：

import com.caurina.transitions.Tweener;

btnBack.addEventListener(MouseEvent.CLICK, goBack);

function goBack(e:MouseEvent):void {
    Tweener.addTween(this.parent.blueOverlay, {alpha:0, time:2.0, transition:"easeOutQuad", onComplete:function() {this.parent.gotoAndStop("home")}});
}

as3，按特定顺序执行任务

1 个答案: