首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > Android >

基于android跟phonegap环境搭建

2013-02-27 
基于android和phonegap环境搭建添加 ADT 插件。(ADT插件不用解压,直接选择 ADT 的 zip 文件压缩包 );第三步

基于android和phonegap环境搭建

添加 ADT 插件。(ADT插件不用解压,直接选择 ADT 的 zip 文件压缩包 );

第三步,在 Eclipse 环境下,选择 window -> Android SDK and Avd Manager ,并选择 New 按钮,按下图所示配置 AVD。

基于android跟phonegap环境搭建

第四步,配置环境变量。在 path 路径中添加 SDK tools 的路径 ;

基于android跟phonegap环境搭建

第五步,在 Eclipse 环境下,选择 window -> preferences ,配置 Dndroid SDK,在右边的SDK Location中选择Android SDK所在位置。如图

基于android跟phonegap环境搭建

?接下来,我们新建一个项目。

1. 在 eclipse 下,选择 new -> project... 新建一个 Android 项目;

基于android跟phonegap环境搭建

2. 在项目根目录下创建 /libs 和 /assets/www 目录,并从解压后的 PhoneGap 目录中拷贝 phonegap.js到 /assets/www 目录下,拷贝 phonegap.jar 到 libs 目录下。

3. 右击 phonegap.jar 文件,弹出快捷菜单,选择 build path -> Configure Build Path...

基于android跟phonegap环境搭建

基于android跟phonegap环境搭建

按上图所示配置,这样就 OK 了。

最后,为了简单,我们直接复制 phonegap 的例子的三个文件 index.html , main.js 和 master.css 到 新建好的项目文件夹 www 目录下,修改 com . phonegap . sample 包下面的 App.java 文件:

基于android跟phonegap环境搭建

?

修改工程根目录下的 AndroidMainfest.xml 文件,添加如下内容:

基于android跟phonegap环境搭建

在 application 节点下,找到 activity 节点,添加 android : configChanges = " orientation | keyboardHidden "

运行项目。右击项目,选择 Run as -> Android Application 如果第一次启动,需要配置模拟器的虚拟设备。接下来,你将看到以下界面:

基于android跟phonegap环境搭建

进入界面,点中左侧的锁不放,向右移动,就解锁成功了。

至此,第一个 web app 在模拟器上就成功跑起来了。

热点排行