javascript - 当标签栏按下钛时如何更改当前窗口内容？

Question

有谁知道在钛中按下选项卡栏时如何更改窗口的视图？我已经创建了标签栏，但我不知道如何处理该事件..

这是我的代码：

    if (Titanium.Platform.osname === 'iphone'){
        var headerDetailTabbedBar = Titanium.UI.iOS.createTabbedBar({
            labels:['Header', 'Detail'],
            backgroundColor:'#336699',
            style:Titanium.UI.iPhone.SystemButtonStyle.BAR,
            top:10,
            height:25,
            width:'85%',
            index:0
        });

        //View Mode
        var btnBack = Titanium.UI.createButton({
            title:'Back',
            style:Titanium.UI.iPhone.SystemButtonStyle.BORDERED
        });

        var btnEdit = Titanium.UI.createButton({
            title:'Edit',
            style:Titanium.UI.iPhone.SystemButtonStyle.BORDERED
        });

        //Save Mode
        var btnCancel = Titanium.UI.createButton({
            title:'Cancel',
            style:Titanium.UI.iPhone.SystemButtonStyle.BORDERED
        });

        var btnSave = Titanium.UI.createButton({
            title:'Save',
            style:Titanium.UI.iPhone.SystemButtonStyle.BORDERED
        });

        subMenuDisplayEditWindow.setLeftNavButton(btnBack);
        subMenuDisplayEditWindow.setRightNavButton(btnEdit);

        subMenuDisplayEditWindow.add(headerDetailTabbedBar);

        headerDetailTabbedBar.addEventListener('click',function(e){
            if(e.index === 0){
                //What should i do?
            }
            else{
                //What should i do?
            }
        });
    }

我想要的只是在按下选项卡栏时用其他视图更改窗口的视图..有什么建议吗？提前致谢..

Answer 1

var window = Ti.UI.createWindow();
var headerDetailTabbedBar = Titanium.UI.iOS.createTabbedBar({
  labels : ['Header', 'Detail'],
  backgroundColor : '#336699',
  style : Titanium.UI.iPhone.SystemButtonStyle.BAR,
  top : 10,
  height : 25,
  width : '85%',
  index : 0
});
window.add(headerDetailTabbedBar);
var view1 = Ti.UI.createView({
  backgroundColor : 'white',
  top : 50
});
var view2 = Ti.UI.createView({
  backgroundColor : 'red',
  top : 50
});
window.add(view2);
window.add(view1);

headerDetailTabbedBar.addEventListener('click', function(e) {
if (e.index == 0) {
    view1.visible = true;
    view2.visible = false;
} else {
    view1.visible = false;
    view2.visible = true;
}
});
window.open();

只需更改单击时视图的可见性。