目标图片显示方法及装置、存储介质、电子设备制造方法及图纸

技术编号:20992795 阅读:19 留言:0更新日期:2019-04-29 22:42
本公开是关于一种目标图片显示方法、目标图片显示装置、计算机可读存储介质及电子设备,涉及数据处理技术领域,该方法包括:根据作用于列表页面的操作行为控制所述列表页面的状态,并实时记录所述列表页面的可见区域的位置;对所述可见区域的所有列表元素进行校验,并根据一目标图片地址确定所述目标图片;显示与所述目标图片地址对应的所述目标图片。本公开可以提高图片显示速度。

Target Picture Display Method and Device, Storage Media and Electronic Equipment

The present disclosure relates to a target picture display method, a target picture display device, a computer readable storage medium and an electronic device, and relates to the technical field of data processing. The method includes: controlling the state of the list page according to the operation behavior acting on the list page, and recording the location of the visible area of the list page in real time; and listing all the visible areas. The element is checked and the target picture is determined according to the address of the target picture; the target picture corresponding to the address of the target picture is displayed. The present disclosure can improve the speed of picture display.

【技术实现步骤摘要】
目标图片显示方法及装置、存储介质、电子设备
本公开涉及数据处理
,具体而言,涉及一种目标图片显示方法、目标图片显示装置、计算机可读存储介质以及电子设备。
技术介绍
在进行品牌建设或者产品推广时,App(Application,应用程序)发挥着越来越重要的作用。对于一款快速扩展的App来说,随着业务的不断发展、复杂度和App用户量的不断增加,加载大量网络图片列表时卡顿或不流畅的问题也成为影响用户体验的常见场景。相关技术中,对于大量网络图片列表加载的性能优化方法如下:在网络图片加载完成前,首先调取本地图片进行占位显示;接下来开启异步线程从服务器下载网络图片,确保用户操作不被下载进程所阻断,下载完成后再替换占位图片,显示网络图片;最后,基于网络图片的名称或URL(UniformResourceLocator,统一资源定位符)为索引,将下载完成的网络图片存在移动端本地,并记录在内存中。当再次请求的图片名称或URL相同时,从内存或本地文件中读取图片缓存直接显示。上述性能优化方法已经满足大部分的性能优化需求,虽然避免了二次下载,节省了流量。但是当一个列表的网络图片都很大且非常多时,如果用户快速滑动页面,一瞬间会产生大量的异步请求和图片数据加载,仍可能导致客户端内存告警,出现界面卡顿的情况;同时如果用户当前所处的网络环境不好,当用户快速滑动页面时,并行的异步请求会挤占网络带宽,导致用户在滑动停止时看到的界面图片加载很慢,影响用户体验。需要说明的是,在上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息
技术实现思路
本公开的目的在于提供一种目标图片显示方法、目标图片显示装置、计算机可读存储介质以及电子设备,进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的一个或者多个问题。本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。根据本公开的一个方面,提供一种目标图片显示方法,包括:根据作用于列表页面的操作行为控制所述列表页面的状态,并实时记录所述列表页面的可见区域的位置;对所述可见区域的所有列表元素进行校验,并根据一目标图片地址确定所述目标图片;显示与所述目标图片地址对应的所述目标图片。在本公开的一种示例性实施例中,根据作用于列表页面的操作行为控制所述列表页面的状态包括:在检测到作用于所述列表页面的滑动操作时,控制所述列表页面进行滚动。在本公开的一种示例性实施例中,实时记录所述列表页面的可见区域的位置包括:在检测到所述列表页面停止滚动时,根据所述滑动操作结束时的位置记录所述列表页面的所述可见区域的位置信息,并将所述位置信息设置为所述列表页面的宽和高。在本公开的一种示例性实施例中,对所述可见区域的所有列表元素进行校验包括:在检测到所述滑动操作开始或停止时,判断所述列表上所述可见区域的所有列表元素是否为图片元素;在所述列表元素为所述图片元素时,判断所述图片元素是否满足预设条件;在所述图片元素满足所述预设条件时,判断所述可见区域是否为空;在所述可见区域不为空且所述图片元素未在所述可见区域时,对所述图片元素进行校验。在本公开的一种示例性实施例中,所述图片元素满足所述预设条件包括:所述图片元素为所述占位图片或者所述图片元素为非占位图片且所述图片元素的地址与所述目标图片的地址不同。在本公开的一种示例性实施例中,显示与所述目标图片地址对应的所述目标图片包括:在内存中存在与所述目标图片地址对应的图片缓存时,将所述图片缓存作为目标图片进行显示;在所述内存中未存在与所述目标图片地址对应的图片缓存时,如果本地存储中存在与所述目标图片地址对应的图片缓存,将所述图片缓存记录至所述内存并进行显示。在本公开的一种示例性实施例中,显示与所述目标图片地址对应的所述目标图片还包括:在本地存储中不存在与所述目标图片地址对应的所述图片缓存时,开启异步线程并下载网络图片;在所述网络图片下载成功时,将下载的所述网络图片保存至本地以及内存中并将所述网络图片作为所述目标图片进行显示;在所述网络图片下载失败时,将所述占位图片作为所述目标图片进行显示。在本公开的一种示例性实施例中,对所述可见区域的所有列表元素进行校验还包括:在检测到所述列表页面开启时,对所述可见区域的列表元素进行分类初始化,并生成图片元素数据模型。在本公开的一种示例性实施例中,根据作用于列表页面的操作行为控制所述列表页面的状态还包括:在检测到所述列表页面开启时,根据列表的类型对所述列表页面上的所有界面元素进行初始化。根据本公开的一个方面,提供一种目标图片显示装置,包括:监测模块,用于根据作用于列表页面的操作行为控制所述列表页面的状态,并实时记录所述列表页面的可见区域的位置;校验模块,用于对所述可见区域的所有列表元素进行校验,并根据一目标图片地址确定所述目标图片;显示模块,用于显示与所述目标图片地址对应的所述目标图片。根据本公开的一个方面,提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任意一项所述的目标图片显示方法。根据本公开的一个方面,提供一种电子设备,包括:处理器;以及存储器,用于存储所述处理器的可执行指令;其中,所述处理器配置为经由执行所述可执行指令来执行上述任意一项所述的目标图片显示方法。本公开示例性实施例中提供的一种目标图片显示方法、目标图片显示装置、计算机可读存储介质以及电子设备中,通过作用于列表页面的操作行为控制所述列表页面的状态,并对所述可见区域的所有列表元素进行校验以及显示与目标图片地址对应的所述目标图片。一方面,通过对列表元素的校验,减少了加载或者显示网络图片列表时的内存消耗,避免了列表页面出现卡顿的情况,使显示图片的过程更加流畅;另一方面,减少了显示图片时占用的网络带宽,提高了图片显示速度和效率。应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。附图说明此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1示意性示出本公开示例性实施例中一种目标图片显示方法示意图;图2示意性示出本公开示例性实施例中一种图片元素数据模型;图3示意性示出本公开示例性实施例中一种目标图片显示方法的具体流程图;图4示意性示出本公开示例性实施例中一种目标图片显示装置的框图;图5示意性示出本公开示例性实施例中一种电子设备的框图;图6示意性示出本公开示例性实施例中一种程序产品。具体实施方式现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本公开的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而省略所述特定细节中的一个或更多,本文档来自技高网
...

