System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 图片展示方法、装置、计算机可读存储介质及电子设备制造方法及图纸_技高网

图片展示方法、装置、计算机可读存储介质及电子设备制造方法及图纸

技术编号:41502812 阅读:17 留言:0更新日期:2024-05-30 14:44
本发明专利技术公开了一种图片展示方法、装置、计算机可读存储介质及电子设备。涉及金融科技领域或其他领域,该方法包括:获取目标页面中待展示的T个图片的图片信息,其中,图片信息包括加载图片所需的信息,T为大于2的正整数;根据目标页面在页面窗口中的可视区域,从T个图片中确定需要展示在可视区域中的图片,得到N个第一待加载图片,其中,N为正整数;从不需要展示在可视区域中的图片中确定M个第二待加载图片,其中,M为正整数,M与N的和小于T;依据图片信息加载第一待加载图片以及第二待加载图片,并在可视区域中展示已加载的第一待加载图片。本发明专利技术解决了相关技术中对页面中所有待展示的图片进行加载,内存占用率高的技术问题。

【技术实现步骤摘要】

本专利技术涉及金融科技领域或其他领域,具体而言,涉及一种图片展示方法、装置、计算机可读存储介质及电子设备


技术介绍

1、随着智能设备的普及,目前在移动端要展示的图片越来越多,同时图片的质量和大小也在急速上升。目前,大多应用会选择将所有待展示的图片存储到本地缓存中,但是存储大量图片之后,存在内存占用率高的问题,并且可能会出现由于内存不足引发的闪退现象,从而影响用户体验。

2、针对上述的问题,目前尚未提出有效的解决方案。


技术实现思路

1、本专利技术实施例提供了一种图片展示方法、装置、计算机可读存储介质及电子设备,以至少解决相关技术中对页面中所有待展示的图片进行加载,内存占用率高的技术问题。

2、根据本专利技术实施例的一个方面,提供了一种图片展示方法,包括:获取目标页面中待展示的t个图片的图片信息,其中,图片信息包括加载图片所需的信息,t为大于2的正整数;根据目标页面在页面窗口中的可视区域,从t个图片中确定需要展示在可视区域中的图片,得到n个第一待加载图片,其中,n为正整数;从不需要展示在可视区域中的图片中确定m个第二待加载图片,其中,第二待加载图片与n个第一待加载图片中的第一个待加载图片相邻,或者,第二待加载图片与n个第一待加载图片中的最后一个待加载图片相邻,其中,m为正整数,m与n的和小于t;依据图片信息加载第一待加载图片以及第二待加载图片,并在可视区域中展示已加载的第一待加载图片。

3、进一步地,每个图片存在匹配的文字,文字用于描述图片,其中,图片展示方法还包括:对于每个图片,从图片的图片信息中提取得到图片的尺寸信息、图片在t个图片中的位置信息以及图片匹配的文字的文字信息;从文字信息中提取得到图片匹配的文字与图片之间的位置关系以及文字的尺寸信息;根据t个图片的尺寸信息、位置信息、文字与图片之间的位置关系以及文字的尺寸信息,确定t个图片以及t个图片匹配的文字在目标页面中的排版信息;根据可视区域和排版信息,从t个图片中确定n个第一待加载图片。

4、进一步地,图片展示方法还包括:在确定t个图片以及t个图片匹配的文字在目标页面中的排版信息之后,依据排版信息,在目标页面中展示t个图片匹配的文字。

5、进一步地,图片展示方法还包括:在在可视区域中展示已加载的第一待加载图片之后,响应于用户对目标页面的滚动操作,检测滚动操作的滚动速度;在滚动速度大于预设的速度阈值的情况下,删除目标页面中当前已加载的图片。

6、进一步地,图片展示方法还包括:在检测滚动操作的滚动速度之后,在滚动速度小于或等于速度阈值的情况下,根据滚动操作确定新的可视区域;从t个图片中确定需要展示在新的可视区域中的图片,得到p个第三待加载图片,其中,p为正整数;从不需要展示在新的可视区域中的图片中确定q个第四待加载图片,其中,第四待加载图片与p个第三待加载图片中的第一个待加载图片相邻,或者,第四待加载图片与p个第三待加载图片中的最后一个待加载图片相邻,q为正整数,p与q的和小于t;根据目标页面中当前已加载的图片,从p个第三待加载图片和q个第四待加载图片中确定未加载的图片;依据图片信息加载未加载的图片,并在新的可视区域中展示已加载的第三待加载图片。

7、进一步地,图片展示方法还包括:在在新的可视区域中展示已加载的第三待加载图片之后,删除目标页面中当前已加载的目标图片,其中,目标图片是指除第三待加载图片和第四待加载图片以外的图片。

8、进一步地,图片展示方法还包括:检测目标页面中当前已加载的图片所占用的内存大小;在内存大小大于或等于预设的内存阈值的情况下,删除目标页面中当前已加载的目标图片。

