titanium.cookbook-01-02-添加tabGroup到你的App

最新推荐文章于 2025-09-10 15:46:06 发布

转载最新推荐文章于 2025-09-10 15:46:06 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaozhanga4/archive/2012/04/06/2434935.html

文章标签：

#ui #javascript #ViewUI

本文详细介绍了如何通过外部JavaScript文件来设置URL属性，并展示了实际应用案例。

使用外部javascript文件可以设置url属性。

最终效果：

实现思路：

源代码：

app.js

// 创建tabGroup
var tabGroup = Ti.UI.createTabGroup();
// 创建window
var win1 = Ti.UI.createWindow({
            width : 320,
            height : 480,
            top : 0,
            left : 0,
            backgroundImage : 'background.png',
            title : '贷款计算器',
            barImage : 'navbar.png'
        });
// 创建view
var view = Ti.UI.createView({
            width : 300,
            height : win1.height - 134,
            left : 10,
            top : 10,
            backgroundColor : '#fff',
            borderRadius : 5
        });
// 定义一个变量，作为logo的宽度
var _logoMarginLeft = (view.width - 253) / 2;
// 创建imageview
var logo = Ti.UI.createImageView({
            image : 'logo.png',
            width : 253,
            height : 96,
            left : _logoMarginLeft,
            top : 0
        });
// 添加imageview到view里
view.add(logo);
// 添加view到window里
win1.add(view);
// 创建tab
var tab1 = Ti.UI.createTab({
            icon : 'icon_calculator.png',
            title : '计算',
            window : win1
        });
// 创建window
var win2 = Ti.UI.createWindow({
            width : 320,
            height : 480,
            top : 0,
            left : 0,
            backgroundImage : 'background.png',
            url : 'window2.js',
            title : '设置',
            barImage : 'navbar.png'
        });
// 创建tab
var tab2 = Ti.UI.createTab({
            icon : 'icon_settings.png',
            title : '设置',
            window : win2
        });
// 添加tab到tabGroup
tabGroup.add(tab1);
tabGroup.add(tab2);
// 在app中打开tabGroup
tabGroup.open();