【APP】PhoneGap設定iOS APP全螢幕，但必須顯示狀態列。 (set iOS app fullscreen but show the status bar.)

要怎麼像上圖?可以在執行APP的時候又要顯示完整的狀態列(Status Bar)?

1. 安裝PhoneGap PlugIn
   打開[終端機]切換到PhoneGap APP目錄之下
   輸入[phonegap plugin add cordova-plugin-statusbar]按下[Enter]開始安裝
   
   
   
   
2. 修改Config.xml
   在PhoneGap的Config.xml加上下列設定值：
   StatusBarOverlaysWebView = true / false?
   　true: 代表APP的最頂端要一直延伸螢幕邊緣，也就是說APP最頂端會被狀態列蓋住
   　false: 代表APP最頂端會在狀態列的下緣之外
   StatusBarBackgroundColor
   　狀態列的背景色，沒設定的話就會是白色...
   StatusBarStyle
   　狀態列的樣式，iOS7有好幾種設定值可以選擇
   　　default, lightcontent, blacktranslucent, blackopaque.
   　　default = lightcontent
   
   
3. 重新編譯APP

ref: https://github.com/apache/cordova-plugin-statusbar

【APP】PhoneGap create Android hello world app

1. 開啟AVD Manager
   什麼是AVD Manager？(Android Virtual Device Manager)
   AVD Manager路徑：C:\
   忘了在哪？
   開啟[命令提示字元]輸入[echo %ANDROID_HOME%]按下[Enter]
   如果有跑出一段路徑，那便是Android SDK安裝路徑！
   
   
   
   
   
   
   
   
   AVD Manager可以依照需求建立不同解析度、不同記憶體大小的模擬器。
   但是都有一個重點，請你記住AVD Name！
   因為用PhoneGap啟動模擬器，必須要知道AVD Name！才會用你要的那台模擬裝置開啟！
   
   
   
   
2. 以PhoneGap建立Android專案
   打開[命令提示字元]先切換到你要存放專案的資料夾
   輸入[phonegap create "專案名稱"]
   
   PhoneGap會自動幫以專案名稱建立一個專案資料夾，這裡面可以看到下列檔案：
   
   
   
3. 修改config.xml
   修改下列設定值：
   [android-miniSdkVersion]預設值為[7]，修改成[10]！
   因為PhoneGap支援最低Android SDK版本對應的Level Number為10！
   Android Version & Level Number mapping list：
   http://developer.android.com/guide/topics/manifest/uses-sdk-element.html
   
   
   
   
   
   
   
4. 編譯PhoneGap專案
   打開[命令提示字元]切換至專案目錄之下
   輸入[phonegap build android --verbose]
   
   
   
   上圖結果是沒加選項[--verbose]的結果！
   為什麼要加上[--verbose]？因為這個選項會讓PhoneGap列出整的編譯過程，包含詳細錯誤訊息！
   
   
5. 以Android模擬器測試APP
   打開[命令提示字元]切換至專案目錄之下
   輸入[phonegap run android --target="AVD Name" --verbose]
   
   
   
   
   
   

Done！
Alright，你已經成功揭開了爆肝寫APP之路！

【APP】PhoneGap + Android SDK 環境設定 Windows 7

1. 確認硬體配備 :
   使用CPU-Z查看CPU型號
   請查看CPU是否有VT(Virtualization Technology)的指令集
   如果沒有，則無法安裝Android模擬器。
   
   
   
   如果你的CPU有VT技術，請於重新開機時按[Delete]，開啟[VT-x]。
   否則你將會在安裝Android Studio時看見下圖錯誤訊息！
   
   
2. 安裝Node.JS
   為什麼要安裝Node.JS？因為方便，而且PhoneGap官方網站也建議開發者透過Node.JS來安裝。
   
   https://nodejs.org/
   安裝沒什麼特別的，就是下一步到底！
   
   
3. 安裝PhoneGap
   開始功能表\Node.js\Node.js command prompt
   
   
   
   系統會開啟一個很像命令提示字元的視窗，請在裡面輸入[npm install phonegap]按下[Enter]
   Node.JS會自動連到GitHub上抓取PhoneGap安裝檔，並自動安裝！
   
   裝完之後可以測試一下：
   開啟一個新的[命令提示字元]輸入[phonegap --version]按下[Enter]
   PhoneGap應該要顯示版本號
   
4. 安裝JDK
   Android 都是Java base的，需要安裝這個應該不意外吧..
   
   http://www.oracle.com/technetwork/java/javase/downloads/index.html
   
   
   
   
   
   安裝步驟也是，下一步到底，沒什麼特別的。
   設定JAVA相關環境變數：
   
   
   
   
   
   
   新增變數名稱[JAVA_HOME] 值 [C:\\jdk1.8.0_51]
   修改變數[Path] 在值的最前面加上[%JAVA_HOME%\bin\;]
   存檔，測試。開啟一個新的[命令提示字元]輸入[javac]按下[Enter]
   畫面會列出一堆指令的用法，代表成功！
   沒列出指令的用法，可以再重開一個[命令提示字元]重新試試看，還是不行的話請自行Google。
   
5. 安裝Android Studio
   其實可以只安裝Android SDK...
   http://developer.android.com/sdk
   
   
   安裝步驟也是下一步到底！
   注意：請不要在安裝結束之後誤開Android Studio，很吃資源會浪費很多時間！
   設定環境變數：
   Android SDK路徑通常在：C:\Users\<使用者帳號資料夾>\AppData\Local\Android\sdk\
   (找不到[AppData]資料夾，請開啟顯示隱藏資料夾與檔案的設定！)
   新增變數名稱[ANDROID_HOME]值[C:\Users\<使用者帳號資料夾>\AppData\Local\Android\sdk]
   修改變數[Path]在值的最前面加上[%ANDROID_HOME%\tools\;%ANDROID_HOME%\platform-tools\;]
   測試：開啟一個新的[命令提示字元]
   輸入[adb version]按下[Enter]
   adb應該回應版本號！
   輸入[emulator -help]按下[Enter]
   模擬器應該要顯示指令使用方式！
   
   
6. 安裝Apache Ant
   這是因為PhoneGap有部分的功能必須透過這個套件執行！乖乖安裝吧！
   http://ant.apache.org/bindownload.cgi
   
   
   
   安裝方法很簡單，但不是下一步到底...
   解壓縮，把整個資料夾剪下，放到[C:\Program Files]之下就好了。(可以自己找一個喜歡的地方來放)
   設定系統變數(請按照實際狀況而定)
   新增變數名[ANT_HOME]值[C:\Program Files\Apache Ant\apache-ant-1.9.6]
   修改變數[Path]在值的最前面加上[%ANT_HOME%\bin\;%ANT_HOME%\lib\;]
   測試：開啟一個新的[命令提示字元]輸入[ant –version]按下[Enter]
   Apache Ant會顯示版本號
   
   

Done！
整個環境都設定好了！
下一篇將介紹如何利用PhoneGap建置一個Android專案，並且在模擬器上測試APP。