文档详情

用PhoneGapjQueryMobile开发Android应用实例.doc

发布:2018-02-01约8.16千字共16页下载文档
文本预览下载声明
用PhoneGap + jQuery Mobile开发 Android应用 前言 2 PhoneGap及jQueryMobile介绍 2 开发环境的搭建 2 下载并按照 JAVA SDK 2 下载并安装Android SDK 2 创建虚拟设备 3 下载并安装Eclipse 4 下载并安装ADT Plugin 4 下载并解压Cordova 5 下载jQuery Mobile 5 第一个手机应用 5 创建工程 5 整合Cordova 8 整合jQueryMobile 10 制作apk 13 参考资料 16 前言 随着移动终端计算能力的提升,移动应用变得越来越受人青睐,也越来越流行;尤其以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开发的应用并无二致,甚至可能拥有更好的用户界面和用户体验。因为网页的开发技术越来越成熟,各种库的适用性,兼容性越来越强,而且也越来越注重用户界面与用户体验的提升,其中的佼佼者有最初的Prototype,Yahoo!;现在大行其道的jQuery,ExtJs,Dojo等等。 同样,这些库也推出了移动版,而基于jQuery的就有很多不同的库,如:JQ.mobi,jQuery Mobile等等。 PhoneGap、jQuery Mobile简介 PhoneGap是一个基于HTML5+CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。最初PhoneGap仅支持iOS,但随着Android市场份额的恐怖增长,增加了Android的支持,后续又陆续增加了BlackBerry、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(初始安装后,仅Android SDK Tools一项已安装),将Tools项,以及Android 2.2(API 8)勾选,并点击“install x packages”进行安装(过程会有点长,不如坐下来看一部电影吧),如图: 创建虚拟设备(Android Virtual Device) 打开AVD Manager,点击新建(New),如图: 输入虚拟设备名称,选择目标平台(Android 2.2),如图: 下载并安装Eclipse(Eclipse 3.4+) 下载并安装ADT Plugin(20.0.3) ADT Plugin的安装有两种,一种在线安装: 打开Eclipse菜单Help|Install New Software,点Add,在Name中输入“ADT 20.0.3”,在Location里输入/android/eclipse/,确定。 再有一种就是把ADT 20.0.3.zip下载到本地,进行本地安装。不同之处就是在Add之后,在Location中输入zip包的本地路径即可。 安装好之后,Eclipse下会看到Android开发相关的工具按钮,如图: 下载并解压Cordov
显示全部
相似文档