PhoneGap 介紹

在看了老師所寫的 "Web App設計- Web 和Android的互動技巧" 這篇文章，我想到之前接觸到的 PhoneGap 這玩意，也寫出來給各位讀者當個參考。

PhoneGap 是一個開放源碼 (open source) 的 Framework， 以 HTML5 為基礎，可以說是目前跨平台行動開發解決方案的熱門話題之一。經由 PhoneGap 封裝，採用 HTML + JavaScript 的應用程式可以存取不同手機的原生 API。

有興趣的朋友可以由 http://phonegap.com/ 下載最新版本的 PhoneGap，目前的版本是不久前發表的 2.0.0 版。

下載回來後，解開會得像下圖的目錄：

接著可以由 Eclipse 將 lib\android\example 目錄的這個專案載入：

org.apache.cordova.example.cordovaExample 這個專案在模擬器裡執行的畫面，建議可以直接下載到手機上執行，它的範例可以直接控制手機上的感知器。

範例程式所示範的 "Call 411" 這個動作，它會直接呼叫手機的撥號程式，並帶入 411 這個號碼：

PhoneGap 所提供的範例，有幾個主要的目錄及檔案：

• assets/www/
• libs/cordova-2.0.0.jar
• res/xml/

而 Java 程式碼的部份，單純在繼承自 DroidGap 的 Class 裡，透過 loadUrl() 載入 assets/www/index.html 這個主畫面：


import org.apache.cordova.*;

public class cordovaExample extends DroidGap
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }
}