ADT集成環境+PhoneGap 2.9.0搭建HTML5 開發APP環境

 一．環境搭建

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

ADT集成環境下載地址：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