titanium开发教程-03-02自定义tab group
2012-03-17 12:44
387 查看
![](http://images.cnblogs.com/cnblogs_com/xiaozhanga4/201203/201203171243357663.jpg)
![](http://images.cnblogs.com/cnblogs_com/xiaozhanga4/201203/201203171243354598.jpg)
app.js
Titanium.UI.setBackgroundColor("#000"); var tabGroup = Titanium.UI.createTabGroup(); var toursWindow = Titanium.UI.createWindow({ title:"Tours", backgroundColor:"#FFFFFF", //因为 window 是封装在tab里, 它自动拥有一个 nav bar // navbar 仅在 iOS里有样式 barColor:"#32411b" }); var image = Titanium.UI.createImageView({ image:"images/exploreCalifornia.png", width:96, height:119, }); var caption = Titanium.UI.createLabel({ text:"Open the Specials Tab (Tap Here)", 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 }); var specialsWindow = Titanium.UI.createWindow({ title:"Specials", backgroundColor:"#FFFFFF", url:"specials.js" }); var specialsTab = Titanium.UI.createTab({ icon:"specials-tab.png", title:"Specials", window:specialsWindow }); caption.addEventListener("click", function(e){ tabGroup.setActiveTab(1); }); tabGroup.addTab(toursTab); tabGroup.addTab(specialsTab); tabGroup.open();
specials.js
var win = Titanium.UI.currentWindow; win.barColor = "#efe269"; var label = Titanium.UI.createLabel({ text:"Specials of the Day", width:"auto", height:"auto", bottom:20, textAlign:"center" }); win.add(label); //这不需要呼叫win.open() 当从 window打开tab
相关文章推荐
- titanium开发教程-03-03单个tab group
- titanium开发教程-02-03创建滑竿
- titanium开发教程-02-08创建文本域和多行文本输入区
- Android应用开发中自定义ViewGroup视图容器的教程
- titanium开发教程-01-03理解windows和views
- titanium开发教程-02-09配置文本域和文本区键盘类型
- titanium开发教程-02-02创建按钮
- titanium开发教程-02-10创建的文本字段与嵌入的按钮
- titanium开发教程-02-11增加交互性,在任何view
- titanium开发教程-02-12回顾周期的创作
- titanium开发教程-04-02增加一个搜索栏
- titanium开发教程-02-04创建开关
- Android App开发中自定义View和ViewGroup的实例教程
- 50个Android开发技巧(03 自定义ViewGroup)
- titanium开发教程-04-03创建一个简单的table
- Android开发教程:自定义ViewGroup方法总结
- 50个Android开发技巧(03 自定义ViewGroup)
- titanium.cookbook-01-02-添加tabGroup到你的App
- titanium开发教程-01-02检测平台
- titanium开发教程-04-04创建自定义的table rows