Titanium视频教程:使用Ti jQuery Mobile开发
创始人
2024-08-22 12:20:42
0

下面为视频

前段时间在群里讨论titanium的时候提到了titanium能不能结合jquerymobile进行混合开发应用程序,当时我说是可以的,因为titanium可以使用webview组件。 但是titanium并不提倡使用外部的UI,因为这将导致性能的下降,而titanium鼓吹的就是性能至上,但有的时候我们还是需要基于HTML/CSS的UI,

在本节课我们将展示如何使用titanium+jquerymobile开发混合应用

一、创建一个titaniummobile工程

把app.js里的代码全部删掉!!

加入以下代码:

//创建窗口

varwin=Ti.UI.createWindow();

//创建webview

varwebView=Ti.UI.createWebView({

url:'/index.html'//链接到你的HTML首页

});

//添加到webview到窗口

win.add(webView);

//打开窗口

win.open();

二、下载好jquerymobile框架并复制到工程Resource目录下

三、创建index.html(注意导入的JQM框架文件路径!!)

  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. 开发jQuery Mobile和Titanium混合应用 
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.   
  20.  
  21.   
  22.  
  23.   
  24.  
  25.  
  26.  
  27.  
  28.  
  29. 标题

     
  30.  
 
  •  
  •  
  •  
  • 正文 
  •  
  •  
  •  
  •  
  •  
  • 脚注

     
  •  
  •  
  •  
  •  
  •  
  •   
  •  
  •  
  •  
  •   
  • 四、还有一步!!! 

    在tiapp.xml里添加下面一段代码

    1. false 

    如图

    OK!***运行程序!看效果吧!

    注意:在真机魅族M9中调试后校长发现jquerymobile在页面跳转后依然会闪屏所以.......jquerymobile在android中的效果依然....不过好似有方法解决该问题--修改CSS代码,取消页面切换的特效,不过校长现在扎堆于titanium,无暇顾及jquerymobile,具体的解决方法请google吧!有谁知道解决方案请留言!

    相关内容

    热门资讯

    PHP新手之PHP入门 PHP是一种易于学习和使用的服务器端脚本语言。只需要很少的编程知识你就能使用PHP建立一个真正交互的...
    网络中立的未来 网络中立性是什... 《牛津词典》中对“网络中立”的解释是“电信运营商应秉持的一种原则,即不考虑来源地提供所有内容和应用的...
    各种千兆交换机的数据接口类型详... 千兆交换机有很多值得学习的地方,这里我们主要介绍各种千兆交换机的数据接口类型,作为局域网的主要连接设...
    粉嫩如何诠释霸道 东芝M805... “霸道粉”是个什么玩意东芝M805拿过来的时候,笔者扑哧笑了,不是笑这款笔记本,而是笑这款产品的颜色...
    什么是大数据安全 什么是大数据... 在《为什么需要大数据安全分析》一文中,我们已经阐述了一个重要观点,即:安全要素信息呈现出大数据的特征...
    如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
    全面诠释网络负载均衡 负载均衡的出现大大缓解了服务器的压力,更是有效的利用了资源,提高了效率。那么我们现在来说一下网络负载...
    如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
    30分钟搞定iOS自定义相机 最近公司的项目中用到了相机,由于不用系统的相机,UI给的相机切图,必须自定义才可以。就花时间简单研究...
    Intel将Moblin社区控... 本周二,非营利机构Linux基金会宣布,他们将担负起Moblin社区的管理工作,而这之前,Mobli...