phonegap for andriod之phonegap 環境的搭建

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

相關文章
相關標籤/搜索