手机应用开发 第二节：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.如下图：

如上图所示：填写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。将下面的代码，复制到该文件中。

 

 

 

将下面这个行添加到标签里

 

android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"

 

 

这时你的AndroidManifest.xml文件看起来应该如下图所示：

 

6. 在assets/www目录下创建新文件index.html，将下面的代码复制进去。

 

	
		
			
			
		
		
			
Hello World
		
	

 

 

7.启动模拟器

右击项目选择 Run As > Android Application。如果没有合适的目标虚拟设备，eclipse会让你创建一个新的AVD。

OK! 完美运行。呵呵，虽然仅仅是一开始，可还是挺令人高兴。O(∩_∩)O~

 

为了让所有人都能按步骤走下来，我尽量多贴图。导致文章越来越长，只好再截断一次。

 

如果你在按照上述步骤操作过程中遇到任何问题，欢迎和我交流，共同进步。

翻译的不好，真诚希望得到大家的指正。