第一个PhoneGap程序以及错误解决
16lz
2021-12-04
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,内容如下:
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no" /> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <title>Hello World</title> </head> <body> <div class="app"> 我的第一个PhoneGap应用程序! </div> <script type="text/javascript" src="cordova.js"></script> </body></html>
6.修改MainActivity。使其继承DroidGap。并导入import org.apache.cordova.*;并将protect改为public。
7.在MainAcitity中调用html页面:super.loadUrl("file:///android_asset/www/index.html");
import org.apache.cordova.DroidGap;import android.os.Bundle;import android.view.Menu;public class MainActivity extends DroidGap {@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);super.loadUrl("file:///android_asset/www/index.html");}@Overridepublic 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;}}
8.拷贝PhoneGap\phonegap-2.9.0\lib\android下的xml文件夹到工程的values下。
总体目录:
9.运行.
错误解决:第一次运行报错如下:
解决:根据错误加入权限:
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
2. 再次运行出现乱码:
解决方法:修改工程为UTF-8编码:如图:
并重新打开index.html修改乱码内容。
重新运行工程,效果图如下:
代码下载地址:http://download.csdn.net/detail/wenquan125/7464627
更多相关文章
- android 开发中遇到的ERROR经常长期更新笔记
- Android初级工程师面试题答案——Android题型
- 修改eclipse中Android工程的sdk
- Android:theme="@android:style/Theme.Dialog"运行程序报错
- Android创建隐藏文件或者文件夹
- AndroidStudio多渠道打包心得
- AndroidStudio部署项目时出现错误:Instant Run requires 'Tools |
- Android源代码下载
- Android(安卓)shell 创建 模拟器