[发明专利]网络动态图片的滚动分页显示方法和装置有效
申请号: | 201210504533.4 | 申请日: | 2012-11-30 |
公开(公告)号: | CN103853417B | 公开(公告)日: | 2017-08-04 |
发明(设计)人: | 郑旭泽 | 申请(专利权)人: | 腾讯科技(深圳)有限公司 |
主分类号: | G06F3/0481 | 分类号: | G06F3/0481;G06F3/0485;G06F17/30 |
代理公司: | 北京德琦知识产权代理有限公司11018 | 代理人: | 张晓峰,宋志强 |
地址: | 518044 广东省深圳*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网络 动态 图片 滚动 分页 显示 方法 装置 | ||
技术领域
本申请涉及网络信息显示处理技术领域,尤其涉及一种网络动态图片的滚动分页显示方法和装置。
背景技术
目前的互联网络上出现了大量的动态图片。最常见的动态图片为图像互换格式(GIF,Graphics Interchange Format)图片。动态图片的一个重要特点是其在一个文件中可以存多幅图像,并可以把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,从而加载显示一种最简单的动画,构成了动态的效果。
客户端,例如浏览器或其他可以浏览网页的客户端,在有些场景下需要访问浏览大量的动态图片,例如在动态图片搜索引擎的搜索结果页面,需要加载显示大量符合搜索条件的动态图片。在这种场景下,现有的动态图片展示技术通常采用点击分页技术来分页显示动态图片。其缺点是:
在显示页面中显示分页文字链接或者按钮,当用户希望查看下一页的动态图片时,需要寻找下一页对应的文字链接或按钮,并点击该文字链接或按钮,才能显示出下一分页的动态图片。因此这种现有技术操作繁琐:用户首先需要在当前页面中查找下一页对应的文字链接或按钮的位置,查找到后需要点击该文字链接或按钮才能触发显示下一分页的动态图片,不但查找操作费时费力,而且需要用户进行点击操作,用户的操作量较大,操作繁琐。
目前,在显示网页中的静态图片的技术中,为了解决分页显示静态图片的上述类似问题,出现了一种根据滚动条的滚动,在一个页面中滚动分页显示静态图片的技术,即:首先默认下载第一分页的静态图片,并在当前页面内加载显示第一分页的静态图片;当滚动条向下滚动时,则再下载下一分页的静态图片,并在当前页面中加载显示下一分页的静态图片。通过滚动滚动条这种简单操作就可实现在同一页面中逐次滚动加载显示所有分页的静态图片,省去用户查找、点击文字链接或按钮的繁琐操作。当用户需要返回查看上一分页的静态图片时,同样不需要查找、点击文字链接或按钮,而是向上滚动滚动条即可。
但是,上述现有技术在现实静态图片的加载显示时有效,但是如果直接应用于动态图片的加载显示,则会出现以下技术问题:
上述现有技术采用滚动分页显示图片,当加载显示完所有分页的图片后,所有的图片会加载显示在同一个网页上,每加载显示一个图片会占用本地设备的相应量的内存和图形设备接口(GDI,Graphics Device Interface)对象。对于静态图片的加载显示来讲,一个静态图片通常只会占用少量的内存和GDI对象,例如一个静态图片通常占用一个GDI对象。而对加载显示动态图片来讲,则其占用的内存量和GDI对象的数量会急剧增长。例如通常加载显示一个动态图片占用的GDI对象的数量为20至30个。采用上述现有的滚动分页显示动态图片的技术,在加载完多个分页的时候,当前网页上加载显示的动态图片所占用的内存和GDI对象的数量会急剧增高。例如假设每个分页包括18张动态图片,加载12个分页后就会在当前网页上加载显示198张动态图片,所占用的GDI对象可达4000多个,而通常的客户端软件仅仅支持几千个GDI对象,因此会导致用于浏览该网页的客户端的处理效率的降低,在本地设备性能相对落后的情况下,还可能会直接导致该客户端崩溃。
发明内容
有鉴于此,本发明的主要目的在于提供一种动态图片的分页显示方法和装置,以降低对内存和GDI对象的占用,提高客户端的处理效率。
本发明的技术方案是这样实现的:
一种网络动态图片的滚动分页显示方法,包括:
从服务器下载网络动态图片到本地;
根据滚动条的滚动值实时确定当前网页可视区域的取值范围;
遍历所述下载到本地的动态图片;针对每一动态图片,判断该动态图片在当前网页的预定位置是否在所述当前网页可视区域的取值范围内;如果是则在未创建该动态图片对应的显示标签的情况下在该预定位置创建显示标签来显示对应的图片;否则不创建对应的显示标签,并在已经创建对应显示标签的情况下删除该显示标签;
刷新网页,执行所述显示标签以加载显示对应的图片。
一种网络动态图片的滚动分页显示装置,包括:
图片访问下载模块,用于从服务器下载网络动态图片到本地;
可视区域确定模块,用于根据滚动条的滚动值实时确定当前网页可视区域的取值范围;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于腾讯科技(深圳)有限公司,未经腾讯科技(深圳)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201210504533.4/2.html,转载请声明来源钻瓜专利网。