Question

当我点击按钮时，我有4个按钮和4个图像，出现不同的图像。我希望每次点击按钮后图像都能轻松进出。我已经尝试了下面的代码，但似乎无法弄明白。

home_btn.addEventListener(MouseEvent.CLICK, homeClick);
function homeClick(e:MouseEvent):void{
    backgroundimg.source = "images/bluebg.jpg";
    var bluebgTween:Tween = new Tween(backgroundimg, "alpha", Strong.easeIn, 1, 0, 3, true);

}

Answer 1

如果淡入淡出然后将 backgroundimg 的初始alpha设置为0。

backgroundimg.alpha = 0;

然后您可以淡入 CLICK 事件。请注意，我已经交换了 Tween 的开头和结尾值。

补间完成后，可以使用 yoyo（）方法再次淡出。

home_btn.addEventListener(MouseEvent.CLICK, homeClick);
function homeClick(e:MouseEvent):void{
    backgroundimg.source = "images/bluebg.jpg";
    var bluebgTween:Tween = new Tween(backgroundimg, "alpha", Strong.easeIn, 0, 1, 3, true);

    bluebgTween.addEventListener(TweenEvent.MOTION_FINISH, onFinish);

    function onFinish(te:TweenEvent):void {
        bluebgTween.yoyo();
        bluebgTween.removeEventListener(TweenEvent.MOTION_FINISH, onFinish);
    }
}

我使用这些网站作为参考：

使用动作脚本轻松进出动态加载的图像

1 个答案: