zoukankan      html  css  js  c++  java
  • titanium.cookbook0102添加tabGroup到你的App

    使用外部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();




  • 相关阅读:
    redis
    一句话总结面向对象
    HTML鼠标悬停改变样式
    div 在css中透明度怎么调?
    SpringMyBatisDay03
    list与Set、Map区别及适用场景
    Java之构造器和构造方法的使用和意义
    Set keys=Map.keyset()
    SpringMyBatisDay02
    CSS选择器可以用数字开头吗
  • 原文地址:https://www.cnblogs.com/xiaozhanga4/p/2434935.html
Copyright © 2011-2022 走看看