Skip to content

Instantly share code, notes, and snippets.

@hal-gh
Created November 10, 2010 19:57
Show Gist options
  • Save hal-gh/671413 to your computer and use it in GitHub Desktop.
Save hal-gh/671413 to your computer and use it in GitHub Desktop.
// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#f00');
//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);
//
// add tabs
//
tabGroup.addTab(tab1);
tabGroup.addTab(tab2);
// open tab group
tabGroup.open();
var button = Ti.UI.createButton({
title:'Close',
top:100,
height:30,
width:60
});
win1.add(button);
var win3 = Ti.UI.createWindow({
title:'Window 3',
backgroundColor:'#0f0'
});
var label3 = Ti.UI.createLabel({
color:'#999',
text:'I am Window 3 (not tab)',
font:{fontSize:20,fontFamily:'Helvetica Neue'},
textAlign:'center',
width:'auto'
});
win3.add(label3);
button.addEventListener('click', function(){
win3.open();
tabGroup.close();
// tabGroup.open();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment