ADTIntegration Environment+PhoneGap 2.9.0搭建HTML5 開發APP環境，phonegaphtml5

ADTIntegration Environment+PhoneGap 2.9.0搭建HTML5 開發APP環境，phonegaphtml5

 一．環境搭建

1.   搭建開發Android環境，此處不再講述，可以使用ADTIntegration Environment，也可以使用Eclipse + Android SDK + ADT Plugin。

ADTIntegration Environment：http://developer.android.com/sdk/index.html

2.   配置PhoneGap

PhoneGap：http://phonegap.com/install/

 此文檔不適合phonegap-2.9.0以上的版本，適合phonegap-2.9.0以下的版本，因為phonegap-2.9.1中找不到下面所需要的一些檔案。

2.1  建立一個Android工程。

2.2  將PhoneGap目錄下的android目錄下的jar檔案拷貝到項目的libs目錄下。

2.3  將xml目錄拷貝到項目的res目錄下。

2.4  在assets目錄下，建立一個www目錄，下面放html內容。為了測試，把phonegap例子裡面的內容拷貝過來了。

2.5  修改建立的Android項目的Activity代碼。

將代碼修改為如下代碼：

<span style="font-family:Times New Roman;">importandroid.os.Bundle;importorg.apache.cordova.*; publicclass MainActivity extends DroidGap{    @Override    public void onCreate(BundlesavedInstanceState)    {        super.onCreate(savedInstanceState);        // Set by <contentsrc="index.html" /> in config.xml        //super.loadUrl(Config.getStartUrl());       super.loadUrl("file:///android_asset/www/index.html")    }}</span>

注意點：

MainActivity 繼承 DroidGap， 然後匯入 DroidGap類所在的包，也就是import org.apache.cordova.*;  然後在OnCreate（）中調用assets/www目錄下的html檔案。

2.6  修改Android項目的AndroidManifest.xml 的內容

修改如下：

<span style="font-family:Times New Roman;"><manifestxmlns:android="http://schemas.android.com/apk/res/android"    package="com.lilu.helloworld"   android:hardwareAccelerated="true"    android:versionCode="1"    android:versionName="1.0"   android:windowSoftInputMode="adjustPan" >     <supports-screens        android:anyDensity="true"        android:largeScreens="true"        android:normalScreens="true"        android:resizeable="true"        android:smallScreens="true"        android:xlargeScreens="true"/>     <uses-permissionandroid:name="android.permission.CAMERA" />    <uses-permissionandroid:name="android.permission.VIBRATE" />    <uses-permissionandroid:name="android.permission.ACCESS_COARSE_LOCATION" />    <uses-permissionandroid:name="android.permission.ACCESS_FINE_LOCATION" />    <uses-permissionandroid:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>    <uses-permissionandroid:name="android.permission.INTERNET" />    <uses-permissionandroid:name="android.permission.RECEIVE_SMS" />    <uses-permissionandroid:name="android.permission.RECORD_AUDIO" />    <uses-permissionandroid:name="android.permission.RECORD_VIDEO" />    <uses-permissionandroid:name="android.permission.MODIFY_AUDIO_SETTINGS" />    <uses-permissionandroid:name="android.permission.READ_CONTACTS" />    <uses-permissionandroid:name="android.permission.WRITE_CONTACTS" />    <uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE" />    <uses-permissionandroid:name="android.permission.ACCESS_NETWORK_STATE" />    <uses-permissionandroid:name="android.permission.GET_ACCOUNTS" />    <uses-permission android:name="android.permission.BROADCAST_STICKY"/>     <application        android:debuggable="true"       android:hardwareAccelerated="true"       android:icon="@drawable/ic_launcher"       android:label="@string/app_name" >        <activity            android:name="com.lilu.helloworld.MainActivity"           android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"           android:label="@string/app_name"           android:theme="@android:style/Theme.Black.NoTitleBar" >            <intent-filter>                <actionandroid:name="android.intent.action.MAIN" />                 <categoryandroid:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application>     <uses-sdk        android:minSdkVersion="7"        android:targetSdkVersion="17"/> </manifest></span>

主要是添加了一些應用程式許可權，注意要將<manifest>標籤下的package改成自己應用程式的包名，將Activity 的name 改成自己自定的Activity類。

以上就完成了配置PhoneGap，如果成功就運行Android程式就可以看到html頁面中的資料。

然後就寫自己需要的html頁面了。

二．參考網址

1.   http://www.cnblogs.com/kingofpop/articles/3249845.html

2.   http://www.cnblogs.com/Random/archive/2011/12/28/2305398.html