摘要:
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)});... 阅读全文
摘要:
var win = Titanium.UI.createWindow({ title:"创建按钮", backgroundColor:"#FFFFFF", exitOnClose:true});var simpleButton = Titanium.UI.createButton({ title:"按住我", width:"25%", height:"10%", top:"10%", ... 阅读全文
摘要:
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... 阅读全文
摘要:
var win = Titanium.UI.createWindow({ title:"Grouping and Nesting Views", backgroundColor:"#FFFFFF", exitOnClose:true})//第一, 我们创建一些views 为了把图片和文字显示var view01 = Titanium.UI.createView({ top:0, left... 阅读全文
摘要:
var win = Titanium.UI.createWindow({ title:"理解 Z-Depth", backgroundColor:"#FFFFFF", exitOnClose:true})var imageView01 = Titanium.UI.createImageView({ image:"images/box01.png", height:75, wi... 阅读全文
摘要:
上面其实是两个image view 我们进行了叠加,下面的图片则是远程获取到的不是本地的图片 var win = Titanium.UI.createWindow({ title:"使用Image View", backgroundColor:"#FFFFFF", exitOnClose:true});//image视图var imageView01 = Titanium.UI.creat... 阅读全文
摘要:
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... 阅读全文
摘要:
//创建一个windowvar win = Titanium.UI.createWindow({ title:"window标题", //这个标题只在Android中显示; 在iOS, window 需要一个Tab group才能显示 backgroundColor:"#FFCC00", //window的背景颜色设置,这里设为橙色 exitOnClose: true... 阅读全文
摘要:
有两种方式检测你的程序将要运行在哪个平台 var PLATFORM = Ti.Platform.osname; var myVar = (Ti.Platform.osname === "android") ? 60 : 35 ; 阅读全文
摘要:
新建一个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... 阅读全文
摘要:
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=... 阅读全文
摘要:
<!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=... 阅读全文
摘要:
页面对话框: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... 阅读全文
摘要:
<!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... 阅读全文
摘要:
<!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... 阅读全文
摘要:
注意:请把程序发布到动态语言开发环境中,比如php的AppServ中,因为如果放在静态目录中,可能导致文件链接失效。 运行效果和上一篇多页面一样,注意:在第二个文件中并不需要再倒入jquerymobile框架文件!! index.html <!DOCTYPE html> <html> <html lang="zh-CN"> <head> <title>JqueryM... 阅读全文
摘要:
<!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... 阅读全文
摘要:
<!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=... 阅读全文