titanium开发教程-01-03理解windows和views

最新推荐文章于 2025-09-10 20:47:27 发布

转载最新推荐文章于 2025-09-10 20:47:27 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaozhanga4/archive/2012/03/16/2400757.html

文章标签：

#ui #移动开发

本文介绍如何使用Titanium UI (TiUI) 创建带有不同属性的窗口(window)及视图(view)，并通过示例代码展示了如何设置窗口和视图的样式、位置以及颜色等，并将这些视图添加到窗口中。

//创建一个window
var win = Titanium.UI.createWindow({
	title:"window标题",	//这个标题只在Android中显示; 在iOS, window 需要一个Tab group才能显示 
	backgroundColor:"#FFCC00",	//window的背景颜色设置，这里设为橙色
    exitOnClose: true			//在Android, 有一个程序关闭在window
});

	//创建一个view
	var view01 = Titanium.UI.createView({
		//以下是view的属性设置
		height:20,		//高度单位为像素
		width:"100%",	//宽度100%
		top:0,			//距离屏幕顶端
		left:0,			//距离左边的屏幕
		backgroundColor:"purple"	//view的背景颜色设置
	});
	
	var view02 = Titanium.UI.createView({
		height:40,
		width:"100%",
		top:60,
		left:0,
		backgroundColor:"green"
	});

	var view03 = Titanium.UI.createView({
		height:60,
		width:20,
		top:100,
		left:100,
		backgroundColor:"#C0CF3A"	
	});
	
	var view04 = Titanium.UI.createView({
		height:80,
		width:40,
		top:100,
		left:120,
		backgroundColor:"#0084B0"
	});
	
	//添加view到window
	win.add(view01);
	win.add(view02);
	win.add(view03);
	win.add(view04);

//	运行程序后打开window及其里面的所有元素
win.open();

转载于:https://www.cnblogs.com/xiaozhanga4/archive/2012/03/16/2400757.html