照片墙时间轴快速拖动的加载优化

该博客分析了照片墙时间轴滚动加载慢的问题,提出在时间轴移动时立即暂停Glide加载,并在停止时恢复,以实现快速定位到某天并即时显示预览图。优化后显著减少了用户等待时间,提高了浏览效率。

1. 背景

照片墙的右边有个时间轴,可以快速下滑定位到某天,如下图所示:

 

 快速拖动到某个位置,需要等待9s左右才开始加载第一张图片

2.分析

   在当前界面加载完后,稍微往上拉或下拉时,上面有好几行的预览图已被加载;即快速拖动到某天,但是预览图仍然在加载当前可见区域外的view的预览图;因此是否可以中断当前的所有的加载任务,当时间轴停下来时立马加载当前可见区域预览图?

3.优化

3.1 移动立即停止加载

在时间轴被移动的时候,立即暂停glide的所有加载,这个可以通过调用

Glide.with(context).pauseRequests()

的方法来实现。

3.2 移动停止时立即恢复加载

在时间轴停止时候,立即恢复glide的所有加载,这个可以通过调用

Glide.with(context).resumeRequests();

的方法来实现。

优化后的效果如下:

        

        这个思路可以解决用户在快速拖动时间轴后,需要等待比较长的才能看到预览图的比较差的体验效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值