Question

我想尝试使用AS3 Tween Class在http://www.freeactionscript.com/2009/10/simple-accordion-menu/实现Arrcordion菜单。

所以我使用2个屏幕MovieClip，位于舞台的右侧，当我点击屏幕时，它将补间到左边。

这是我的代码

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

var second:int = 1;
var x1:int = screen01.x; //screen01.x = 430
var x2:int = screen02.x; // screen02.x = 470

var Tween1:Tween = new Tween(screen01, "x", Regular.easeOut, x1, 40, second, true);
var Tween2:Tween = new Tween(screen02, "x", Regular.easeOut, x2, 470, second, true);
var Tween3:Tween = new Tween(screen01, "x", Regular.easeOut, x1, 40, second, true);
var Tween4:Tween = new Tween(screen02, "x", Regular.easeOut, x2, 80, second, true);

screen01.addEventListener(MouseEvent.CLICK, clickHandler, false, 0, true);
screen02.addEventListener(MouseEvent.CLICK, clickHandler, false, 0, true);

function clickHandler(event:MouseEvent):void{

        x1 = screen01.x;
        x2 = screen02.x;

        if(event.target == screen01)
        {
            Tween1.start()
            Tween2.start()              
        }
        else if(event.target == screen02)
        {   
            Tween3.start()
            Tween4.start()
        }
}

但是为什么当我点击屏幕01时它向左偏移。然后我点击screen02，screen01返回430，然后它们都补间。当我在MouseEvent中跟踪x1和x2时，坐标已经更新，那么为什么screen01保持在40而screen02补间到左边？此外，如果screen02打开，当我点击screen01时，两个屏幕都会返回原始位置430和470以及screen01补间。

我可以假设我的问题是Tween1，Tween2，Tween3和Tween4起始坐标在初始化后没有改变。有没有办法更新4个补间的起始坐标，使它们等于x1和x2？

Answer 1

你可以杀死（）补间并启动另一个。该对象已经部分移动，并将从该点开始继续。如果你想让运动成比例，那么使用计时器并使用currentTime和totalTime之间的比率（类似的那样）然后只需改变你将比率乘以的距离。

（AS3）更新Tween中的起始坐标

1 个答案: