1

だから私はページをドロップダウンしたい画像を持っています。

ユーザーがボタンをクリックすると、画像はページのドロップダウンを停止します。

私はこれを実行するために eventListener の「完全な」スタイルを使用しました...そしてそれはある方法で機能します。問題はドロップダウンがカクカク〜イライラするくらい。

チタンが単純なアニメーションを行うためのより効率的な方法はありますか?

コード スライスを次に示します。

    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);
4

1 に答える 1

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
});
于 2013-05-15T22:10:10.900 に答える