摘要: var win = Titanium.UI.createWindow({ backgroundColor:"#FFF"});var slider1 = Titanium.UI.createSlider({ height:"auto", width:300, top:100, min:0, //slider最小值 (Android) max:10 //slider最大值 (Android)});... 阅读全文
posted @ 2012-03-16 23:01 校长阿四 阅读(533) 评论(0) 推荐(0) 编辑
摘要: var win = Titanium.UI.createWindow({ title:"创建按钮", backgroundColor:"#FFFFFF", exitOnClose:true});var simpleButton = Titanium.UI.createButton({ title:"按住我", width:"25%", height:"10%", top:"10%", ... 阅读全文
posted @ 2012-03-16 22:13 校长阿四 阅读(519) 评论(0) 推荐(0) 编辑
摘要: var win = Titanium.UI.createWindow({ title:"监听事件", backgroundColor:"#FFFFFF", exitOnClose:true});var img01 = Titanium.UI.createImageView({ image:"images/box01.png", height:75, width:75, top:24, l... 阅读全文
posted @ 2012-03-16 21:56 校长阿四 阅读(540) 评论(0) 推荐(0) 编辑
摘要: var win = Titanium.UI.createWindow({ title:"Grouping and Nesting Views", backgroundColor:"#FFFFFF", exitOnClose:true})//第一, 我们创建一些views 为了把图片和文字显示var view01 = Titanium.UI.createView({ top:0, left... 阅读全文
posted @ 2012-03-16 21:42 校长阿四 阅读(480) 评论(0) 推荐(0) 编辑
摘要: var win = Titanium.UI.createWindow({ title:"理解 Z-Depth", backgroundColor:"#FFFFFF", exitOnClose:true})var imageView01 = Titanium.UI.createImageView({ image:"images/box01.png", height:75, wi... 阅读全文
posted @ 2012-03-16 21:29 校长阿四 阅读(496) 评论(0) 推荐(0) 编辑
摘要: 上面其实是两个image view 我们进行了叠加,下面的图片则是远程获取到的不是本地的图片 var win = Titanium.UI.createWindow({ title:"使用Image View", backgroundColor:"#FFFFFF", exitOnClose:true});//image视图var imageView01 = Titanium.UI.creat... 阅读全文
posted @ 2012-03-16 19:21 校长阿四 阅读(592) 评论(0) 推荐(0) 编辑
摘要: var win = Titanium.UI.createWindow({ title:"文本视图", backgroundColor:"#FFFFFF", exitOnClose:true})var label01 = Titanium.UI.createLabel({ text:"文本标签 01", top:0, left:0, height:24, width:"100%", tex... 阅读全文
posted @ 2012-03-16 18:52 校长阿四 阅读(612) 评论(0) 推荐(0) 编辑
摘要: //创建一个windowvar win = Titanium.UI.createWindow({ title:"window标题", //这个标题只在Android中显示; 在iOS, window 需要一个Tab group才能显示 backgroundColor:"#FFCC00", //window的背景颜色设置,这里设为橙色 exitOnClose: true... 阅读全文
posted @ 2012-03-16 18:16 校长阿四 阅读(627) 评论(0) 推荐(0) 编辑
摘要: 有两种方式检测你的程序将要运行在哪个平台 var PLATFORM = Ti.Platform.osname; var myVar = (Ti.Platform.osname === "android") ? 60 : 35 ; 阅读全文
posted @ 2012-03-16 17:54 校长阿四 阅读(502) 评论(0) 推荐(0) 编辑
摘要: 新建一个titanium mobile工程后,系统自动生成一个app.js文件,无需任何修改,直接启动程序即可。以下便是系统自动生成的代码 app.js // this sets the background color of the master UIView (when there are no windows/tab groups on it)Titanium.UI... 阅读全文
posted @ 2012-03-16 17:37 校长阿四 阅读(1151) 评论(0) 推荐(0) 编辑
摘要: data-add-back-btn="true" data-back-btn-text="返回" <!DOCTYPE html> <html> <html lang="zh-CN"> <head> <title>1.7.jquerymobile--返回按钮</title> <meta charset="utf-8"/> <meta name="viewport" content=... 阅读全文
posted @ 2012-03-16 13:53 校长阿四 阅读(6185) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <html lang="zh-CN"> <head> <title>1.6.jquerymobile--列表</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel=... 阅读全文
posted @ 2012-03-16 13:46 校长阿四 阅读(690) 评论(0) 推荐(0) 编辑
摘要: 页面对话框:data-rel="dialog" <!DOCTYPE html> <html> <html lang="zh-CN"> <head> <title>1.5.jquerymobile--页面对话框</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initia... 阅读全文
posted @ 2012-03-16 13:29 校长阿四 阅读(899) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <html lang="zh-CN"> <head> <title>1.4.jquerymobile--页面转换效果</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="sty... 阅读全文
posted @ 2012-03-16 13:23 校长阿四 阅读(1168) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <html lang="zh-CN"> <head> <title>JqueryMobile--页面导航</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="s... 阅读全文
posted @ 2012-03-16 13:06 校长阿四 阅读(632) 评论(0) 推荐(0) 编辑
摘要: 注意:请把程序发布到动态语言开发环境中,比如php的AppServ中,因为如果放在静态目录中,可能导致文件链接失效。 运行效果和上一篇多页面一样,注意:在第二个文件中并不需要再倒入jquerymobile框架文件!! index.html <!DOCTYPE html> <html> <html lang="zh-CN"> <head> <title>JqueryM... 阅读全文
posted @ 2012-03-16 11:47 校长阿四 阅读(398) 评论(1) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <html lang="zh-CN"> <head> <title>JqueryMobile--多页面</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel... 阅读全文
posted @ 2012-03-16 11:20 校长阿四 阅读(435) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <html lang="zh-CN"> <head> <title>JqueryMobile模板</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel=... 阅读全文
posted @ 2012-03-16 11:01 校长阿四 阅读(1021) 评论(0) 推荐(0) 编辑