(翻译)手机应用开发 第二节:PhoneGap and Dojo Mobile on Android(创建应用)
原文地址: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 文件夹
[*]将cordova-2.0.0.js复制到项目目录/assets/www下
[*]将cordova-2.0.0.jar复制到/libs下
[*]将xml文件夹复制到项目目录/res下
此时你的项目文件目录应该如下图:
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~
为了让所有人都能按步骤走下来,我尽量多贴图。导致文章越来越长,只好再截断一次。
如果你在按照上述步骤操作过程中遇到任何问题,欢迎和我交流,共同进步。
翻译的不好,真诚希望得到大家的指正。
页:
[1]