9、根据本专利技术实施例的另一方面,还提供了一种图片展示装置,包括:获取模块,用于获取目标页面中待展示的t个图片的图片信息,其中,图片信息包括加载图片所需的信息,t为大于2的正整数;第一确定模块,用于根据目标页面在页面窗口中的可视区域,从t个图片中确定需要展示在可视区域中的图片,得到n个第一待加载图片,其中,n为正整数;第二确定模块,用于从不需要展示在可视区域中的图片中确定m个第二待加载图片,其中,第二待加载图片与n个第一待加载图片中的第一个待加载图片相邻,或者,第二待加载图片与n个第一待加载图片中的最后一个待加载图片相邻,其中,m为正整数,m与n的和小于t;第一展示模块,用于依据图片信息加载第一待加载图片以及第二待加载图片,并在可视区域中展示已加载的第一待加载图片。

10、根据本专利技术实施例的另一方面,还提供了一种计算机可读存储介质,计算机可读存储介质中存储有计算机程序,其中,计算机程序被设置为运行时执行上述的图片展示方法。

11、根据本专利技术实施例的另一方面,还提供了一种电子设备,电子设备包括一个或多个处理器;存储器,用于存储一个或多个程序,当一个或多个程序被一个或多个处理器执行时,使得一个或多个处理器实现用于运行程序,其中,程序被设置为运行时执行上述的图片展示方法。

12、在本专利技术实施例中,采用只对目标页面中的部分图片进行加载的方式,通过获取目标页面中待展示的t个图片的图片信息,然后根据目标页面在页面窗口中的可视区域,从t个图片中确定需要展示在可视区域中的图片,得到n个第一待加载图片,接着从不需要展示在可视区域中的图片中确定m个第二待加载图片,从而依据图片信息加载第一待加载图片以及第二待加载图片,并在可视区域中展示已加载的第一待加载图片。其中,图片信息包括加载图片所需的信息,t为大于2的正整数,n为正整数,第二待加载图片与n个第一待加载图片中的第一个待加载图片相邻,或者,第二待加载图片与n个第一待加载图片中的最后一个待加载图片相邻,m为正整数,m与n的和小于t。

13、在上述过程中,通过从待展示的t个图片中确定n个第一待加载图片和m个第二待加载图片进行加载,且设置m与n的和小于t,实现了减少用户进入目标页面时需要加载的图片数量,从而降低了对系统内存的占用率。此外,通过将需要展示在可视区域中的图片确定为第一待加载图片,将与n个第一待加载图片中的第一个待加载图片或最后一个待加载图片相邻的图片确定为第二待加载图片,实现了对用户需要查看的图片以及查看的可能性较大的图片的加载,避免了对相对不重要的图片进行加载,从而提高了加载的图片的准确性,减少了用户等待时间。

14、由此可见,本申请所提供的方案达到了只对目标页面中的部分图片进行加载的目的,从而实现了降低内存占用率的技术效果,进而解决了相关技术中对页面中所有待展示的图片进行加载,内存占用率高的技术问题。

本文档来自技高网...

【技术保护点】

1.一种图片展示方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,每个图片存在匹配的文字,所述文字用于描述所述图片,其中,根据所述目标页面在页面窗口中的可视区域,从所述T个图片中确定需要展示在所述可视区域中的图片,得到N个第一待加载图片,包括:

3.根据权利要求2所述的方法,其特征在于,在确定所述T个图片以及所述T个图片匹配的文字在所述目标页面中的排版信息之后,所述方法还包括:

4.根据权利要求1所述的方法,其特征在于,其中,在在所述可视区域中展示已加载的第一待加载图片之后,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,在检测所述滚动操作的滚动速度之后,所述方法还包括:

6.根据权利要求5所述的方法,其特征在于,在在所述新的可视区域中展示已加载的第三待加载图片之后,所述方法还包括:

7.根据权利要求6所述的方法,其特征在于,删除所述目标页面中当前已加载的目标图片,包括:

8.一种图片展示装置,其特征在于,包括:

9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机程序,其中,所述计算机程序被设置为运行时执行所述权利要求1至7任一项中所述的图片展示方法。

10.一种电子设备,其特征在于,所述电子设备包括一个或多个处理器;存储器,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行时,使得所述一个或多个处理器实现用于运行程序,其中,所述程序被设置为运行时执行所述权利要求1至7任一项中所述的图片展示方法。

...

【技术特征摘要】

1.一种图片展示方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,每个图片存在匹配的文字,所述文字用于描述所述图片,其中,根据所述目标页面在页面窗口中的可视区域,从所述t个图片中确定需要展示在所述可视区域中的图片,得到n个第一待加载图片,包括:

3.根据权利要求2所述的方法,其特征在于,在确定所述t个图片以及所述t个图片匹配的文字在所述目标页面中的排版信息之后,所述方法还包括:

4.根据权利要求1所述的方法,其特征在于,其中,在在所述可视区域中展示已加载的第一待加载图片之后,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,在检测所述滚动操作的滚动速度之后,所述方法还包括:

6.根据权利要求5所述的方法,...

【专利技术属性】
技术研发人员:陈峥
申请(专利权)人:中国工商银行股份有限公司
类型:发明
国别省市:

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

1