android phonegap 框架,基于Android SDK安装PhoneGap框架

基于Android SDK安装PhoneGap框架是本文要介绍的内容,主要是来学习Eclipse+Android+JDK+Phonegap开发环境,具体内容的实现来看那本文详解。

首先,要明白一点,就是要利用PhoneGap框架开发移动应用时,也是必须在开发环境上安装对应移动设备应用的SDK的。

比如你要开发一个运行在Android上的应用,则必须安装 Android的SDK包,开发iphone应用,就要安装iphone sdk。

本文将介绍如何安装基于Android SDK下安装PhoneGap。无论是开发基于哪种平台的移动应用,首先要到PhoneGap的官方网站下载

PhoneGap包,地址是:http://www.phonegap.com/download,目前***的版本是0.9.1,下载之后,解压缩后,会发现如下图所示的若干个文件夹:这里,由于我们是构建Android应用,因此只有phonegap-android对我们是有用的。

由于PhoneGap是通过Ruby语言以及所开发的目标移动设备的SDK一起搭配工作的,因此除了下载PhoneGap外,开发者还必须安装如下的软件(以Android为例)

a1c9a6f91f4cbe381b540abf7952fd5f.png

我的版本:

Android SDK,  android-sdk_r12-windows(***的那个)

Eclipse IDE  eclipse-SDK-3.7-win32(这个也是***的)

JDK   jdk-6u10-rc2-bin-b32-windows-i586-p-12_sep_2008(***地)

Android 的Eclipse插件ADT(http://developer.android.com/sdk/eclipse-adt.html)(可省略,安装完之后可以直接下载android所有插件包)

40916f6e06f2dddbada5f6d18228e680.png

phonegap

我只列出我实际操作中用到的软件,系统是windows。

Eclipse 以及 Android 的安装查看以下网页 http://mobile.51cto.com/android-227548.htm,还算详细。

今天主要说以下phonegap的构建,因为我发现网上的一些教程出来的效果都是错误的,可能是版本问题。

有英文基础的查看http://www.phonegap.com/start#android

英文不好的看下面。

首先进入eclipse界面,新建android工程 new > android project,如图(单击放大):

bca110b3ebef934947fde79b0e82981f.png

然后在该工程目录下建立两个文档

/libs 和 /assets/www

把之前下载好的phonegap中的phonegap.js拷贝到 /assets/www下

phonegap.jar拷贝到/libs下(一般会带版本号,自己改下文件名)

下面是被大家忽略的一步(网上大部分教程少了这步)

复制phonegap下的xml文件夹到 /res下

接下来是修改工程的一些文件,修改src文件下的java文件

把class extent 的activity改成DroidGap

Replace the setContentView() line with super.loadUrl("file:///android_asset/www/index.html");

Add import com.phonegap.*;

Removeimport android.app.Activity;(国内很多教程也没有这步,虽然不会报错,但是会出现感叹号,举手之劳删了吧)如图:

接下来你可能会看见边框出现一些红色叉叉,没事。

只是因为eclipse没有找到phonegap.jar而已,帮他找到就好了。

右击 libs文件夹 进去Build Paths/ > Configure Build Paths

java Build Path > Libraries  单击Add JARs(似乎和AddExternal JARs没啥差别)

找到libs下的phonegap.jar路径,单击ok。再按F5刷新下就可以了。

接下来打开 总目录下的AndroidManifest.xml文件 右击 Open With > Text Editor

在版本号下面添加下面这段代码

android:largeScreens="true"

android:normalScreens="true"

android:smallScreens="true"

android:resizeable="true"

android:anyDensity="true"

/>

添加 android:configChanges="orientation|keyboardHidden"进去activity的属性里面

把第二段代码添加进入***个activity标签的后面

android:label="@string/app_name"

android:configChanges="orientation|keyboardHidden">

如图:

***,在assets/www下创建一个index.html文件

代码如下:

HTML>

PhoneGap

Hello World

保存,右击工程run as ->Android Application。

小结:基于Android SDK安装PhoneGap框架的内容介绍完了,希望通过本文的学习能对你有所帮助!

【编辑推荐】

【责任编辑:李程站 TEL:(010)68476606】

点赞 0

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值