基于Android SDK安裝PhoneGap框架
基于Android SDK安裝PhoneGap框架是本文要介紹的內(nèi)容，主要是來學習Eclipse+Android+JDK+Phonegap開發(fā)環(huán)境，具體內(nèi)容的實現(xiàn)來看那本文詳解。
首先，要明白一點，就是要利用PhoneGap框架開發(fā)移動應用時，也是必須在開發(fā)環(huán)境上安裝對應移動設備應用的SDK的。
比如你要開發(fā)一個運行在Android上的應用，則必須安裝 Android的SDK包，開發(fā)iphone應用，就要安裝iphone sdk。
本文將介紹如何安裝基于Android SDK下安裝PhoneGap。無論是開發(fā)基于哪種平臺的移動應用，首先要到PhoneGap的官方網(wǎng)站下載
PhoneGap包，地址是：http://www.phonegap.com/download，目前***的版本是0.9.1,下載之后，解壓縮后，會發(fā)現(xiàn)如下圖所示的若干個文件夾：這里，由于我們是構建Android應用，因此只有phonegap-android對我們是有用的。
由于PhoneGap是通過Ruby語言以及所開發(fā)的目標移動設備的SDK一起搭配工作的，因此除了下載PhoneGap外，開發(fā)者還必須安裝如下的軟件(以Android為例)
我的版本：
Android SDK, android-sdk_r12-windows（***的那個）
Eclipse IDE eclipse-SDK-3.7-win32（這個也是***的）
JDK jdk-6u10-rc2-bin-b32-windows-i586-p-12_sep_2008（***地）
Android 的Eclipse插件ADT(http://developer.android.com/sdk/eclipse-adt.html)（可省略，安裝完之后可以直接下載android所有插件包）
phonegap
我只列出我實際操作中用到的軟件，系統(tǒng)是windows。
Eclipse 以及 Android 的安裝查看以下網(wǎng)頁 http://mobile.51cto.com/android-227548.htm，還算詳細。
今天主要說以下phonegap的構建，因為我發(fā)現(xiàn)網(wǎng)上的一些教程出來的效果都是錯誤的，可能是版本問題。
有英文基礎的查看http://www.phonegap.com/start#android
英文不好的看下面。
首先進入eclipse界面，新建android工程 new > android project，如圖（單擊放大）：
然后在該工程目錄下建立兩個文檔
/libs 和 /assets/www
把之前下載好的phonegap中的phonegap.js拷貝到 /assets/www下
phonegap.jar拷貝到/libs下（一般會帶版本號，自己改下文件名）
下面是被大家忽略的一步（網(wǎng)上大部分教程少了這步）
復制phonegap下的xml文件夾到 /res下
接下來是修改工程的一些文件，修改src文件下的java文件
把class extent 的activity改成DroidGap
- Replace the setContentView() line with super.loadUrl("file:///android_asset/www/index.html");
- Add import com.phonegap.*;
Removeimport android.app.Activity;（國內(nèi)很多教程也沒有這步，雖然不會報錯，但是會出現(xiàn)感嘆號，舉手之勞刪了吧）如圖：
接下來你可能會看見邊框出現(xiàn)一些紅色叉叉，沒事。
只是因為eclipse沒有找到phonegap.jar而已，幫他找到就好了。
右擊 libs文件夾 進去Build Paths/ > Configure Build Paths
java Build Path > Libraries 單擊Add JARs（似乎和AddExternal JARs沒啥差別）
找到libs下的phonegap.jar路徑，單擊ok。再按F5刷新下就可以了。
接下來打開 總目錄下的AndroidManifest.xml文件 右擊 Open With > Text Editor
在版本號下面添加下面這段代碼
- <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" />
添加 android:configChanges="orientation|keyboardHidden"進去activity的屬性里面
把第二段代碼添加進入***個activity標簽的后面
- <activity android:name="com.phonegap.DroidGap"
- android:label="@string/app_name"
- android:configChanges="orientation|keyboardHidden">
- <intent-filter>
- </intent-filter>
- </activity>
如圖：
***，在assets/www下創(chuàng)建一個index.html文件
代碼如下：
- <!DOCTYPE HTML>
- <html>
- <head>
- <title>PhoneGap</title>
- <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
- </head>
- <body>
- <h1>Hello World</h1>
- </body>
- </html>
保存，右擊工程run as ->Android Application。
小結：基于Android SDK安裝PhoneGap框架的內(nèi)容介紹完了，希望通過本文的學習能對你有所幫助！
