有了phonegap你還android嗎？

文章目錄

• 2.1.1 選擇平台
• 2.1.2 環境需求及安裝
• 2.1.3 設定工程

第一章 phonegap介紹1.1 什麼是phonegap

PhoneGap是一個自由開放源碼的開發工具和架構，允許利用HTML + JavaScript + CSS的強大功能在多個手機平台上開發程式,開發出來的程式經過在各自的平台上編譯形成獨立的安裝程式。使程式看起來和native的程式一樣。

1.2 PhoneGap的優勢和劣勢

優勢：

l  跨平台：一次開發，多個平台共用。現主要包括了android，iOS，Apple iOS, Google Android, Palm, Symbian, BlackBerry 等。WP7等平台也在逐步相容中。

l  降低開發門檻。對於很多WEB開發人員來說，熟悉Objective-C語言和Java語言都是比較痛苦的事情。有了PhoneGap就不用擔心這些了。用熟悉的Web前端技術就可以開發出很專業的手機應用程式。

l  提供強大的硬體存取控制。比起傳統的Web程式，PhoneGap提供了一些列的JS 的類，可以直接存取硬體。比如加速，相機，指南針，GPS，檔案訪問等，可以讓你用JS方便地調用系統的硬體。以彌補傳統Web程式的一塊錯誤。

l  方便的安裝和使用。PhoneGap的架構很複雜，但對於大多數開發人員來說，只用很簡單的配置就可以搭好環境。只用專註寫好自己的Web頁面，拷貝進去就可以了。

劣勢：

l  運行速度慢：程式的載入和UI介面的反應都比原生的程式慢，因為它實際上還是在展示Web頁面，所以載入、頁面重新整理等肯定是需要一定時間的。

l  不適合部分程式。如果你的程式需要3D功能，或者對介面重新整理有較高的要求，這樣的程式現在來說還只是用原生的語言會比較好。

1.3 PHONEGAP開發需要的基本知識

l  HTML：做為最基本的Web開發，HTML知識必不可少。現在很多移動終端已經支援HTML5了，所以最好學會HTML5相關的知識；

l  CSS：定義的頁面的樣式等等，不用CSS，你的頁面會很難控制定位和樣式等等。建議能掌握CSS3的相關知識，能寫出更好的介面；

l  JavaScript：背景互動都由JavaScript實現，讀寫資料庫，載入Google Map等等；

l  PhoneGap的類庫：都是JavaScript的庫，使用很簡單，有詳細文檔，可以參考官網：http://docs.phonegap.com/

l  基本的平台知識：比如要做iPhone的程式，就要知道XCode怎麼安裝，怎麼編譯，怎麼擷取授權認證，真機調試等等，要做android程式就要會搭建Ecllipse開發環境等等。會簡單使用這些平台後，就可以安裝PhoneGap的平台了，可以參考：http://www.phonegap.com/start

1.4 PHONEGAP的得力助手

開發PhoneGap的程式，jQuery Mobile不是必備，但是有了jQuery Mobile，可以使你的程式美觀很多。

jQuery Mobile其實是一堆的樣式集和JAVA事件。比如寫一個按鈕，iOS和android的是不同的，用HTML做出來的往往很醜。一般的處理方式是重新定義按鈕的樣式，使它變得更像手機平台上的按鈕。jQuery Mobile為你提供了這一套架構，你可以通過很簡單的屬性設定就可以做出跟手機平台下車差不多的按鈕，相當方便。

詳情可以參考：http://jquerymobile.com/

也可以使用Sencha Touch，介面沒的說，也是非常不錯的選擇

詳情可參考：http://www.sencha.com/

第二章 快速開始2.1 快速開始

官方的使用教程是

http://phonegap.com/start#android

這裡只是簡單的翻譯了一下

2.1.1 選擇平台

 

我選的是android

也可以直接看視頻操作

2.1.2 環境需求及安裝

Eclipse 3.4+

Download and install Eclipse Classic

Download and install Android SDK

Download and install ADT Plugin

Download the latest copy of PhoneGap and extract its contents. We will be working with the Android directory.

上邊三個是android的基本環境，下邊的是phonegap所需的sdk包。

2.1.3 設定工程

建立android工程，選擇