安卓web app开发

安卓移动应用的混合开发,现在很多APP都开始着手实现了,比如淘宝的页面就是,但是吐槽下,确实又卡又慢,当然你可以反击我手机性能差...

说说优点吧:

1 快速上手支持快速迭代更新(快速上手:你可以不懂Android,IOS就可以直接开发,这点我想骂人 快速迭代:以前我们更改Android一些东西就要重新发布版本,现在完全不需要)

2 避免移动应用商店审核带来的麻烦

3 支持跨平台和跨设备开发html5,一次开发到处运行,你深圳不需要特别熟悉Android,IOS都可以快速开发(感觉安卓IOS工资降低,跟这个貌似有关系)

说说缺点吧:

1 肯定是比Androdi原声应用运行慢的,毕竟是第三方的,基于移动开发框架

2 无法完全适配(不同平台,甚至不同浏览器效果都有不同

3 功能不完善,毕竟无法像Android那样实现各种功能,各种绚丽的动画

常见的移动开发框架有好几个,但是我没用过,这里我就说说我用的,也是比较普及的移动开发框架!-----jQueryMoblie(基于jQuery-JavaScript)

来吧,开始跟我一步一步走向混合开发吧

我们首先在Android加载一个简单的html界面(以后会教大家模板刷新)

步骤:

1 在assets创建一个html文件

2 安卓主界面添加webview控件

3 用webview加载本地网页mWebView.loadUrl("file:///android_asset/index.html");

运行如下,很简单没啥技术含量

下面我们开始跨平台开发.提供一个地址,自己去下载哈http://jquerymobile.com/

开发准备流程" 

1 文档声明设置为HTML5

2在Header标签中添加 这里要解释下含义 viewport表示是运行在移动设备上的,可以自己进行宽高的适配
 <meta name="viewport"content="width=device-width, initial-scale=1">

. 新建html文件，引入一个css、两个js 可以看到一个css和一个js是jquery.mobile提供的,一个js是jquery提供的

把刚才我提供的地址中的框架下载下来,解压后把对应文件放到对应目录下,待会这些开发所需的所有软件我会一次性打包上传,所以不用担心

当然也可以应用在线的地址,但是比较慢一般不推荐,还是用本地的文件进行加载

   <link rel="stylesheet"href="css/jquery.mobile-1.4.5.css"/>

   <scriptsrc="js/jquery-1.11.1.js"></script>

   <scriptsrc="js/jquery.mobile-1.4.5.js"></script> 你会发现解压后会有两个这个文件,一个是min一个没有min,没有min的你可以理解成源码给我们看的,带min的是给机器看的,为了提高运行效率

可以对比下,将这些文件加进去前后的变化

计入css和js前

插入后

很明显看到按钮样式不一样了

要注意,要想让js和css其效果,就要对webview进行配置,支持js脚本

待会这些开发所需的所有软件我会一次性打包上传,所以不用担心
WebSettings settings = mWebView.getSettings();

 settings.setJavaScriptEnabled(true);

上面两张是在网页中的显示,我们来看看在安卓webview是如何显示的

待会这些开发所需的所有软件我会一次性打包上传,所以不用担心

上面是简单的实现一下混合开发,下面我要介绍的是一个工具PhoneGap,通过PhoneGap创建一个安卓(ios)应用,通过phoneGap使用中间件就可以调用不同平台的相机,传感器,等等,而我们却不需要知道实现的原理,这就是为什么我们开发一次到处运行,底层会根据不同平台进行调用!

以下讲解必须安装好软件,配置好环境,文件太大,分成两个链接

首先介绍下,通过PhoneGap创建一佛那个应用的三种方式

第一种 : 图形化的方式,这种一般用的比较少,主要是因为效率比较低

 1 安装phoneGap(软件我会打包上传)

  2 启动PhoneGap创建应用,如下图

第二种 :(基于在线命令用到git,效率低, 我就不介绍了)

创建phonegap项目 -> Android/IOS

phonegapcreate [项目名称]

编译成android工程并部署到手机

phonegap run android

第三种 :前面两种不常用,第三种才是真正开发会用到的

手动执行命令, 直接创建出Android/IOS工程

create 文件夹名称 包名 项目名称

简单说一下流程:

1 在你要创建工程的地方按下shift键同时点击鼠标右键打开命令行

2 将我提供的phonegap-2.6.0(离线命令,比较快)文件夹下的\phonegap-2.6.0\lib\android\bin\creatte.bat拖到命令行中

3 紧跟着输入  "文件夹名称"   "创建应用的包名"  "工程名称"  然后回车,就可以看到创建好了一个eclipse工程

现在已经创建好了应用,那么你只需要在html页面进行编写就可以了,他会自动站是多种效果!不会html?不会js?不用担担心,照着官方文档抄就行,会有大量的显示效果!可以调用系统组件,常用的触摸事件

基本上都介绍完了,具体的使用其实就是照着官方文档抄,没有事呢么讲解的价值,所以我才说不会安卓ios都可以开发,但是这种开发还是非常少的,劣势也非常明显,以后发展的如何还是要看H5支持的如何了,目前市面上最多的也是进行混合开发,而不是这种纯web app开发!