跨平台开发：初探PhoneGap移动开发框架(2)

转载自http://mobile.51cto.com/android-229213_1.htm

 

 

通过PhoneGap生成基于Android的原型程序

1 进入PhoneGap-Android目录，并进入MS-DOS方式，在命令行下，按如下格式执行该命令：

1. ruby bin/droidgap "[android_sdk_path]" [name] [package_name] "[www]" "[path]"  
2.  

上述参数说明如下：

其中android_sdk_path指定了android sdk的安装位置，比如：

d:/androidsdk,注意这里不要写成“\”,应该是“/”作为分隔符。

Name：要生成的android应用的名字。

Package_name:生成的android应用中源代码中的包名，注意必须至少有一层的包关系，即com.XXXX的形式。

WWW：这里指应用中存放HTML,Javascipt,CSS的位置目录名称。

PATH:这里指通过PhoneGap生成的项目原型工程的目录位置，注意的是，该目录位置不能指定为eclipse的workspace工作空间内。

下面是一个例子：

1. ruby bin/droidgap “d:/androidsdk” HelloWorldGap com.phonegap www  
2. “d:/HelloWorldGap”  
3.  

运行上述命令后，会发现在D盘会生成一个HelloWolrdGap的工程目录，phonegap已经为我们生成了项目的框架了。

将工程导入到Eclipse中

如果安装了Android for eclipse的插件ADT后，我们可以将PhoneGap生成的工程导入到Eclipse中去。首先我们打开Eclipse,新建一个Android Project，如下图

其中输入Project name的名称为HelloGapAndroid，其中在Create project from existing source中选择上文中用PhoneGap生成的项目的目录。之后在Eclipse中则会看到如下结构的

可以看到其中assets下的www目录存放了工程中需要用到的HTML、Javascript和CSS文件。此外，还要确认工程的lib目录下面，存在phonegap.jar文件。

接下来我们试着运行下这个工程，会在模拟器中看到如下效果：

运行的结果是显示了PhoneGap中默认显示的index.html页面，其中演示了其中的一些功能，大家可以尝试去试验一下。