titanium - 钛 - 动画很不稳定

Question

所以我有一张我想下拉页面的图片。

如果用户单击按钮，图像将停止下拉页面。

我已经使用 eventListener 'complete' 样式来执行此操作......并且它以某种方式工作。问题是下降是波涛汹涌的〜如此恼人。

钛有没有更有效的方法来做某种形式的简单动画？

这是一个代码片段：

    ballAnimation = Ti.UI.createAnimation({
            top: ballDown.top + 0.01*heightOfScreen,
            duration: someSpeedHere
        }, function(){
            if (hasBeenPressed){
                return;
            }
            else if (!hasBeenPressed && ballAnimation.top > lowestPointForBall){
                someFunctionHere(); //this isn't part of the problem. 
            } 
        }
    );

    ballAnimation.addEventListener('complete', function(){
        if (hasBeenPressed){
            return;
        }
        else if (!hasBeenPressed && ballAnimation.top > lowestPointForBall){
            someFunctionHere(); //this isn't part of the problem. 
        } else {
            ballAnimation.top = ballAnimation.top + 0.01*heightOfScreen;
            ballDown.animate(ballAnimation);
        } 
    });

    ballDown.animate(ballAnimation);

Answer 1

对于动画，建议使用带有如下平移的 2D 矩阵：

var translation = Titanium.UI.create2DMatrix(), deltaX, deltaY; // set the deltaX and deltaY according
translation = translation.translate(deltaX, deltaY);
ballDown.animate({
    transform : translation,
    duration : someSpeedHere
});