基于Android SDK安裝PhoneGap框架
基于Android SDK安裝PhoneGap框架是本文要介紹的內(nèi)容，主要是來學(xué)習(xí)Eclipse+Android+JDK+Phonegap開發(fā)環(huán)境，具體內(nèi)容的實(shí)現(xiàn)來看那本文詳解。
首先，要明白一點(diǎn)，就是要利用PhoneGap框架開發(fā)移動(dòng)應(yīng)用時(shí)，也是必須在開發(fā)環(huán)境上安裝對應(yīng)移動(dòng)設(shè)備應(yīng)用的SDK的。
比如你要開發(fā)一個(gè)運(yùn)行在Android上的應(yīng)用，則必須安裝 Android的SDK包，開發(fā)iphone應(yīng)用，就要安裝iphone sdk。
本文將介紹如何安裝基于Android SDK下安裝PhoneGap。無論是開發(fā)基于哪種平臺(tái)的移動(dòng)應(yīng)用，首先要到PhoneGap的官方網(wǎng)站下載
PhoneGap包，地址是：http://www.phonegap.com/download，目前***的版本是0.9.1,下載之后，解壓縮后，會(huì)發(fā)現(xiàn)如下圖所示的若干個(gè)文件夾：這里，由于我們是構(gòu)建Android應(yīng)用，因此只有phonegap-android對我們是有用的。
由于PhoneGap是通過Ruby語言以及所開發(fā)的目標(biāo)移動(dòng)設(shè)備的SDK一起搭配工作的，因此除了下載PhoneGap外，開發(fā)者還必須安裝如下的軟件(以Android為例)
我的版本：
Android SDK, android-sdk_r12-windows（***的那個(gè)）
Eclipse IDE eclipse-SDK-3.7-win32（這個(gè)也是***的）
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
我只列出我實(shí)際操作中用到的軟件，系統(tǒng)是windows。
Eclipse 以及 Android 的安裝查看以下網(wǎng)頁 http://mobile.51cto.com/android-227548.htm，還算詳細(xì)。
今天主要說以下phonegap的構(gòu)建，因?yàn)槲野l(fā)現(xiàn)網(wǎng)上的一些教程出來的效果都是錯(cuò)誤的，可能是版本問題。
有英文基礎(chǔ)的查看http://www.phonegap.com/start#android
英文不好的看下面。
首先進(jìn)入eclipse界面，新建android工程 new > android project，如圖（單擊放大）：
然后在該工程目錄下建立兩個(gè)文檔
/libs 和 /assets/www
把之前下載好的phonegap中的phonegap.js拷貝到 /assets/www下
phonegap.jar拷貝到/libs下（一般會(huì)帶版本號(hào)，自己改下文件名）
下面是被大家忽略的一步（網(wǎng)上大部分教程少了這步）
復(fù)制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)很多教程也沒有這步，雖然不會(huì)報(bào)錯(cuò)，但是會(huì)出現(xiàn)感嘆號(hào)，舉手之勞刪了吧）如圖：
接下來你可能會(huì)看見邊框出現(xiàn)一些紅色叉叉，沒事。
只是因?yàn)閑clipse沒有找到phonegap.jar而已，幫他找到就好了。
右擊 libs文件夾 進(jìn)去Build Paths/ > Configure Build Paths
java Build Path > Libraries 單擊Add JARs（似乎和AddExternal JARs沒啥差別）
找到libs下的phonegap.jar路徑，單擊ok。再按F5刷新下就可以了。
接下來打開 總目錄下的AndroidManifest.xml文件 右擊 Open With > Text Editor
在版本號(hào)下面添加下面這段代碼
- <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"進(jìn)去activity的屬性里面
把第二段代碼添加進(jìn)入***個(gè)activity標(biāo)簽的后面
- <activity android:name="com.phonegap.DroidGap"
- android:label="@string/app_name"
- android:configChanges="orientation|keyboardHidden">
- <intent-filter>
- </intent-filter>
- </activity>
如圖：
***，在assets/www下創(chuàng)建一個(gè)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。
小結(jié)：基于Android SDK安裝PhoneGap框架的內(nèi)容介紹完了，希望通過本文的學(xué)習(xí)能對你有所幫助！
