
界面需求
- 背景图由opacity:0.1到opacity:1.0做1s的渐显动画。尺寸自适应,不改变宽高比。
- 底部进度条为更新离线包
- 底部文字domain和coptyright为可配置文字。
- android布局:
- 底部文字水平垂直居中对齐,高度为两行文字高度,marginTop:10dp。
- 进度条
2dp高度,marginTop:20dp,左右margin:30dp,背景色#11000000,前景色渐变#7EB4CA到#A4D2DF。圆角。
- 背景图scaleType=fitCenter占全屏剩余尺寸弹性自适应。
流程逻辑
- 渐显动画,记录此时为开始时间。
- 检查离线包更新,http请求,返回json格式。
- http://circling.cc/h5/version
- 异常、错误等情况跳过检查更新逻辑,进行下一步。
- 通过返回的version和本地存储的version对比,如果>说明有更新,进行下载并将进度百分比反馈显示到界面的progressbar条上,否则进行下一步。本地version默认为0。
- 下载100%后进行下一步。
{
"success": true,
"version": 5,
"url": "http://xxx/h5.zip"
}
- 进度条设置为100%。
- 解压离线包zip至本地目录。
- 记录耗时为结束时间-开始时间。如果耗时>=1000ms,跳转到wkwebview的activity首页,否则等(1000ms-耗时)后跳转。
腾讯bugly:https://bugly.qq.com
友盟统计:http://mobile.umeng.com/analytics
界面需求
2dp高度,marginTop:20dp,左右margin:30dp,背景色#11000000,前景色渐变#7EB4CA到#A4D2DF。圆角。流程逻辑
{ "success": true, "version": 5, "url": "http://xxx/h5.zip" }H5_DOMAIN + "index.html"。腾讯bugly:https://bugly.qq.com
友盟统计:http://mobile.umeng.com/analytics