日期:2014-05-16  浏览次数:20663 次

使用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一致了。

?