一. 安装

在安装PhoneGap开发环境之前&＃xff0c;需要按顺序安装一下工具&＃xff1a; 1 java SDK

java sdk,不安装的话不能正常安装Android SDK。

安装成功检测&＃xff1a;启动DOS窗口start-->run-->cmd,在DOS窗口中键入&＃xff1a;java -version&＃xff0c;如果能显示版本信息说明安装正常。

2 Eclipse

3 Android SDK

下载下来安装之后是一个Android SDK Manager,下载相应版本组件&＃xff0c;可能需要较长时间。

4 ADt Plugin

这是一个Eclipse插件&＃xff0c;作用是关联Android SDK&＃xff0c;使Eclipse能够新建Android工程&＃xff0c;安装方法如下&＃xff1a; 打开Eclipse中的菜单项“Helpe“ -> "InstallNewSoftware"进入软件安装界面&＃xff0c;点击Add"按钮&＃xff0c;在Add Site这个弹出的对话框中的Name处输入一个名字例如Android&＃xff0c;在Location处输入:https://dl-ssl.google.com/android/eclipse/

5 PhoneGap

下载PhoneGap&＃xff0c;解压缩即可&＃xff0c;打开里面的libs->android文件夹&＃xff0c;我们会用到其中的三个文件&＃xff0c;分别为xml,cordova-2.0.0.jar及cordova-2.0.0.js

二 新建一个PhoneGap项目

1 在eclipse中新建Android Project

2 在项目的目录下建两个文件夹&＃xff1a; /libs

/assets/www

3 进入将刚刚下载并解压的PhoneGap包里Android目录&＃xff0c;我们需要的资源都在这个目录下。 将cordova-2.0.0.js这个js文件&＃xff08;具体名称视当时下载的版本而定&＃xff09;copy到/assets/www目录下&＃xff0c; 把cordova-2.0.0.jar文件copy到/libs目录下。 在把xml目录&＃xff08;xml整个文件夹&＃xff09;copy到android项目的res目录下

4 在/assets/www下建立index.html文件&＃xff0c;内容看起来像这样&＃xff1a;

Hello World

5 将以下权限配置的xml内容copy到AndroidManifest.xml文件中&＃xff1a;



android:largeScreens&＃61;"true"

android:normalScreens&＃61;"true"

android:smallScreens&＃61;"true"

android:resizeable&＃61;"true"

android:anyDensity&＃61;"true"

/>
































6 将以下内容添加到AndroidManifest.xml文件的activity标签中

android:configChanges&＃61;"orientation|keyboardHidden"


这是为了保证机器在横竖屏切换的时候不会重新执行Activity的onCreate方法&＃xff1b;

7 AndroidManifest.xml最后看起来会像这样&＃xff1a;




package&＃61;"com.example.shawn"
android:versionCode&＃61;"1"
android:versionName&＃61;"1.0">
android:anyDensity&＃61;"true"
android:largeScreens&＃61;"true"
android:normalScreens&＃61;"true"
android:resizeable&＃61;"true"
android:smallScreens&＃61;"true"
android:xlargeScreens&＃61;"true" />

















android:icon&＃61;"&＃64;drawable/ic_launcher"
android:theme&＃61;"&＃64;style/AppTheme">
android:name&＃61;"outer"
android:configChanges&＃61;"orientation|keyboardHidden"
android:label&＃61;"&＃64;string/app_name" >










其中标签我们可以看做是我们当前的应用&＃xff0c;而&＃xff0c;代表我们应用内的一个界面&＃xff0c;标签里我们给当前页面设置了一个权限&＃xff0c;android.intent.action.MAIN表示是最先启动的界面&＃xff1b;android.intent.category.LAUNCHER决定应用程序是否显示在程序列表里

另外需要注意的是&＃xff1a;


android:name&＃61;"outer"
android:configChanges&＃61;"orientation|keyboardHidden"
android:label&＃61;"&＃64;string/app_name">


我们的标签中有这样一个类名为outer&＃xff0c;我们可以自己定义它

8 在刚刚新建的Android Project中找到libs目录并在cordova-2.0.0.jar上点击右键&＃xff0c;选择Build Path->Add to Build Path

9 最后再修改下src下的java主文件&＃xff08;如果没有就自己创建一个&＃xff09;&＃xff0c;我们要做一下几件事&＃xff1a;

1&＃xff09;添加 import com.phonegap.*;

2&＃xff09;删掉import android.app.Activity;

3&＃xff09;还记得刚才的outer类么&＃xff1f;这里将outer继承为DroidGap&＃xff1b;

4&＃xff09;把setContentView()这行替换为super.loadUrl("file:///android_asset/www/index.html");

5)最后看起来就像这样&＃xff1a;


package com.example.shawn;

import android.os.Bundle;

import org.apache.cordova.*;

public class outer extends DroidGap{
&＃64;Override
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html");
}

}


到此为止环境搭建完毕