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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。