原文地址: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 官方文档进行翻译。
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~
为了让所有人都能按步骤走下来,我尽量多贴图。导致文章越来越长,只好再截断一次。
如果你在按照上述步骤操作过程中遇到任何问题,欢迎和我交流,共同进步。
翻译的不好,真诚希望得到大家的指正。