AS3 补间缓动

Question

我已经在 Flash 中为某个元素设置了悬停和悬停补间，当您将鼠标悬停在某个元素上时，一个信息窗口会从底部滑入，当您悬停时它会滑回。悬停，当我在悬停动画结束之前悬停时，给定的对象会跳到第一个动画的末尾并返回。当有人将鼠标悬停在某物上时，如何使动画轻松进出？

function initialPlacement()
{
    block1.x = (-814);
    block1.y = (stage.stageHeight - 100);
}

initialPlacement();

tension.addEventListener(MouseEvent.ROLL_OVER,hover1);
tension.addEventListener(MouseEvent.ROLL_OUT,off1);

function hover1(event:MouseEvent):void{
    hover1tween.start();
}

var hover1tween:Tween = new Tween(block1,"x",Regular.easeOut,(0-block1.width),0,30,false);

hover1tween.stop();

function off1(event:MouseEvent):void{
    off1tween.start();
}

var off1tween:Tween = new Tween(block1,"x",Regular.easeInOut,0,(0-block1.width),30,false);
off1tween.stop();

initialPlacement();

Answer 1

我相信最简单的方法是使用“continueTo”函数，它将补间发送到一个新的方向，而不是重新启动它。

function initialPlacement()
{
    block1.x = (-814);
    block1.y = (stage.stageHeight - 100);

    block1tween = new Tween(block1,"x",Regular.easeInOut,(0-block1.width),0,30,false);
    block1tween.stop();
}

var block1tween:Tween;
initialPlacement();

tension.addEventListener(MouseEvent.ROLL_OVER,hover1);
tension.addEventListener(MouseEvent.ROLL_OUT,off1);

function hover1(event:MouseEvent):void{
    block1tween.continueTo(0, 30);
}

function off1(event:MouseEvent):void{
    block1tween.continueTo((0-block1.width),30);
}

这是否满足您的需求？否则，您可以用一个新的补间替换补间，每次在补间的“开始”参数中传递当前坐标，但我发现只使用“continueTo（）”更容易和更清洁。