原文地址:Mobile application development, Part 1: PhoneGap and Dojo Mobile on Android
ps:由于原文发布于2011-9-13。时间较早。而大部分软件,框架都有很大更新和变化。我会将原文中发生变化的部分修改成最新的。
在上一篇中我们已经将开发环境搭建好,接下来:
第一步:创建一个新的Android project
启动eclipse,选择File > New > Other…, 选择Android > Android Application project.如下图:
![](http://f.hiphotos.baidu.com/space/pic/item/8d5494eef01f3a29c09649549925bc315d607cca.jpg)
如上图所示:填写Application Name,选择Bulid SDK 和Minimum Required SDK。点击Next。
![](http://c.hiphotos.baidu.com/space/pic/item/4e4a20a4462309f702533288720e0cf3d7cad668.jpg)
选择应用程序的图标,点击Next。
![](http://b.hiphotos.baidu.com/space/pic/item/6c224f4a20a4462398f03af89822720e0cf3d776.jpg)
选择BlankActivity,点击Next。
![](http://b.hiphotos.baidu.com/space/pic/item/8694a4c27d1ed21b27c1b17fad6eddc451da3f1b.jpg)
无需更改,点击Next。
![](http://b.hiphotos.baidu.com/space/pic/item/09fa513d269759eeb4e6ff51b2fb43166c22dff2.jpg)
提示说:该模板依赖于Android Support Library,你没有安装。选择Install/Upgrade.
![](http://d.hiphotos.baidu.com/space/pic/item/0b55b319ebc4b745107b288ccffc1e178b8215b8.jpg)
选择Accept All ,并点击 Install。
![](http://h.hiphotos.baidu.com/space/pic/item/9f2f070828381f30862a1333a9014c086e06f07d.jpg)
点击 Finish。至此我们的android项目建立完成。
第二步:添加PhoneGap 库
ps:由于PhoneGap 库相对于原文中已经发生变化,所以我参照最新PhoneGap 官方文档进行翻译。
PhoneGap 官方文档页面
1. 在项目的根目录下创建两个新文件夹
/libs
/assets/www
2. 从你早先下载的phonegap文件中,找到cordova-2.0.0.js,cordova-2.0.0.jar和xml 文件夹
此时你的项目文件目录应该如下图:
![](http://h.hiphotos.baidu.com/space/pic/item/e4dde71190ef76c6780c62b19d16fdfaae51674a.jpg)
3. 确保cordova-2.0.0.jar已经显示在你的项目目录中,右键/libs文件夹,选择Build Paths/ > Configure Build Path....然后选择Libraries选项卡,点击Add jars按钮,选择cordova-2.0.0.jar。如下图所示
![](http://a.hiphotos.baidu.com/space/pic/item/37d12f2eb9389b5097bd79c88535e5dde6116eee.jpg)
4. 编辑你的项目src目录下的主java文件
例如:我的是MainActivity.java
![](http://f.hiphotos.baidu.com/space/pic/item/aa18972bd40735fad3fcd6239e510fb30f24081f.jpg)
-
添加import org.apache.cordova.*;
-
修改class's extend from Activity为DroidGap
-
替换setContentView()那一行为super.loadUrl("file:///android_asset/www/index.html");
如下图:
![](http://f.hiphotos.baidu.com/space/pic/item/fcfaaf51f3deb48f69033944f01f3a292cf578c6.jpg)
5. 右键AndroidManifest.xml文件选择Open With > Text Editor。将下面的代码,复制到该文件中。
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"/>
<uses-permissionandroid:name="android.permission.VIBRATE"/>
<uses-permissionandroid:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permissionandroid:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permissionandroid:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>
<uses-permissionandroid:name="android.permission.READ_PHONE_STATE"/>
<uses-permissionandroid:name="android.permission.INTERNET"/>
<uses-permissionandroid:name="android.permission.RECEIVE_SMS"/>
<uses-permissionandroid:name="android.permission.RECORD_AUDIO"/>
<uses-permissionandroid:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
<uses-permissionandroid:name="android.permission.READ_CONTACTS"/>
<uses-permissionandroid:name="android.permission.WRITE_CONTACTS"/>
<uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permissionandroid:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permissionandroid:name="android.permission.GET_ACCOUNTS"/>
<uses-permissionandroid:name="android.permission.BROADCAST_STICKY"/>
将下面这个行添加到<activity>标签里
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
这时你的AndroidManifest.xml文件看起来应该如下图所示:
![](http://a.hiphotos.baidu.com/space/pic/item/472309f790529822e21da259d7ca7bcb0a46d47a.jpg)
6. 在assets/www目录下创建新文件index.html,将下面的代码复制进去。
<!DOCTYPE HTML>
<html>
<head>
<title>Cordova</title>
<scripttype="text/javascript"charset="utf-8"src="cordova-2.0.0.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
7.启动模拟器
右击项目选择 Run As > Android Application。如果没有合适的目标虚拟设备,eclipse会让你创建一个新的AVD。
![](http://e.hiphotos.baidu.com/space/pic/item/6a600c338744ebf88617fea5d9f9d72a6159a7c2.jpg)
OK! 完美运行。呵呵,虽然仅仅是一开始,可还是挺令人高兴。O(∩_∩)O~
为了让所有人都能按步骤走下来,我尽量多贴图。导致文章越来越长,只好再截断一次。
如果你在按照上述步骤操作过程中遇到任何问题,欢迎和我交流,共同进步。
翻译的不好,真诚希望得到大家的指正。
分享到:
相关推荐
【标题】:“Android + PhoneGap + jQuery Mobile” 这个项目标题揭示了一个使用三种技术栈构建的移动应用程序:Android、PhoneGap和jQuery Mobile。Android是Google主导的开源操作系统,主要用于智能手机和平板...
而Android应用开发则需熟悉Eclipse等开发环境的搭建。 此外,jQuery Mobile 是一个强大的移动设备友好的前端框架,虽然不是PhoneGap的必需部分,但它能极大地提升应用的外观和用户体验。jQuery Mobile 提供一套预定...
PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境
用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。
使用指南:PhoneGap的CordovaWebView组件在Android原生项目中使用. 1.下载phonegap2.0, 1.1 从解压文件中“phonegap-phonegap-2dbbdab\lib\android”中可以看到以下文件: cordova-2.0.0.jar、cordova-2.0.0.js和...
2. 企业应用开发:使用PhoneGap可以开发企业级的应用程序,例如 CRM、ERP等系统。 3. 移动商务应用开发:使用PhoneGap可以开发移动商务应用程序,例如电商平台、支付系统等。 PhoneGap的优点包括: 1. 跨平台性:...
总结来说,"phoneGap deskTop win+mobile apk"这个资源是为开发者准备的,它包括了在Windows环境下进行PhoneGap应用开发所需的全部工具。通过PhoneGap Desktop,开发者可以高效地构建跨平台的移动应用,并且可以直接...
PhoneGap开发手册是一份详尽指导开发者如何使用PhoneGap这一跨平台移动应用开发框架的文档。PhoneGap基于开放源代码,允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用,这些应用能够运行在多个操作系统上...
PhoneGap基于Apache Cordova,将Web技术与Android等操作系统紧密集成,使得开发者可以利用熟悉的Web开发技能来创建功能丰富的手机应用。本篇文章将详细介绍如何在Android环境下搭建PhoneGap的开发环境。 首先,我们...
根据给定文件信息,本篇知识点将详细介绍使用PhoneGap(现称为Apache Cordova)进行Android移动应用开发的过程。PhoneGap是一个开源的移动应用开发框架,它允许开发者使用HTML5、CSS3和JavaScript等Web技术来开发跨...
PhoneGap和jQuery Mobile是两种非常重要的移动应用开发技术,它们结合使用可以构建跨平台的混合应用程序。PhoneGap是由Adobe开发的一个开源框架,它允许开发者使用HTML、CSS和JavaScript来创建原生的移动应用,而...
因此,目前开发商可以只 编写一次应用程序,然后在7个主要的移动平台和应用程序商店(app store)里进行发布,这些移动平台和应用程序商店包括:iOS、Android、BlackBerry、webOS、bada、Winodws Phone以及Symbian。...
### 基于PhoneGap的Android应用开发 #### 一、引言 随着移动互联网的飞速发展,跨平台移动应用开发技术越来越受到开发者们的青睐。PhoneGap作为一款开源框架,能够利用HTML5、CSS3与JavaScript等Web技术来开发跨...
PhoneGap的核心理念是通过Web技术实现多平台的兼容性,将网页应用与设备的硬件功能相结合,为开发者提供了一种高效且成本低廉的移动应用开发解决方案。 PhoneGap的开发环境基于Apache Cordova,它提供了访问设备API...
PhoneGap Eclipse PlugIn for Android是一款专为Android开发者设计的插件,它允许开发人员使用Eclipse IDE进行PhoneGap应用的构建和调试。PhoneGap是一种开源框架,它使开发者能够使用HTML、CSS和JavaScript来创建跨...
PhoneGap是一款跨平台的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用程序。在这个“phonegap android 录音照相录像 demo”项目中,我们将会探讨如何使用PhoneGap在Android平台上...
使用jQuery Mobile + PhoneGap 开发Android应用程序
除了PhoneGap之外,还有其他一些流行的HTML5移动应用开发框架,如JQuery Mobile和Sencha Touch。 **5.1 JQuery Mobile** JQuery Mobile是一个用于构建响应式Web应用程序的框架。它基于jQuery核心库,并提供了一...
总的来说,PhoneGap为开发者提供了一种高效、灵活的方式来开发跨平台的移动应用,通过JavaScript与Android的交互,实现了Web技术与原生设备功能的融合。理解并熟练掌握这种交互方式,对于构建高效、功能丰富的...
这个"PhoneGap开发者指南源码"显然是一份详细的教学资源,旨在帮助开发者理解和掌握如何利用PhoneGap进行跨平台应用开发。下面我们将深入探讨PhoneGap的核心概念、工作原理以及如何利用它来创建移动应用。 **...