【技术保护点】
1.一种目标图片显示方法,其特征在于,包括:根据作用于列表页面的操作行为控制所述列表页面的状态,并实时记录所述列表页面的可见区域的位置;对所述可见区域的所有列表元素进行校验,并根据一目标图片地址确定所述目标图片;显示与所述目标图片地址对应的所述目标图片。

【技术特征摘要】
1.一种目标图片显示方法,其特征在于,包括:根据作用于列表页面的操作行为控制所述列表页面的状态,并实时记录所述列表页面的可见区域的位置;对所述可见区域的所有列表元素进行校验,并根据一目标图片地址确定所述目标图片;显示与所述目标图片地址对应的所述目标图片。2.根据权利要求1所述的目标图片显示方法,其特征在于,根据作用于列表页面的操作行为控制所述列表页面的状态包括:在检测到作用于所述列表页面的滑动操作时,控制所述列表页面进行滚动。3.根据权利要求1所述的目标图片显示方法,其特征在于,实时记录所述列表页面的可见区域的位置包括:在检测到所述列表页面停止滚动时,根据所述滑动操作结束时的位置记录所述列表页面的所述可见区域的位置信息,并将所述位置信息设置为所述列表页面的宽和高。4.根据权利要求1所述的目标图片显示方法,其特征在于,对所述可见区域的所有列表元素进行校验包括:在检测到所述滑动操作开始或停止时,判断所述列表上所述可见区域的所有列表元素是否为图片元素;在所述列表元素为所述图片元素时,判断所述图片元素是否满足预设条件;在所述图片元素满足所述预设条件时,判断所述可见区域是否为空;在所述可见区域不为空且所述图片元素未在所述可见区域时,对所述图片元素进行校验。5.根据权利要求4所述的目标图片显示方法,其特征在于,所述图片元素满足所述预设条件包括:所述图片元素为所述占位图片或者所述图片元素为非占位图片且所述图片元素的地址与所述目标图片的地址不同。6.根据权利要求1所述的目标图片显示方法,其特征在于,显示与所述目标图片地址对应的所述目标图片包括:在内存中存在与所述目标图片地址对应的图片缓存时,将所述图片缓存作为目标图片进行显示;在所述内存中未存在与所述目标图片地址对应...

【专利技术属性】
技术研发人员:凌刚
申请(专利权)人:北京京东尚科信息技术有限公司北京京东世纪贸易有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1