[发明专利]一种瀑布流图片的加载方法和装置在审
申请号: | 201711487224.X | 申请日: | 2017-12-29 |
公开(公告)号: | CN108228816A | 公开(公告)日: | 2018-06-29 |
发明(设计)人: | 王峰 | 申请(专利权)人: | 北京奇虎科技有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30 |
代理公司: | 北京润泽恒知识产权代理有限公司 11319 | 代理人: | 任亚娟 |
地址: | 100088 北京市西城区新*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 多帧图像数据 多帧图像 页面 位置标记 瀑布流 加载 缓存 方法和装置 加载请求 图像数据 一维数组 渲染 服务器发送 二维数组 缓存数组 数据结构 数组结构 形式显示 存储器 数组 缩放 服务器 存储 返回 转换 图片 统一 | ||
本发明实施例提供了一种瀑布流图片的加载方法和装置,所述加载方法包括:向服务器发送针对页面的图像数据加载请求;接收所述服务器返回的、针对所述图像数据加载请求的多帧图像数据;依据所述多帧图像数据和所述页面,确定所述多帧图像数据对应的多帧图像在所述页面中的位置标记;将所述多帧图像数据和所述多帧图像的位置标记存储至存储器中;依据所述多帧图像的位置标记,将所述多帧图像以瀑布流的形式显示在所述页面中。解决了缓存数组和渲染用数组结构不统一的问题,缓存和渲染可以使用同一个一维数组,渲染时无需将缓存中的一维数组转换为二维数组,简化了数据结构,并且在页面缩放后无需生成新的数组,节省了资源。
技术领域
本发明涉及通信技术领域,特别是涉及一种瀑布流图片的加载方法和一种瀑布流图片的加载装置。
背景技术
随着网络技术的发展,用户通过网页浏览器可以分享互联网上的信息,网页浏览器的主要功能是用于从互联网加载网页数据并进行渲染,然后在显示设备显示网页。
在互联网海量的信息中,包含了大量的图片资源,在各大网站中,网页通常以瀑布流方式显示各种图片等信息,在瀑布流中,图片按行或者按列进行渲染,对应横向瀑布流,每一行内的图片保持等高,不同行的总宽度保持一致,对于列向瀑布流,每一列内的图片保持等宽,不同列的总高度保持一致。现有对瀑布流的渲染中,首先将图片经过计算转换为二维数组,外层数组用来表示行或者列,内层数组用来表示每行或者每列的图片,而缓存中图片是以一维数组进行缓存,这就造成缓存数组和渲染用数组结构不统一,渲染时必须要转为二维数组,需要维护两个数组,并且当瀑布流页面缩放时,原有的二维数组不可复用,需要重新生成另一个二维数组,造成资源浪费。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种瀑布流图片的加载方法和相应的一种瀑布流图片的加载装置。
依据本发明的一个方面,提供了一种瀑布流图片的加载方法,包括:
向服务器发送针对页面的图像数据加载请求;
接收所述服务器返回的、针对所述图像数据加载请求的多帧图像数据;
依据所述多帧图像数据和所述页面,确定所述多帧图像数据对应的多帧图像在所述页面中的位置标记;
将所述多帧图像数据和所述多帧图像的位置标记存储至存储器中;
依据所述多帧图像的位置标记,将所述多帧图像以瀑布流的形式显示在所述页面中。
可选地,所述向服务器发送针对页面的图像数据加载请求的步骤包括:
接收用户针对所述页面的图像的搜索请求;
基于用户的搜索请求,生成图像数据加载请求;
将所述图像数据加载请求发送至所述服务器。
可选地,所述多帧图像数据包括所述多帧图像的尺寸大小,所述页面包括图像显示区域,所述依据所述多帧图像数据和所述页面,确定所述多帧图像数据对应的多帧图像在所述页面中的位置标记的步骤包括:
获取所述页面的图像显示区域的尺寸大小;
依据所述多帧图像的尺寸大小和所述显示区域的尺寸大小,确定所述多帧图像在所述图像显示区域的位置标记。
可选地,所述多帧图像的位置标记包括所述多帧图像在所述瀑布流中的行号或者列号,所述依据所述多帧图像的尺寸大小和所述图像显示区域的尺寸大小,确定所述多帧图像在所述图像显示区域的位置的步骤包括:
依据所述多帧图像的高度和宽度,以及,所述图像显示区域的高度和宽度,确定所述多帧图像在所述图像显示区域中的行号或者列号。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京奇虎科技有限公司,未经北京奇虎科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201711487224.X/2.html,转载请声明来源钻瓜专利网。
- 上一篇:一种不动产数据整合系统及方法
- 下一篇:数据处理方法、装置和系统