项目中需要用到移动跨平台方案。因此phonegap是最好的选择。
下载最新的phonegap2.9,下载地址:http://phonegap.com/install/
下载android开发集成开发工具ADT。地址:http://developer.android.com/tools/sdk/eclipse-adt.html
在ADT中新建一个Android项目,把phonegap2.9中的android开发包都放到项目中。
修改默认生成的Activity java文件:MainActivity.java,如下:
package com.esquel.ysss;
import android.os.Bundle;
//import android.app.Activity;
import org.apache.cordova.*;
import android.view.Menu;
public class MainActivity extends DroidGap {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//super.setIntegerProperty("loadUrlTimeoutValue", 100000);
//setContentView(R.layout.activity_main);
//super.setStringProperty("errorUrl", "http://www.fenhon.com/index.html");
super.setStringProperty("errorUrl", "file:///android_asset/www/index_err.html");
super.loadUrl("file:///android_asset/www/index.html");
//super.loadUrl("file:///android_asset/www/download.html");
//super.loadUrl("file:///android_asset/www/email_test.html");
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
把项目的html5代码都放到assets\www\目录中。启动项目在模拟器运行。出现了一堆问题:
首先是加载页面: timeout,即超时。
修改:res\xml\config.xml,在:<preference name="loglevel" value="DEBUG" />
添加以下一行:
<preference name="loadUrlTimeoutValue" value="100000" />
这样页面加载成功了。但是点击页面完全没有反应。而且出现:
deviceready event not fired和Channel not fired的问题。
在PhoneGap的文档上看了又看。发现PhoneGap 2.9使用的是API level 17, 而不是18,现在最新版的ADT直接集成Android 4.3的,API level 是18,于是我就修改:AndroidManifest.xml
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17" />
把其中的18改成17。这样我的应用可以运行了。
app也能接收到deviceready事件了。