1. 新建一个Android工程。
2.将PhoneGap\phonegap-2.9.0\lib\android下的cordova-2.9.0.jar拷贝到Android工程下的libs下。
3.在assets文件夹下建一个新的文件夹www
4.将PhoneGap\phonegap-2.9.0\lib\android下的cordova.js拷贝到www文件夹下。
5.在www文件夹下创建一个新建index.html并引入cordova.js,
6.修改MainActivity。使其继承DroidGap。并导入import org.apache.cordova.*;并将protect改为public。
7.在MainAcitity中调用html页面:super.loadUrl("file:///android_asset/www/index.html");
<strong> 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) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
} </strong>
?
8.拷贝PhoneGap\phonegap-2.9.0\lib\android下的xml文件夹到工程的values下。
总体目录:
9.运行.
错误解决:第一次运行报错如下:
解决:根据错误加入权限:
?
1 | < uses-permission android:name = "android.permission.ACCESS_NETWORK_STATE" />
|
2. 再次运行出现乱码:
解决方法:修改工程为UTF-8编码:如图:
并重新打开index.html修改乱码内容。
重新运行工程,效果图如下: