本发明专利技术实施例提供一种图片的缩略图的加载方法、装置、电子设备及存储介质。其中，所述方法包括：根据所述缩略图对应的列表确定滑动所述列表对应的视觉临界速度；监控所述列表的滚动速度；基于所述视觉临界速度和所述滚动速度确定待加载缩略图的加载策略；根据所述加载策略显示所述待加载缩略图对应的图片。通过确定滑动所述列表对应的视觉临界速度，以及监控所述列表的滚动速度，确定待加载缩略图的加载策略，降低了图片列表频繁加载缩略图对服务端和/或终端产生的负载。和/或终端产生的负载。和/或终端产生的负载。
【技术实现步骤摘要】
图片的缩略图的加载方法、装置、电子设备及存储介质
[0001]本专利技术涉及图片列表显示
，具体涉及一种图片的缩略图的加载方法、装置、电子设备及存储介质。
技术介绍
[0002]在使用手机或者其他终端设备滑动浏览图片列表时，通常是由终端设备向服务端发起网络请求，服务端依据请求生成或者检索对应的图片回传至终端，在此过程中，服务器端生成、检索图片和终端接收、渲染显示图片一定程度上都会对服务端和手机产生一定的负荷，尤其在服务端要先检索对应的视频再去生成缩略的情况下，大量的缩略图请求对服务器造成的严重负载尤为明显。为了满足用户的查看需求，通常滑过屏幕的图片都会去请求加载并渲染显示，用户滑动的越快则需要加载的图片越多，服务端的负荷也会随之增高，终端设备接收、解码以及渲染显示图片也会占用较多的CPU资源，造成终端设备的卡顿和掉帧现象。
技术实现思路
[0003]有鉴于此，本专利技术的主要目的在于提供一种图片的缩略图的加载方法、装置、电子设备及存储介质。
[0004]为达到上述目的，本专利技术的技术方案是这样实现的：
[0005]本专利技术实施例提供一种图片的缩略图的加载方法，包括：
[0006]根据所述缩略图对应的列表确定滑动所述列表对应的视觉临界速度；
[0007]监控所述列表的滚动速度；
[0008]基于所述视觉临界速度和所述滚动速度确定待加载缩略图的加载策略；
[0009]根据所述加载策略显示所述待加载缩略图对应的图片。
[0010]在上述方案中，所述根据所述缩略图对应的列表确定滑动所述列表对应的视觉临界速度，包括：
[0011]基于所述图片的第一尺寸、相邻两张所述图片的第一距离确定滑动所述列表对应的滑动距离；
[0012]基于所述滑动距离和预设时间阈值，确定滑动所述列表对应的视觉临界速度。
[0013]在上述方案中，所述监控所述列表的滚动速度，包括：
[0014]获取相邻两张所述图片停留在所述列表中的时间差值；
[0015]基于所述时间差值，确定所述列表的滚动速度。
[0016]在上述方案中，所述基于所述视觉临界速度和所述滚动速度确定待加载缩略图的加载策略，包括：
[0017]在所述滚动速度大于所述视觉临界速度的情况下，确定所述待加载缩略图的第一加载策略；其中，所述第一加载策略表征停止对所述列表中的图片的缩略图进行加载；
[0018]在所述滚动速度小于或等于所述视觉临界速度的情况下，确定所述待加载缩略图
的第二加载策略；其中，所述第二加载策略表征对所述列表中的图片的缩略图进行加载。
[0019]在上述方案中，所述监控所述列表的滚动速度之后，所述方法还包括：
[0020]基于所述滚动速度，判断所述图片在所述列表中是否处于第一预设状态；其中，所述第一预设状态表征所述图片处于加速滑动状态；
[0021]在所述图片在所述列表中处于所述第一预设状态的情况下，且所述滚动速度大于所述视觉临界速度的情况下，确定所述待加载缩略图的第一加载策略；其中，所述第一加载策略表征停止对所述列表中的图片的缩略图进行加载。
[0022]在上述方案中，所述监控所述列表的滚动速度之后，所述方法还包括：
[0023]基于所述滚动速度，判断所述图片在所述列表中是否处于第二预设状态；其中，所述第二预设状态表征所述图片处于减速滑动状态；
[0024]在所述图片在所述列表中处于所述第二预设状态的情况下，且所述滚动速度大于所述视觉临界速度的情况下，确定所述待加载缩略图的第一加载策略；其中，所述第一加载策略表征停止对所述列表中的图片的缩略图进行加载；
[0025]在所述图片在所述列表中处于所述第二预设状态的情况下，且所述滚动速度小于或等于所述视觉临界速度的情况下，确定所述待加载缩略图的第二加载策略；其中，所述第二加载策略表征对所述列表中的图片的缩略图进行加载。
[0026]在上述方案中，所述列表中包括第一位置和第二位置；其中，所述第一位置在所述第二位置的前方；所述第一加载策略包括：
[0027]停止对所述列表中在所述第一位置之前的图片的缩略图进行加载，或停止对所述列表中在所述第二位置之后的图片的缩略图进行加载。
[0028]在上述方案中，所述方法还包括：
[0029]确定所述图片在所述列表中的第一滑动方向或第二滑动方向；
[0030]在确定所述待加载缩略图的第一加载策略的情况下，且所述图片在所述列表中向所述第一滑动方向进行滑动的情况下，停止对所述列表中在所述第二位置之后的图片的缩略图进行加载；
[0031]在确定所述待加载缩略图的第一加载策略的情况下，且所述图片在所述列表中向所述第二滑动方向进行滑动的情况下，停止对所述列表中在所述第一位置之前的图片的缩略图进行加载。
[0032]在上述方案中，所述方法还包括：
[0033]在确定所述待加载缩略图的第一加载策略的情况下，对所述第一位置和所述第二位置之间的图片的缩略图进行加载。
[0034]本专利技术实施例提供一种图片的缩略图的加载装置，包括：
[0035]第一确定模块，用于根据所述缩略图对应的列表确定滑动所述列表对应的视觉临界速度；
[0036]监控模块，用于监控所述列表的滚动速度；
[0037]第二确定模块，用于基于所述视觉临界速度和所述滚动速度确定待加载缩略图的加载策略；
[0038]显示模块，用于根据所述加载策略显示所述待加载缩略图对应的图片。
[0039]本专利技术实施例提供一种图片的缩略图的加载设备，包括存储器和处理器，所述存
储器存储有可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时，实现上述任一项所述的方法。
[0040]本专利技术实施例提供一种存储介质，所述存储介质存储有可执行指令，当所述可执行指令被处理器执行时，实现上述任一项所述的方法。
[0041]本专利技术实施例提供一种图片的缩略图的加载方法、装置、电子设备及存储介质。其中，所述方法包括：根据所述缩略图对应的列表确定滑动所述列表对应的视觉临界速度；监控所述列表的滚动速度；基于所述视觉临界速度和所述滚动速度确定待加载缩略图的加载策略；根据所述加载策略显示所述待加载缩略图对应的图片。通过确定滑动所述列表对应的视觉临界速度，以及监控所述列表的滚动速度，确定待加载缩略图的加载策略，降低了图片列表频繁加载缩略图对服务端和/或终端产生的负载。
附图说明
[0042]图1为本专利技术实施例图片的缩略图的加载方法实现流程示意图；
[0043]图2为本专利技术实施例图片的缩略图的加载方法可滑动列表位置示意图；
[0044]图3为本专利技术实施例图片的缩略图的加载方法向上加速滑动列表图片的缩略图加载流程示意图；
[0045]图4为本专利技术实施例图片的缩略图的加载方法向上减速滑动列表图片的缩略图加载流程示意图；
[0046]图5为本专利技术实施例图片的本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种图片的缩略图的加载方法，其特征在于，包括：根据所述缩略图对应的列表确定滑动所述列表对应的视觉临界速度；监控所述列表的滚动速度；基于所述视觉临界速度和所述滚动速度确定待加载缩略图的加载策略；根据所述加载策略显示所述待加载缩略图对应的图片。2.根据权利要求1所述的方法，其特征在于，所述根据所述缩略图对应的列表确定滑动所述列表对应的视觉临界速度，包括：基于所述图片的第一尺寸、相邻两张所述图片的第一距离确定滑动所述列表对应的滑动距离；基于所述滑动距离和预设时间阈值，确定滑动所述列表对应的视觉临界速度。3.根据权利要求1所述的方法，其特征在于，所述监控所述列表的滚动速度，包括：获取相邻两张所述图片停留在所述列表中的时间差值；基于所述时间差值，确定所述列表的滚动速度。4.根据权利要求1所述的方法，其特征在于，所述基于所述视觉临界速度和所述滚动速度确定待加载缩略图的加载策略，包括：在所述滚动速度大于所述视觉临界速度的情况下，确定所述待加载缩略图的第一加载策略；其中，所述第一加载策略表征停止对所述列表中的图片的缩略图进行加载；在所述滚动速度小于或等于所述视觉临界速度的情况下，确定所述待加载缩略图的第二加载策略；其中，所述第二加载策略表征对所述列表中的图片的缩略图进行加载。5.根据权利要求1所述的方法，其特征在于，所述监控所述列表的滚动速度之后，所述方法还包括：基于所述滚动速度，判断所述图片在所述列表中是否处于第一预设状态；其中，所述第一预设状态表征所述图片处于加速滑动状态；在所述图片在所述列表中处于所述第一预设状态的情况下，且所述滚动速度大于所述视觉临界速度的情况下，确定所述待加载缩略图的第一加载策略；其中，所述第一加载策略表征停止对所述列表中的图片的缩略图进行加载。6.根据权利要求1所述的方法，其特征在于，所述监控所述列表的滚动速度之后，所述方法还包括：基于所述滚动速度，判断所述图片在所述列表中是否处于第二预设状态；其中，所述第二预设状态表征所述图片处于减速滑动状态；在所述图片在所述列表中处于所述第二预设状态的情况下，且所述滚动速度大于所述视觉临界速度的情况下，确定所述待加载缩略图的第一...
【专利技术属性】
技术研发人员：佘航飞，曾思行，周高锋，
申请(专利权)人：中国移动通信集团有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。