phonegap android开发环境搭建,关于搭建基于Android和PhoneGap开发环境图文详解

搭建基于Android和PhoneGap开发环境是本文要介绍的内容,主要是来了解Android和PhoneGap的应用,具体详解来看详细内容。

IDE需要使用Eclipse 3.4+

安装 SDK + PhoneGap

1、需要安装eclipse 3.4+

下载地址:http://www.eclipse.org/downloads/

2、安装ADT插件

b3151df1c5ba78f6515eb47b07e5f5ea.png

e9399e007ad8372b6a54f90e705ae57d.png

添加ADT plug,地址为:

http://dl-ssl.google.com/android/eclipse

3、下载并安装 Android SDK

因为http://androidappdocs.appspot.com/sdk/index.html 被墙掉了,所以得另外找一个地址

Android SDK 3.1 (以下链接转载至:

http://www.cnblogs.com/yaotong/archive/2011/01/25/1943615.html)

Windows

http://dl.google.com/android/android-sdk_r11-windows.zip

http://dl.google.com/android/installer_r11-windows.exe

Mac OS X(intel)

http://dl.google.com/android/android-sdk_r11-mac_x86.zip

Linux(i386)

http://dl.google.com/android/android-sdk_r11-linux_x86.tgz

然后就是安装了,需要很久很久….

别忘记了在系统环境变量中,添加android sdk的tools包路径

1cd1c07560511743bfaaa7782fbbb8b7.png

(设置好以后可以在cmd下测试一下~)

环境弄好了,开始写个Demo(详情可参考PhoneGap的官网,需要先下载PhoneGap-0.9.5)~

1、新建一个Android Project

9f70ff0147b5b2516c6b036cb68a04b5.png

20faac4f801547631bdabb06718df5a1.png

2、导入需要的包、建议文件目录

下图是下载phonegap-0.9.5后解压出来的包,复制phonegap.0.9.5.jar到***步建立的工程的libs目录中

0f2acb6b01042ff44a1b97e66ed3888b.png

现在工程的目录(红色标的为新建的目录):

c7cd4171a41204461c03f6dbd0a9c804.png

选中 phonegap.0.9.5.jar,右击 -> Build Path –> Config Build Path…   切换到Libraries选项卡:

9f0469ab7e289e6a57b0fd54f9babcc1.png

添加架包:

e18e0aa6489547b7dc581f98b540e778.png

这时,可以看到libs目录与assets、res一样了,目录图标左上角多了个东西

2c777cab2380d0b1a9f577872107f412.png

这里为了简单,直接复制phonegap例子中的三个文件到www目录下:

c92f0d9af3cd067cf41d38dcf3e644de.png

修改com.phonegap.helloworld包下面的App.java文件:

0c711c1ba5f3e40cd172e61e7f42be79.png

类继承于DroidGap(默认继承类Activity)

注释 setContentView(R.layout.main); 这一行,改为 super.loadUrl(file:///android_asset/www/index.html);

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

android:normalScreens="true"

android:smallScreens="true"

android:resizeable="true"

android:anyDensity="true"

/>

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

android:label="@string/app_name"

android:configChanges="orientation|keyboardHidden">

完整的文件内容

package="com.phonegap.helloworld"

android:versionCode="1"

android:versionName="1.1">

android:largeScreens="true"

android:normalScreens="true"

android:smallScreens="true"

android:resizeable="true"

android:anyDensity="true"

/>

android:label="@string/app_name"

android:configChanges="orientation|keyboardHidden">

3、运行项目

右击项目,选中Run as 并点击 AndroidApplication ,如果***次启动,需要配置模拟器的虚拟设备(可能会遇到问题,配置后无法启动,把生成的文件.android移动到当前登录用户的文档目录下就好了,网上也有很多其它解决方法)

如果不出其它意外情况,正常情况下将会看到类似下面的界面(运行起来比较慢、卡,需要点耐心~) :

d23d2cbb9bae480da8b49be44e5eb4c8.png

进入界面(点中左侧的“锁”不放,向右移动,当 Unlock 颜色加深时就解锁成功了)

4aef0276b443e0b2d3a4c0c3818889da.png

需要再等待一会,在看到控制台出现

Starting activity com.phonegap.helloworld.App on device emulator-5554

之后,会看到下图所示的界面

9dc250017b71ad8a35a4a20bd3724e0b.png

至此,***个web app在模拟器上就成功跑起来了。整体跑下来,感觉还是挺麻烦的,这玩意太消耗内存了,机器会变的很卡,有时半天没响应,真是需要点耐心

小结:关于搭建基于Android和PhoneGap开发环境的内容介绍完了,希望通过本文的学习能对你有所帮助!

【编辑推荐】

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

点赞 0

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值