Titanium中的自定义Tabbar

时间:2012-02-04 12:32:12

标签: titanium appcelerator appcelerator-mobile titanium-mobile

它是Titanium SDK的第3天。

如何在另一个.js文件的窗口中添加标签栏?我的意思是我在createTabbar.js编写了标签栏的代码,我想在我的firstView.js中添加。

有可能吗?正如我已经看到很多例子那些在app.js文件中编写标签条形码所以......

谢谢...

2 个答案:

答案 0 :(得分:1)

有关如何将JavaScript从一个文件包含到另一个文件,请参阅Titanium.include

答案 1 :(得分:1)

解决了

我有 mainTab.js ,它包含/返回标签栏。

mainTab.js:

CustomTabbar = function makeTab ()
{
    var tabGroup = Titanium.UI.createTabGroup();

    var win1 = Titanium.UI.createWindow
    ({  
        url:'TabClasses/Tab1/Tab1.js',
        navBarHidden:false,   
        title:'List 1'                 
    });

    var tab1 = Titanium.UI.createTab
    ({  
          icon:'KS_nav_views.png',
          window:win1
    });

    // create controls tab and root window
    var win2 = Titanium.UI.createWindow
    ({        
        url:'TabClasses/Tab2/Tab2.js',
        navBarHidden:false,
        title:'List 2'
    });

    var tab2 = Titanium.UI.createTab
    ({  
        icon:'KS_nav_ui.png',
        window:win2
    });

    // create controls tab and root window
    var win3 = Titanium.UI.createWindow
    ({            
        url:'TabClasses/Tab3/Tab3.js',
        navBarHidden:false,
        title:'List 3'
    });

    var tab3 = Titanium.UI.createTab
    ({  
        icon:'KS_nav_ui.png',
        window:win3
    });

    // create controls tab and root window
    var win4 = Titanium.UI.createWindow
    ({           
        url:'TabClasses/Tab4/Tab4.js',
        navBarHidden:false
    });

    var tab4 = Titanium.UI.createTab
    ({  
        icon:'KS_nav_ui.png',
        window:win4
    });

    //  add tabs
    tabGroup.addTab(tab1);
    tabGroup.addTab(tab2);
    tabGroup.addTab(tab3);
    tabGroup.addTab(tab4);

    tabGroup.open
    ({          
        transition: Titanium.UI.iPhone && Titanium.UI.iPhone.AnimationStyle.NONE
    });

    return tabGroup ;
}

现在在我的login.js文件中,我调用了mainTab.js:

Ti.include("mainTab.js");

loginBtn.addEventListener('click',function(e)
{
     if (loginSuccess)
     {
        win.close();
        var tabs = CustomTabbar();
     } 
}

由于我是Titanium的新手,如果有更好的方法做同样的事情,请建议我......