TabGroup + ActionBar example

gistfile1.txt

// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#000');

// create tab group
var tabGroup = Titanium.UI.createTabGroup();


//
// create base UI tab and root window
//
var win1 = Titanium.UI.createWindow({  
    title:'Tab 1',
    backgroundColor:'#fff'
});
var tab1 = Titanium.UI.createTab({  
    icon:'KS_nav_views.png',
    title:'Tab 1',
    window:win1
});

var label1 = Titanium.UI.createLabel({
	color:'#999',
	text:'I am Window 1',
	font:{fontSize:20,fontFamily:'Helvetica Neue'},
	textAlign:'center',
	width:'auto'
});

win1.add(label1);

//
// create controls tab and root window
//
var win2 = Titanium.UI.createWindow({  
    title:'Tab 2',
    backgroundColor:'#fff'
});
var tab2 = Titanium.UI.createTab({  
    icon:'KS_nav_ui.png',
    title:'Tab 2',
    window:win2
});

var label2 = Titanium.UI.createLabel({
	color:'#999',
	text:'I am Window 2',
	font:{fontSize:20,fontFamily:'Helvetica Neue'},
	textAlign:'center',
	width:'auto'
});

win2.add(label2);


//
// create controls tab and root window
//
var win3 = Titanium.UI.createWindow({  
    title:'Tab 3',
    backgroundColor:'#fff'
});
var tab3 = Titanium.UI.createTab({  
    icon:'KS_nav_ui.png',
    title:'Tab 3',
    window:win3
});

var label3 = Titanium.UI.createLabel({
	color:'#999',
	text:'I am Window 3',
	font:{fontSize:20,fontFamily:'Helvetica Neue'},
	textAlign:'center',
	width:'auto'
});

win3.add(label3);


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


tabGroup.addEventListener( 'open', function( ) {
	var activity = tabGroup.getActivity( );
	var actionBar = activity.actionBar;
	
	actionBar.title = 'Title';
	// actionBar.setDisplayHomeAsUp( true );
	actionBar.setDisplayShowHomeEnabled( false );
	actionBar.setDisplayShowTitleEnabled( true );    

    activity.onCreateOptionsMenu = function( e ) {                
	    var menu;
	    menu = e.menu;
	    menu.clear( );
		
		menu.add({
			title        : 'Menu',
			showAsAction : Ti.Android.SHOW_AS_ACTION_IF_ROOM
		});        
    }
});

tabGroup.addEventListener("focus", function( e ) {
	tabGroup.getActivity( ).invalidateOptionsMenu( );
});

// open tab group
tabGroup.open();