天天看點

android phonegap plugin

       phonegap的優勢毋庸置疑,本文重點介紹在android與phonegap的web mobile應用的環境搭建

1.安裝好android的運作環境,包括jdk、eclipse、adt、android sdk的安裝、配置以及環境變量的設定

2.到http://phonegap.com/install/下載下傳phonegap的zip包,解壓。有android、ios、黑莓等版本,選擇android版本,可以看到android檔案夾中含有的檔案。

android phonegap plugin

3.按照android項目的建立步驟建立新項目,可這隻是一個普通的android項目。需要引入phonegap的相關資源,建立web mobile app

4.在assets目錄下建立www檔案夾,用來存放web應用相關檔案,如js,html,css等。将phonegap zip包解壓出來的cordova.js拷貝到www檔案夾中,建立index.html,代碼如下:

<!DOCTYPE HTML>

<html>

  <head>

  <title>PhoneGap</title>

  <script type="text/javascript" charset="utf-8" src="cordova.js"></script>

  </head>

  <body>

    <h1>Hello PhoneGap</h1>

  </body>

</html>

5.将cordova-2.9.0.jar拷貝到libs目錄下,并且加入到build path中,這樣Referenced Libraries下将自動添加cordova-2.9.0.jar檔案

6.将phonegap zip解壓的xml檔案拷貝到res目錄下

android phonegap plugin

7.修改MainActivity.java的内容,分為四個步驟,如圖中紅色框顯示

android phonegap plugin

8.添加内容到AndroidManifest.xml

      <!-- 添加以下兩個屬性 -->

    android:windowSoftInputMode="adjustPan";

android:hardwareAccelerated="true";    

<!-- 添加以下子節點 -->

<supports-screens

android:largeScreens="true"

android:normalScreens="true"

android:smallScreens="true"

android:xlargeScreens="true"

android:resizeable="true"

android:anyDensity="true"

/>

<!-- 添加以下子節點,為phonegap應用配置相應的權限 -->

<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" />

<uses-permission android:name="android.permission.BROADCAST_STICKY" />

<!-- 添加以下子節點 -->

android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"

9.運作工程,可以看到如下圖所示的結果

android phonegap plugin

到此,也就完成了最簡單的一個web mobile app了。