用phonegap+jquerymobile开发android应用实例

《用phonegap+jquerymobile开发android应用实例》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、用PhoneGap+jQueryMobile开发Android应用前言2PhoneGap及jQueryMobile介绍2开发环境的搭建2下载并按照JAVASDK2下载并安装AndroidSDK2创建虚拟设备3下载并安装Eclipse4下载并安装ADTPlugin4下载并解压Cordova5下载jQueryMobile5第一个手机应用5创建工程5整合Cordova8整合jQueryMobile10制作apk13参考资料161.前言随着移动终端计算能力的提升，移动应用变得越来越受人青睐，也越来越流行；尤其以iOS和A

2、ndroid平台为主的手机，已经淘汰了大多数人的手机。新的平台产生了新的SDK，新的UI，新的使用习惯和用户体验。而因为计算能力的增强，手机的渲染能力也大幅增强，从而催生了以WebKit为内核的浏览器的广泛应用。并以此而衍生出了手机上的HTML+CSS应用。至此，手机应用的开发也与传统PC的开发一样，多了一条低成本开发的坦途。除却传统的基于原生SDK的开发不谈，基于HTML+CSS+js的开发已经变得越来越流行，也越来越受欢迎，特别是一些小应用开发商。因此而衍生的开发框架如雨后春笋：PhoneGap，AppCan

3、，Rexsee等等。这些框架都是采用桥接的方式，在系统(iOS/Android)原生SDK的基础上，创建一个以WebKit为运行环境的本地Web应用，并为js引擎暴露本地功能(服务)的访问接口，从而实现以HTML+CSS展示界面，以js控制程序流程的手机应用。这种应用看上去与原生SDK开发的应用并无二致，甚至可能拥有更好的用户界面和用户体验。因为网页的开发技术越来越成熟，各种库的适用性，兼容性越来越强，而且也越来越注重用户界面与用户体验的提升，其中的佼佼者有最初的Prototype，Yahoo!；现在大行其道的j

4、Query，ExtJs，Dojo等等。同样，这些库也推出了移动版，而基于jQuery的就有很多不同的库，如：JQ.mobi，jQueryMobile等等。2.PhoneGap、jQueryMobile简介PhoneGap是一个基于HTML5+CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。最初PhoneGap仅支持iOS，但随着Android市场份额的恐怖增长，增加了Android的支持，后续又陆续增加了BlackBerry、WindowsMobilePhone、WebOS以及Symbi

5、an的支持。Adobe在去年底，收购了PhoneGap，并交由Apache开源，成了现在的Cordova(以下均称Cordova)。Cordova现在已经更新到2.1.0，除了保留原PhoneGap的所有功能，Cordova支持更多的设备，桥接了更多的接口，并且稳定性更高。jQueryMobile是jQuery在手机上和平板设备上的版本。jQueryMobile不仅给主流移动平台带来jQuery核心库，而且发布了一个较完整统一的jQuery移动UI框架。我们可以继续使用jQuery来开发手机版的网页代码，同时还可

6、以利用jQueryMobile带来的基本UI控件(互联网时代的程序猿是幸福滴)。3.开发环境的搭建废话了不少，现在来点正经的，从无到有搭建一个开发环境：1)下载并安装JAVAJDK(推荐使用JDK6)2)下载并安装AndroidSDK(r20.0.3)安装好之后，打开SDKManager(初始安装后，仅AndroidSDKTools一项已安装)，将Tools项，以及Android2.2(API8)勾选，并点击“installxpackages”进行安装(过程会有点长，不如坐下来看一部电影吧)，如图：1)创建虚拟设

7、备(AndroidVirtualDevice)打开AVDManager，点击新建(New)，如图：输入虚拟设备名称，选择目标平台(Android2.2)，如图：1)下载并安装Eclipse(Eclipse3.4+)2)下载并安装ADTPlugin(20.0.3)ADTPlugin的安装有两种，一种在线安装：打开Eclipse菜单Help

8、InstallNewSoftware，点Add，在Name中输入“ADT20.0.3”，在Location里输入https://dl-ssl.google.com/android

9、/eclipse/，确定。再有一种就是把ADT20.0.3.zip下载到本地，进行本地安装。不同之处就是在Add之后，在Location中输入zip包的本地路径即可。安装好之后，Eclipse下会看到Android开发相关的工具按钮，如图：1)下载并解压CordovaCordova是一个zip包，不需要安装，我们不妨将其解压，并与AndroidSDK放一起。2)下载jQu