titanium开发教程-03-01理解tab group

Titanium.UI.setBackgroundColor("#000");

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

//第一件事你要注意当 Tab Groups开始工作的时候
//tab group 函数作为控制 "window"
//每一个 tab 有自己的 window 作为一个单独的运行环境
//要记住的是,你要手动传送数据
//windows 是单独运行的

//我们将创建两个tabs： tours 和 specials

//Tours tab 和 window
var toursWindow = Titanium.UI.createWindow({
title:"Tours",
backgroundColor:"#FFFFFF"
});

var image = Titanium.UI.createImageView({
image:"images/exploreCalifornia.png",
width:96,
height:119,
});

var caption = Titanium.UI.createLabel({
text:"Explore California Tours",
bottom:20,
height:"auto",
width:"auto",
textAlign:"center",
color:"#000000"
});

toursWindow.add(image);
toursWindow.add(caption);

var toursTab = Titanium.UI.createTab({
icon:"tours-tab.png",
title:"Tours",
window:toursWindow	//设置tab的window 不是一个变量引用一个窗口
});

//Specials window
var specialsWindow = Titanium.UI.createWindow({
title:"Specials",
backgroundColor:"#FFFFFF",
url:"specials.js"	//这是一个参考一个外部js文件,可以作为窗口为这个标签
});
var specialsTab = Titanium.UI.createTab({
icon:"specials-tab.png",
title:"Specials",
window:specialsWindow
});

tabGroup.addTab(toursTab);
tabGroup.addTab(specialsTab);

tabGroup.open();