android实现用户体验超棒的微信WebView进度条
更新时间：2017年03月03日 08:17:30 作者：杨哲丶
本篇文章主要介绍了android实现用户体验超棒的微信WebView进度条，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
现在微信的用户体验一直被产品经理们所推崇,今天这里具体分析一下微信在WebView的进度条上怎么提升用户体验.
最终微信的加载进度条的效果图
网络正常的状态，分为两种加载速度,前部分正常速度加载,后边速度特意放慢,让用户感觉到你在非常卖力的在进行网络请求.
断开网络的状态： 进度条还是分为两种速度,类似于网络正常的状态,也能让用户感觉到你在非常卖力的在进行网络请求.
实现的思路
- 大方面要分两种情况：没有网络，有网络情况
- 实现加载进度条的两种速度，前边比较快，后边估计放缓慢
- 利用自定义View属性动画实现进度条的流畅加载
- 进度条的渐变消失
遇到的难点,踩过的坑
1、进度条的位置问题
进度条加载完成后消失，是invisible还是gone掉，前者会留下一片空白，后者会让下边的webview向上跳一下。有人会说获取网页的颜色，然后把进度条的颜色换成相对应的颜色，这个太复杂了。然后仔细看微信的实现方案，发现在相对布局xml中直接把进度条放到webview后边，然后置顶就可以了，加载完毕后就会消失。
2、断开网络状态下,错误拦截状态下onProgressChanged还是会从0到100,会出现两个进度条,解决办法办法倒是简单,当时可是没想通,断网居然还走这个方法.
3、两种进度条加载速度的实现和进度条的流畅加载
流畅加载 ::我这里自定义View来实现的,通过属性动画来实现流畅加载
两种加载速度 :
这里自定义View里边设置方法和方法回调
两种加载速度的具体实现
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
文本文件（具有 .txt扩展名）广泛用于持久存储信息，从数字数据到长文本。本文主要为大家介绍了2个使用此文件类型的Flutter应用程序示例，感兴趣的可以了解一下2022-04-04
Android使用ViewDragHelper实现QQ聊天气泡拖动效果
这篇文章主要为大家详细介绍了Android使用ViewDragHelper实现QQ聊天气泡拖动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
这篇文章主要介绍了Flutter数据库的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
这篇文章主要为大家详细介绍了Android读取服务器图片的三种方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了Android中Service服务,在前面一篇的基础上进一步分析了Android Service的绑定服务与解绑服务的相关使用技巧,需要的朋友可以参考下2016-01-01
在我们的日常开发中自定义控件还是用的挺多的，设计师或者产品为了更好的漂亮，美观，交互都会做一些牛逼的ui效果图，但是最后实现的还是我们程序员啊。所以说 自定义view你还是得会的。2016-08-08
android使用ExpandableListView控件实现小说目录效果的例子
这篇文章主要介绍了android使用ExpandableListView控件实现小说目录效果的例子,还可以实现二级列表展示效果,需要的朋友可以参考下2014-07-07
这篇文章主要给大家介绍了在Android上使用grpc的方法教程，文中通过示例代码给大家详细介绍了在android上使用grpc的方法以及可能遇到的种种问题的解决方法，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-07-07
这篇文章主要为大家详细介绍了Android自定义左右或上下滑动翻页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
这篇文章主要介绍了android上实现0.5px线条的原理分析,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
最新评论