当我运行animate函数时没有任何反应,我该怎么做才能解决这个问题?

时间:2017-01-09 03:29:01

标签: javascript smartface.io

以下是我的代码示例,尽管持续时间它会立即提醒我Animate是完整的。请帮帮我,我需要导入一个包。这是持续时间不起作用。它有点跳到最终值。

rectangle1 = new SMF.UI.Rectangle({
        left : "20%",
        top : "10%",
        width : "60%",
        height : "20%",
        fillColor : "#FF00FF"
    });
page1.add(rectangle1);
rectangle1.animate({
    property : 'top',
    endValue : "30%",
    motionEase : SMF.UI.MotionEase.BOUNCE,
    duration : 3000,
    onFinish : function () {
        alert("Animate Completed");
    }
});

1 个答案:

答案 0 :(得分:1)

您可以尝试在触发pageshow事件后制作动画。 例如:

function page1_onShow() {

    setTimeout(animate,100)
}

function animate()
{
    rectangle1.animate({
        property : 'top',
        endValue : "30%",
        motionEase : SMF.UI.MotionEase.BOUNCE,
        duration : 3000,
        onFinish : function () {
            alert("Animate Completed");
        }
    });
}