原文地址: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.如下图:
如上图所示:填写Application Name,选择Bulid SDK 和Minimum Required SDK。点击Next。
选择应用程序的图标,点击Next。
选择BlankActivity,点击Next。
无需更改,点击Next。
提示说:该模板依赖于Android Support Library,你没有安装。选择Install/Upgrade.
选择Accept All ,并点击 Install。
点击 Finish。至此我们的android项目建立完成。
第二步:添加PhoneGap 库
ps:由于PhoneGap 库相对于原文中已经发生变化,所以我参照最新PhoneGap 官方文档进行翻译。
PhoneGap 官方文档页面
1. 在项目的根目录下创建两个新文件夹
/libs
/assets/www
2. 从你早先下载的phonegap文件中,找到cordova-2.0.0.js,cordova-2.0.0.jar和xml 文件夹
此时你的项目文件目录应该如下图:
3. 确保cordova-2.0.0.jar已经显示在你的项目目录中,右键/libs文件夹,选择Build Paths/ > Configure Build Path....然后选择Libraries选项卡,点击Add jars按钮,选择cordova-2.0.0.jar。如下图所示
4. 编辑你的项目src目录下的主java文件
例如:我的是MainActivity.java
-
添加import org.apache.cordova.*;
-
修改class's extend from Activity为DroidGap
-
替换setContentView()那一行为super.loadUrl("file:///android_asset/www/index.html");
如下图:
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文件看起来应该如下图所示:
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。
OK! 完美运行。呵呵,虽然仅仅是一开始,可还是挺令人高兴。O(∩_∩)O~
为了让所有人都能按步骤走下来,我尽量多贴图。导致文章越来越长,只好再截断一次。
如果你在按照上述步骤操作过程中遇到任何问题,欢迎和我交流,共同进步。
翻译的不好,真诚希望得到大家的指正。
分享到:
相关推荐
使用指南:PhoneGap的CordovaWebView组件在Android原生项目中使用. 1.下载phonegap2.0, 1.1 从解压文件中“phonegap-phonegap-2dbbdab\lib\android”中可以看到以下文件: cordova-2.0.0.jar、cordova-2.0.0.js和...
PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境
用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。
PhoneGap是一个自由开放源码的开发工具和框架,允许利用HTML + JavaScript + CSS的强大功能在多个手机平台上开发程序。本人介绍了该平台的一些基本特性和开发程序需要的知识,以帮助大家快速入手移动开发。 详细可...
该源码是使用phonegap加jquery mobile开发基于html5 css3的应用的项目例子。可以很好的来学校jquery mobile。
使用jQuery Mobile + PhoneGap 开发Android应用程序
android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建
PhoneGap是一款开源的手机应用开发平台,它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化,提供了一系列丰富的API供开发者调用,...
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,...
因此,目前开发商可以只 编写一次应用程序,然后在7个主要的移动平台和应用程序商店(app store)里进行发布,这些移动平台和应用程序商店包括:iOS、Android、BlackBerry、webOS、bada、Winodws Phone以及Symbian。...
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器...
phonegap开发中JS与Android之间的交互
已经装eclipse,android sdk及adt的安装和配置。 1.进入eclipse界面,新建android工程 new > android project 2.该工程目录下建立两个文档 /libs 和 /assets/www 3.把phonegap中android目录下的cordova-1.7.0.js...
PhoneGap is a growing and leading open-source mobile web apps development framework that lets developers build JavaScript and HTML5-based web applications with native wrappers for more than six mobile...
深入PhoneGap跨平台开发框架的内部,探索PhoneGap框架的架构、实现、细节。
PhoneGap+Jquery mobile,完整开发代码.
没分下载东西了,只好卖我的经典代码了,以下是我通过html5做的多个跨平台应用的demo框架:使用 phonegap 开发android应用框架结构 前台页面用jquery mobile开发,后台用axis2开发实现webservice,前后台用js发送...
■ 用PhoneGap和它的NFC插件写Android上的NFC应用程序用例 ■ 深入了解NDEF结构:测试已有的写标签程序,然后写自己的标签程序 ■ 用PhoneGap事件监听器来监听和过滤NDEF消息 ■ 写一个完整的Android应用程序来控制...
当前最新的phonegap(cordova)环境搭建指南,我就是按照这个一步一步做的,成功了,如有疑问请留言,会第一时间解决。
Android_App 使用 phonegap 和 android studio 为 android 开发的第一个应用程序