[Android] Android版-PhoneGap + JQuery Mobile

話不多說~直接來囉

事前準備:

工具 1. ADT bundle :  http://developer.android.com/sdk/index.html

         2. DreamWeaver CS6版(這裡不提供)

         3. phonegap模組 (目前更新到2.9.0) : http://phonegap.com/install/

1.開啟DreamWeaver CS6 > 檔案>開新檔案>來自樣本的頁面>來自樣本資料夾(選擇Mobile開發入門)>樣板頁面(選本機)>建立

2.建立後長這樣，可以案即時換頁看看，之後存檔

3.開啟eclipse建立專案>new>Android Application Project>輸入專案名字>一直Next即可

4.這裡開始是重點

一. 把剛剛下載的phonegap解壓縮把以下檔案塞到專案底下的各資料夾

二.

找到lib/android的 cordova.js 塞到/assets/www/底下

找到lib/android的 cordova-2.9.0.jar 塞到/libs/底下

找到lib/android的 xml整個資料夾塞到/res底下

找到剛剛存檔的index.html和其他js檔放進/assets/www/底下

5.已經完成一半了，接下來要做個溝通橋梁

一.編輯MainActivity.java檔

extends Activity 改成 extends DroidGap

setContentView改成super.loadUrl("file:///android_asset/www/index.html");

二.在AndroidManifest.xml新增一些權限
在<application 上面新增
<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" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />


最後一步在<activity.....</activity>
新增
 android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
如不加這行會發生手機屏幕發生變化時應用程式會重新調適生命週期而跳出

6.Run