原生 xml UI和Html5 UI的对比
表格对比如下
原生XML | Html5 | |
---|---|---|
页面打开速度 | 极速 | 略慢 |
流畅度 | 丝滑无卡顿 | 页面刷新需要刷新整个页面 |
网络 | 可在线加载,可本地执行 | 可在线加载,可本地执行 |
安卓SDK调用 | 支持短信、联系人信息读取、通知栏消息展示、GPS等系统sdk直接调用 | H5本身无法直接调用,需要借助三方框架或者EC h5注入方式执行 |
加载 | 无页面进度条 | 有页面顶部加载条显示 |
页面更新 | 无需重载,刷新局部控件内容即可,支持异步加载 | 需要重载整个页面,异步需要ajax,要考虑跨域问题 |
数据存储 | 全自动保存 | 需触发保存事件 |
交互 | 方便快速,底层调用 | 不方遍,依赖原生框架,无法脱离webview组件使用 |
框架 | Android原生APP 可使用三方库,EC不支持,需要自行实现 | 三方框架一大把、无法脱离原生主框架 |
学习成本 | 入门快速编写简单UI方便快捷,调用Android相关API需要java转js比较复杂 | HTML语言,学习简单,可自学 |
混用 | 可以混用Html页面在任意位置 | 无原生框架无法混用原生写法 |
性能 | 最好 | 略差,高配无差异 |
兼容性 | 只适合安卓系统 | 可通配浏览器,安卓,IOS多端使用 |
大图处理 | 性能最佳,调用SDK 急速 | 性能一般 |
移植性 | 差、其他系统需要独立开发 | 方便,快速开发其他平台 |
总结
原生UI 可利用的系统资源接口很多调用方便快捷,展示速度,性能体验,交互体验友好,Html页面依赖原生实现各种系统功能调用,纯页面展示开发美观的页面效率较高,其他性能方面略差一筹。
对于小白来说Html 更适合初入行业快速开发,对于老手来说想商业化扩大化发展建议原生开发。
使用原生UI后会逐渐放弃在安卓上使用H5开发界面。
如何选择
- 纯展示性的页面,无安卓开发经验,建议H5;
- 对UI没有要求,只是提供参数使用的有Html开发经验者建议H5;
- 需要调用系统级的API时则使用原生xml;
- 人机交互多的使用原生xml;
- 自定义悬浮窗,侧边菜单等修改ec自身UI框架选用原生xml;