Eclipse与PhoneGap环境的搭建

Posted on Posted in android
Tips: 本文创建于2012年12月5日,已超过 2 年,内容或图片可能已经失效!

安装

需要准备的软件

  1. Java SDK
  2. Eclipse
  3. Andriod SDK
  4. ATD Plugin
  5. PhoneGap

说明:

1、 Java SDK直接下载,选择好路径安装。(路径中最好不要出现空格)记得添加环境变量。
2、 Eclipse软件可以在QQ或者360的软件管理仓库里搜索,直接下载,很方便。
3、 Android SDK直接下载安装。
记得添加SDK的环境变量。
4、 ATD如果你网速给力,也可以不下载。
打开Eclipse,选择Help,选择Install New Software

image001

在弹出框中添加网址http://dl-ssl.google.com/android/eclipse,添加后等一小会,name中会出现如图的样子,勾选,然后一步一步安装。

image002

如果单独下载了ATD,可以点击旁边的Add,然后选择你下载的ATD包进行安装。

image003

5、 PhoneGap下载后,直接解压。
6、 软件都安装完成后,重启eclipse进入Window->Android SDK Manager,选择要安装的Android开发框架进行下载安装,这个过程时间稍微长久一点。

image004

如果等了很久都没有出现如图的样子,进入你的盘符路径,C:\WINDOWS\system32\drivers\etc
修改host文件,添加如下
74.125.237.1 dl-ssl.google.com
环境变量不会添加的,在网上搜索吧,或者联系我。

测试运行第一个PhoneGap项目

1、 新建一个Android test项目,名字自取,开发框架自取,路径自取。一路默认,finish。

image005

2、 找到建立项目的目录,在其简历两个文件夹:
/libs
/assets/www
如果存在,就不用建立了。

image006

3、 进入到刚刚下载解压的PhoneGap目录中
cordova-2.1.0.js文件拷贝到/assets/www目录中
cordova-2.1.0.jar文件拷贝到/libs目录下
xml文件夹整体拷贝到/res目录下

image007

4、 在/assets/www下简历index.html文件,内容类似这样:

[code lang="html"]
<html>
<head>
<title>MY PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
</head>
<body>
<h1>THE FIRST PHONEGAP</h1>
</body>
</html>
[/code]

5、 在AndroidManifest.xml文件中添加权限配置,把以下代码复制其中。

[code lang="xml"]
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />
[/code]

6、 将一下内容添加到AndroidManifest.xml文件的activity标签中
android:configChanges="orientation|keyboardHidden"
7、 AndroidManifest.xml最后会是这样,但会提示出现错误,不要管它,稍后修改。

image008

8、 在/libs目录,右点击cordova-2.1.0.jar,选择Build Path->Add to Build Path

image009

9、 修改/src/com.example.test下的java主文件
把名字修改为工程名(可改可不改)

image010

添加import org.apache.cordova.DroidGap;

image011

将类改成为DroidGap

image012

用super.loadUrl("file:///android_asset/www/index.html");代替setContentView(R.layout.activity_main);这一行

image013

image014

10、 点击AVD按钮

image015

11、 新建你选择工程的框架,我这里选择的是4.1.2

image016

image017

image018

12、 运行

image019

13、 完成

image020

 

» 转载请注明来源:若我若鱼 » Eclipse与PhoneGap环境的搭建

Leave a Reply

Your email address will not be published. Required fields are marked *

20 + eighteen =