1.環境搭建javascript
1.1安卓的環境搭建html
能夠參考http://www.cnblogs.com/xuzhiwei/p/3277529.htmljava
1.2PhoneGap下載 android
我這裏下載2.90版本 http://phonegap.com/install/apache
2.下面咱們經過一個小項目來實際配置PhoneGapide
2.1新建一個項目命名爲HelloPhoneGapui
2.2增長PhoneGap庫到項目中spa
解壓咱們剛纔下載的PhoneGap2.9,在路徑phonegap-2.9.0\lib\android中找到cordova-2.9.0.Jar文件,複製到項目的libs文件夾下,而後右鍵庫文件Build Path -> Add to Build Path。這樣就完成了PhoneGap庫的添加。code
2.3PhoneGap腳本庫的引用orm
在assets目錄下新建www目錄,在咱們下載的PhoneGap路徑phonegap-2.9.0\lib\android下找到cordova.js,複製黏貼到www目錄下
2.4配置文件
複製phonegap-2.9.0\lib\android目錄下的xml目錄到項目的res目錄下
2.5修改AndroidAndroidManifest.xml文件
<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" />
支持屏幕選項
<supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" />
添加android:configChanges="orientation|keyboardHidden"到activity節點。
2.6修改主活動
package com.example.hellophonegap; import android.os.Bundle; import org.apache.cordova.DroidGap; public class MainActivity extends DroidGap { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.loadUrl("file:///android_asset/www/index.html"); } }
2.7添加html主頁面
<!DOCTYPE HTML> <html> <head> <title>PhoneGap</title> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript"> function onDeviceReady() { document.getElementById("helloPhoneGap").innerHTML = "helloPhoneGap"; } function init() { document.addEventListener("deviceready", onDeviceReady, false); } </script> </head> <body onload="init()"> <h1 id="helloPhoneGap"></h1> </body> </html>
3.運行項目Run As-Andriod Application