安卓移动应用的混合开发,现在很多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项目 -> 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开发!