技术开发 频道

跨平台开发:PhoneGap移动开发框架初探

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

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

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

  上述参数说明如下:

  其中android_sdk_path指定了android sdk的安装位置,比如:

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

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

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

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

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

  下面是一个例子:

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

  “d:/HelloWorldGap”

  运行上述命令后,会发现在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页面,其中演示了其中的一些功能,大家可以尝试去试验一下。

  

0
相关文章