使用html5,javascript,css,phonegap创建android应用程序,其实就是利用android的webview显示一个静态的html文件,实现相关的功能。
?
首先,需要创建一个基于phonegap的android project
?
创建步骤如下:
?
- new android project and 引入phonegap的jar
- 添加phonegap的各种插件的配置文件到 res/xml/phonegap.xml, ?res/xml/plugins.xml
- 修改androidmainifest.xml文件,只要是添加各种插件对android硬件的访问权限
- 创建文件 ? assets/www/index.html
- 在项目的入口文件的oncreate方法添加super.loadurl("file:///android_asset/www/index.html");
- 运行项目即可看到效果
注意上边的index.html文件要符合html5标准,因为我们的应用不会只有一个页面,使用html5,可以在定义的data-role="page"的不同页面间进行跳转
?
其次,需要引入相关的js和css文件,我在此使用了如下js和css:
?
- jquery.js
- jquery.mobile.js
- iscroll.js
- phonegap.js
- jquery.mobile.css
注意js的导入顺序,否则可能会出现一些麻烦。
以下的步骤就跟phonegap的api一致了。
?