页面动画使用同一页面

时间:2015-07-22 20:22:13

标签: smartface.io

我有一个简单的问题。我试图在一个页面上使用动画,例如Page1。例如,如果我更改Label文本并按TextButton,我希望它转换leftToRight。当我尝试使用Pages.Page1.show(3,4,0,false,false)时,显示更新的标签,没有过渡效果。我试图在两个不同的页面之间进行转换,它确实可以正常转换。有没有办法用1页进行此操作,因为我想保留相同的页面元素,只是更新文本内容并显示具有过渡效果的更新页面。

1 个答案:

答案 0 :(得分:1)

您无法为同一页面运行页面动画。但你可以试试这样的东西。 只需为更新的对象运行animate方法。例如;

var myLabel = new SMF.UI.Label({
    top : "25%",
    left : "15%",
    height : "10%",
    width : "70%",
    text : "hello"
});
var myButton = new SMF.UI.TextButton({
    top : "50%",
    left : "15%",
    height : "10%",
    width : "70%",
    text : "myButton",
    onPressed : function () {
        myLabel.alpha = 0;
        myLabel.text = "world";
        myLabel.animate({
            property : "alpha",
            endValue : 100,
            motionEase : SMF.UI.MotionEase.plain,
            duration : 3000,
            onFinish : function () {
                //do your action after finishing the animation
            }
        });
    }
});

将这两个对象(myLabel,myButton)添加到您的页面。 按下按钮后,标签的文字发生变化,alpha = 0变为不可见,然后再使用动画方法再次显示。