PhoneGap学习笔记(一) 框架搭建

搭建JDK和android环境完成后，下载phoneGap，地址：http://phonegap.com/install/

建立一个android项目，在assets目录下建立www文件夹用于放置js、html和CSS文件。

将\lib\android\cordova.js拷贝到www文件夹内

将\lib\android\cordova-2.9.0.jar拷贝到libs文件夹(位于根目录，如果没有需手动建立)并build path

将\lib\android\xml文件夹拷贝到res文件夹下，最后android目录结构如下:

修改项目清单文件，在manifest标签内添加以下代码：

<supports-screens
        android:anyDensity="true"
        android:largeScreens="true"
        android:normalScreens="true"
        android:resizeable="true"
        android:smallScreens="true" />
    <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" />
    <uses-permission android:name="android.permission.GET_ACCOUNTS" />

在activity标签添加android:configChanges="orientation|keyboardHidden"

最后清单文件代码如下：

修改入口activity类，将继承修改为DroidGap，修改onCreate方法为public，其内容改为：

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

最后activity代码如下：

package com.example.phonegap1;

import org.apache.cordova.DroidGap;

import android.os.Bundle;
import android.view.Menu;

public class MainActivity extends DroidGap {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

至此，phoneGap框架搭建完成