ADT集成环境+PhoneGap 2.9.0搭建HTML5 开发APP环境

一．环境搭建

1. 搭建开发Android环境，此处不再讲述，可以使用ADT集成环境，也可以使用Eclipse + Android SDK + ADT Plugin。

ADT集成环境下载地址：http://developer.android.com/sdk/index.html

2. 配置PhoneGap

PhoneGap下载地址：http://phonegap.com/install/

此文档不适合phonegap-2.9.0以上的版本，适合phonegap-2.9.0以下的版本，因为phonegap-2.9.1中找不到下面所需要的一些文件。

2.1 新建一个Android工程。

2.2 将PhoneGap目录下的android目录下的jar文件拷贝到项目的libs目录下。

2.3 将xml目录拷贝到项目的res目录下。

2.4 在assets目录下，建立一个www目录，下面放html内容。为了测试，把phonegap例子里面的内容拷贝过来了。

2.5 修改新建的Android项目的Activity代码。

将代码修改为如下代码：

<span style="font-family:Times New Roman;">importandroid.os.Bundle;
importorg.apache.cordova.*;
 
publicclass MainActivity extends DroidGap
{
    @Override
    public void onCreate(BundlesavedInstanceState)
    {
        super.onCreate(savedInstanceState);
        // Set by <contentsrc="index.html" /> in config.xml
        //super.loadUrl(Config.getStartUrl());
       super.loadUrl("file:///android_asset/www/index.html")
    }
}</span>

注意点：

MainActivity 继承 DroidGap，然后导入 DroidGap类所在的包，也就是import org.apache.cordova.*; 然后在OnCreate（）中调用assets/www目录下的html文件。

2.6 修改Android项目的AndroidManifest.xml 的内容

修改如下：

<span style="font-family:Times New Roman;"><manifestxmlns:android="http://schemas.android.com/apk/res/android"
    package="com.lilu.helloworld"
   android:hardwareAccelerated="true"
    android:versionCode="1"
    android:versionName="1.0"
   android:windowSoftInputMode="adjustPan" >
 
    <supports-screens
        android:anyDensity="true"
        android:largeScreens="true"
        android:normalScreens="true"
        android:resizeable="true"
        android:smallScreens="true"
        android:xlargeScreens="true"/>
 
    <uses-permissionandroid:name="android.permission.CAMERA" />
    <uses-permissionandroid:name="android.permission.VIBRATE" />
    <uses-permissionandroid:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permissionandroid:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permissionandroid:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>
    <uses-permissionandroid:name="android.permission.INTERNET" />
    <uses-permissionandroid:name="android.permission.RECEIVE_SMS" />
    <uses-permissionandroid:name="android.permission.RECORD_AUDIO" />
    <uses-permissionandroid:name="android.permission.RECORD_VIDEO" />
    <uses-permissionandroid:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permissionandroid:name="android.permission.READ_CONTACTS" />
    <uses-permissionandroid:name="android.permission.WRITE_CONTACTS" />
    <uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permissionandroid:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permissionandroid:name="android.permission.GET_ACCOUNTS" />
    <uses-permission android:name="android.permission.BROADCAST_STICKY"/>
 
    <application
        android:debuggable="true"
       android:hardwareAccelerated="true"
       android:icon="@drawable/ic_launcher"
       android:label="@string/app_name" >
        <activity
            android:name="com.lilu.helloworld.MainActivity"
           android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
           android:label="@string/app_name"
           android:theme="@android:style/Theme.Black.NoTitleBar" >
            <intent-filter>
                <actionandroid:name="android.intent.action.MAIN" />
 
                <categoryandroid:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
 
    <uses-sdk
        android:minSdkVersion="7"
        android:targetSdkVersion="17"/>
 
</manifest></span>

主要是添加了一些应用程序权限，注意要将<manifest>标签下的package改成自己应用程序的包名，将Activity 的name 改成自己自定的Activity类。

以上就完成了配置PhoneGap，如果成功就运行Android程序就可以看到html页面中的数据。

然后就写自己需要的html页面了。

二．参考网址

1. http://www.cnblogs.com/kingofpop/articles/3249845.html

2. http://www.cnblogs.com/Random/archive/2011/12/28/2305398.html

ADT集成环境+PhoneGap 2.9.0搭建HTML5 开发APP环境

猜你喜欢