（翻译）手机应用开发第二节：PhoneGap and Dojo Mobile on Android(创建应用)

时间 2021-01-04 标签 android dojo PhoneGap

原文地址：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 文件夹

将cordova-2.0.0.js复制到项目目录/assets/www下
将cordova-2.0.0.jar复制到/libs下
将xml文件夹复制到项目目录/res下

此时你的项目文件目录应该如下图：

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 and Dojo Mobile on Android(创建应用)

（翻译）手机应用开发第二节：PhoneGap and Dojo Mobile on Android(创建应用)