基于Android SDK安裝PhoneGap框架

作者：佚名 2011-09-02 13:30:43

基于Android SDK安裝PhoneGap框架是本文要介紹的內容，主要是來學習Eclipse+Android+JDK+Phonegap開發環境，具體內容的實現來看那本文詳解。

基于Android SDK安裝PhoneGap框架是本文要介紹的內容，主要是來學習Eclipse+Android+JDK+Phonegap開發環境，具體內容的實現來看那本文詳解。

首先，要明白一點，就是要利用PhoneGap框架開發移動應用時，也是必須在開發環境上安裝對應移動設備應用的SDK的。

比如你要開發一個運行在Android上的應用，則必須安裝 Android的SDK包，開發iphone應用，就要安裝iphone sdk。

本文將介紹如何安裝基于Android SDK下安裝PhoneGap。無論是開發基于哪種平臺的移動應用，首先要到PhoneGap的官方網站下載

PhoneGap包，地址是：http://www.phonegap.com/download，目前***的版本是0.9.1,下載之后，解壓縮后，會發現如下圖所示的若干個文件夾：這里，由于我們是構建Android應用，因此只有phonegap-android對我們是有用的。

由于PhoneGap是通過Ruby語言以及所開發的目標移動設備的SDK一起搭配工作的，因此除了下載PhoneGap外，開發者還必須安裝如下的軟件(以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

我只列出我實際操作中用到的軟件，系統是windows。

Eclipse 以及 Android 的安裝查看以下網頁 http://mobile.51cto.com/android-227548.htm，還算詳細。

今天主要說以下phonegap的構建，因為我發現網上的一些教程出來的效果都是錯誤的，可能是版本問題。

有英文基礎的查看http://www.phonegap.com/start#android

英文不好的看下面。

首先進入eclipse界面，新建android工程 new > android project，如圖（單擊放大）：

然后在該工程目錄下建立兩個文檔

/libs 和 /assets/www

把之前下載好的phonegap中的phonegap.js拷貝到 /assets/www下

phonegap.jar拷貝到/libs下（一般會帶版本號，自己改下文件名）

下面是被大家忽略的一步（網上大部分教程少了這步）

復制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;（國內很多教程也沒有這步，雖然不會報錯，但是會出現感嘆號，舉手之勞刪了吧）如圖：

接下來你可能會看見邊框出現一些紅色叉叉，沒事。

只是因為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下創建一個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框架的內容介紹完了，希望通過本文的學習能對你有所幫助！

責任編輯：zhaolei 來源：互聯網

Android SDK PhoneGap