• titanium开发教程0302自定义tab group


    12

    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",
    	96,
    	height:119,
    });
    
    var caption = Titanium.UI.createLabel({
    	text:"Open the Specials Tab (Tap Here)",
    	bottom:20,
    	height:"auto",
    	"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",
    	"auto",
    	height:"auto",
    	bottom:20,
    	textAlign:"center"
    });
    
    win.add(label);
    //这不需要呼叫win.open() 当从 window打开tab 
  • 相关阅读:
    普通图片转ascii码字符图
    基于RAF的一个小动画框
    HTML5给我们带来了什么
    记坑
    以后的博客可能会偏向游戏开发方向
    总结:js中4类修改样式的方法
    小记:css特殊性
    css小记
    探究绑定事件的this指向以及event传参的小问题
    手把手教你图片转ASCII码图
  • 原文地址:https://www.cnblogs.com/xiaozhanga4/p/2403080.html
Copyright © 2020-2023  润新知