使用html,javascript,css，phonegap创建开发android应用程序

阅读更多

使用html5,javascript,css，phonegap创建android应用程序，其实就是利用android的webview显示一个静态的html文件，实现相关的功能。

 

首先，需要创建一个基于phonegap的android project

 

创建步骤如下：

 

1. new android project and 引入phonegap的jar
2. 添加phonegap的各种插件的配置文件到 res/xml/phonegap.xml,  res/xml/plugins.xml
3. 修改androidmainifest.xml文件，只要是添加各种插件对android硬件的访问权限
4. 创建文件   assets/www/index.html
5. 在项目的入口文件的oncreate方法添加super.loadurl("file:///android_asset/www/index.html");
6. 运行项目即可看到效果

注意上边的index.html文件要符合html5标准，因为我们的应用不会只有一个页面，使用html5,可以在定义的data-role="page"的不同页面间进行跳转

 

其次，需要引入相关的js和css文件，我在此使用了如下js和css：

 

1. jquery.js
2. jquery.mobile.js
3. iscroll.js
4. phonegap.js
5. jquery.mobile.css

注意js的导入顺序，否则可能会出现一些麻烦。

以下的步骤就跟phonegap的api一致了。