第一个PhoneGap程序以及错误解决

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. 再次运行出现乱码：

第一个PhoneGap程序以及错误解决_第3张图片

解决方法：修改工程为UTF-8编码：如图：

第一个PhoneGap程序以及错误解决_第4张图片

并重新打开index.html修改乱码内容。

重新运行工程，效果图如下：

第一个PhoneGap程序以及错误解决_第5张图片

代码下载地址：http://download.csdn.net/detail/wenquan125/7464627

更多相关文章

随机推荐