Question

我想在点击相应按钮时为视图设置动画，不幸的是当从上到下视图动画时闪烁：

/*
* ANIMATE FROM BOTTOM TO TOP
*/
function showModal(item){
    var bottom_to_top = Ti.UI.createAnimation({
        top : '0%',
        duration : 500
    });
    $[item].animate(bottom_to_top)
}

/*
* ANIMATE FROM TOP TO BOTTOM
*/
function hideModal(item){
    var top_to_bottom = Ti.UI.createAnimation({
        top : '100%',
        duration : 500
    });
    $[item].animate(top_to_bottom)
}

///// HERE I SHOW HIDE MY VIEW
function button_show(){
    showModal($.myView);
}
function button_hide(){
    hideModal($.myView);
}

第一个问题，如果我指定“100％”隐藏视图，当我尝试显示时它不会出现，只有值99及以下工作。第二个问题，隐藏视图时动画闪烁。

有人可以告诉我应该做什么吗？谢谢。

Answer 1

尽量避免百分比边距。此外，使用本机技术来显示模态窗口，例如

var window = Ti.UI.createWindow({
    title: "My Modal Window",
    backgroundColor: "white"
});

var nav = Ti.UI.iOS.createNavigationWindow({
    window: window
});

nav.open({
    modal: true
});

Titanium appcelerator动画视图闪烁

1 个答案: