【Android】开发干货-技术分享之高仿QQ微信网页加载进度条实现
来源:互联网 发布:推荐淘宝蓝莓苗卖家 编辑:程序博客网 时间:2024/05/22 00:36
很多app中使用了H5,为了更好的用户体验,很多app会在加载H5界面的时候显示进度条,类似微信,或者QQ,但是如果只是单纯的使用系统ProgressBar则会发现在加载中progress并不是从0线性涨到100,而是跳跃式的加载,很影响效果,但是如何做到类似微信QQ的网页加载效果呢?
此处是我写的一个demo,代码很简单,百行代码即可实现,首先我们分析一下原理:
此处进度条加载动画总体分为2部分:
第一部分是线性加载动画,可通过刷线程不断增加进度条的宽度
第二部分是加速动画,当指定了进度值的时候,比如50%,此时我们需要将进度条的宽度从0变到(屏幕宽*50%)
核心算法如下:
//计算速度if(progressWidth < targetWidth){ speed ++;}else{ speed = 1;}//计算进度条宽度progressWidth += speed;//计算当前进度progress = progressWidth / getWidth() *100;
http://download.csdn.net/detail/cc_want/9883367
github地址:
https://github.com/CCwant/WebViewProgressBar
阅读全文
0 0
- 【Android】开发干货-技术分享之高仿QQ微信网页加载进度条实现
- 【Android】开发干货-技术分享之高仿QQ换肤SkinEngine实现
- 【Android】 开发干货-技术分享高仿QQToast实现
- 【Android】 开发干货-技术分享(ClearableEditText实现)
- Android笔记之(图片高斯+Glide实现微信图片加载策略+仿微信进度条)
- Android 关于QQ分享,微信分享网页
- Android高仿qq及微信底部菜单的几种实现方式
- Android高仿QQ及微信底部菜单的多种实现方式【附源码地址】
- 【附源码地址】Android高仿QQ及微信底部菜单的多种实现方式
- Android开发之高仿QQ消息侧拉删除
- 高仿QQ微信相册
- 高仿手机QQ音乐之——Android带进度条的开关
- Android 微信开发之分享收藏的实现
- Android之高仿手机QQ聊天
- Android之高仿QQ聊天
- Android之高仿QQ聊天
- Android之高仿手机QQ聊天
- Android之高仿手机QQ聊天
- [hdu5698]: 瞬间移动(两种方法求组合数)
- Python/NodeJS坑记
- 学习互联网架构第十一课(并发类容器之Queue)
- oracle case表达式
- ubuntu系统中安装caffe可视化工具digits
- 【Android】开发干货-技术分享之高仿QQ微信网页加载进度条实现
- 从零开始搭建一个完善的MVP开发框架(四) —对View(Activity,Fragment等)层组件进行封装简化View层的开发
- 学习OpenCV——行人检测&人脸检测(总算运行出来了)
- JSF入门
- 13.2. Copy Control and Resource Management
- jVM内存模型(二、重排序与同步)
- 美团CODEM 最长树链 枚举质因数,DFS或者直接BFS
- unity人物残影的实现
- HashMap简介