用PhoneGap+jQueryMobile开发Android应用实例.docx

PAGE PAGE 14 用 PhoneGap + jQuery Mobil开e 发 Android应用 前言 PhoneGap 及 jQueryMobile介绍 开发环境的搭建 下载并按照 JAVA SDK2 下载并安装Android SDK2 创建虚拟设备 3 下载并安装Eclipse4 下载并安装ADT Plugi.n4 下载并解压Cordova5 下载 jQuery Mobil.e5 第一个手机应用 创建工程 5 整合 Cordova8 整合 jQueryMobile1.0 制作 apk 1.3 参考资料 前言 随着移动终端计算能力的提升，移动应用变得越来越受人青睐，也越来越流行；尤其以 iOS和Android平台为主的手机，已经淘汰了大多数人的手机。 新的平台产生了新的SDK，新的 UI，新的使用习惯和用户体验。而因为计算能力的增强，手机的渲染能力也大幅增强，从而催生了以 WebKit 为内核的浏览器的广泛应用。并以此而衍生出了手机上的HTML+CSS 应用。至此，手机应用的开发也与传统PC 的开发一样，多了一条低成本开发的坦途。 除却传统的基于原生 SDK 的开发不谈，基于 HTML+CSS+js 的开发已经变得越来越流行，也越来越受欢迎，特别是一些小应用开发商。 因此而衍生的开发框架如雨后春笋：PhoneGap ，AppCan ，Rexsee 等等。这些框架都是采用桥接的方式，在系统(iOS/Android原)生 SDK 的基础上，创建一个以 WebKit 为运行环境的本地 Web 应用，并为 js引擎暴露本地功能(服务)的访问接口，从而实现以HTML+CSS 展示界面，以js控制程序流程的手机应用。 这种应用看上去与原生 SDK 开发的应用并无二致，甚至可能拥有更好的用户界面和用户体验。因为网页的开发技术越来越成熟，各种库的适用性，兼容性越来越强，而 且也越来越注重用户界面与用户体验的提升，其中的佼佼者有最初的Prototyp，eYahoo!； 现在大行其道的jQuery，ExtJ，s Dojo 等等。 同样，这些库也推出了移动版，而基于 jQuery的就有很多不同的库，如：JQ.mobi， jQuery Mobile等等。 PhoneGap 、jQuery Mobile简介 PhoneGap 是一个基于 HTML5+CSS 和 JavaScrip的t ，创建移动跨平台移动应用程序的快速开发平台。最初 PhoneGap 仅支持 iOS，但随着 Android市场份额的恐怖增长， 增加了Android的支持，后续又陆续增加了 BlackBerr、y Windows Mobile Phone、WebOS 以及 Symbian 的支持。 Adobe 在去年底，收购了PhoneGap ，并交由Apache 开源，成了现在的Cordova(以下均称 Cordova)。Cordova现在已经更新到 2.1.0，除了保留原 PhoneGap 的所有功能， Cordova支持更多的设备，桥接了更多的接口，并且稳定性更高。 jQuery Mobile是 jQuery 在手机上和平板设备上的版本。jQuery Mobile不仅给主流移动平台带来jQuery核心库，而且发布了一个较完整统一的 jQuery移动 UI 框架。我们可以继续使用jQuery来开发手机版的网页代码，同时还可以利用jQuery Mobile带来的基本 UI 控件(互联网时代的程序猿是幸福滴)。 开发环境的搭建 废话了不少，现在来点正经的，从无到有搭建一个开发环境： 下载并安装JAVA JDK推( 荐使用JDK6) 下载并安装Android SDK(r20.0.3) 安装好之后，打开SDK Manager(初始安装后，仅 AndroidSDK Tools一项已安装)， 将 Tools项，以及 Android 2.2(API勾8选) ，并点击“install x pack”ag进es行安装(过 程会有点长，不如坐下来看一部电影吧)，如图： 创建虚拟设备(Android Virtual Device) 打开 AVD Manager，点击新建(New)，如图： 输入虚拟设备名称，选择目标平台(Android 2.，2)如图： 下载并安装Eclipse(Eclipse 3.4+) 下载并安装ADT Plugin(20.0.3) ADT Plugin的安装有两种，一种在线安装： 打开Eclipse菜单 Help|Install New Softw，a点re Add ，在 Name 中输入“ADT 20.0.”3，在 Location里输入 /android/e，cl确ip定se。/ 再有一种就是把ADT 20.0.3.zi下p 载到本地，进行本地安装。不同之处就