图片显示方法及装置制造方法及图纸

本发明专利技术提供了一种图片显示方法及装置。该方法包括：当接收到显示图片的请求时，调用所述数据管理器在图片存储器中查找一个或多个待显示图片，并获取各待显示图片的图片数据；调用所述图片加载器将所述各待显示图片的图片数据加载到内存中；调用所述图片渲染器对所述各待显示图片的图片数据进行显示处理，并在页面上对所述各待显示图片的图片数据进行渲染，并显示渲染后的图片。本发明专利技术实施例将数据管理器和图片加载器抽象成公共组件，针对不同的图片布局方式维护不同的图片渲染器，调用不同的图片渲染器实现各自渲染功能，每个组件功能单一，代码应用高效，组件易于维护和自由组合。

Picture display method and device

The invention provides a picture display method and device. The method comprises: when receiving a display picture request, call the data manager in the picture memory to find one or more images to be displayed, and obtain the image data to be displayed pictures; call the picture of the loader will be displayed pictures of the picture data is loaded into memory; the call of the renderer to the picture display picture data picture display, and on the page of the image data to be displayed the image rendering, rendering and display the picture after. The embodiment of the invention will abstract the data manager and the image loader into the public assembly, according to the picture layout of different maintenance pictures render different, to achieve their respective functions of image rendering render call different, each component of single function, application code efficient, easy maintenance and free combination of components.

【技术实现步骤摘要】
图片显示方法及装置
本专利技术涉及互联网应用
，特别是一种图片显示方法及装置。
技术介绍
随着技术的快速发展，人们越来越多的依赖终端(如电脑、手机等)浏览新闻、图片，进行社交互动等。相关技术中，在终端显示图片时，通过图片显示组件来完成，并且针对在页面上不同的图片布局方式，需要开发人员开发不同的图片显示组件，这样可能存在重复性劳动，无通用性，开发效率低。例如，在通过瀑布流的形式显示图片时，如果是横向的瀑布流形式，则需要调用横向瀑布流显示组件；如果是纵向的瀑布流形式，则需要调用纵向瀑布流显示组件。可见，目前的图片显示组件重，代码耦合度高，不易维护和迭代。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的图片显示方法及相应的装置。依据本专利技术的一方面，提供了一种图片显示方法，适用于将用于显示图片的图片显示组件按照功能至少拆分成用于管理图片数据的数据管理器、用于加载图片数据的图片加载器以及用于在页面上渲染图片的图片渲染器的情况，所述方法包括：当接收到显示图片的请求时，调用所述数据管理器在图片存储器中查找一个或多个待显示图片，并获取各待显示图片的图片数据；调用所述图片加载器将所述各待显示图片的图片数据加载到内存中；调用所述图片渲染器对所述各待显示图片的图片数据进行显示处理，并在页面上对所述各待显示图片的图片数据进行渲染，并显示渲染后的图片。可选地，调用所述数据管理器在图片存储器中查找一个或多个待显示图片，包括：解析所述请求，得到所述一个或多个待显示图片的标识；调用所述数据管理器在图片存储器中查找所述标识对应的所述一个或多个待显示图片。可选地，所述方法还包括：解析所述请求，获取在页面上对所述一个或多个待显示图片进行布局的图片布局信息；或者获取预先设置的在页面上对图片进行布局的图片布局信息。可选地，调用所述图片渲染器对所述各待显示图片的图片数据进行显示处理，包括：在多个具有不同渲染功能的图片渲染器中，查找与所述图片布局信息对应的图片渲染器；调用查找到的所述图片渲染器对所述各待显示图片的图片数据进行显示处理。可选地，所述多个具有不同渲染功能的图片渲染器包括：横向图片流渲染器、纵向图片流渲染器、指定形状的图片流渲染器。可选地，所述获取各待显示图片的图片数据之后，所述方法还包括：获取所述各待显示图片的尺寸大小，以及获取页面上图片显示区域的尺寸大小；将所述各待显示图片的尺寸与所述图片显示区域的尺寸进行比较；若所述各待显示图片的尺寸大于所述图片显示区域的尺寸，则根据所述图片显示区域的尺寸缩小所述各待显示图片的尺寸。可选地，调用所述图片加载器将所述各待显示图片的图片数据加载到内存中，包括：调用所述图片加载器，将缩小尺寸后的所述各待显示图片的图片数据加载到内存中。可选地，调用所述图片加载器将所述各待显示图片的图片数据加载到内存中，包括：获取内存的当前状态信息；调用所述图片加载器，根据所述内存的当前状态信息，依序将所述各待显示图片的图片数据加载到内存中。依据本专利技术的另一方面，还提供了一种图片显示装置，包括：组件拆分模块，适于将用于显示图片的图片显示组件按照功能至少拆分成用于管理图片数据的数据管理器、用于加载图片数据的图片加载器以及用于在页面上渲染图片的图片渲染器，并保存；图片数据获取模块，适于当接收到显示图片的请求时，调用所述数据管理器在图片存储器中查找一个或多个待显示图片，并获取各待显示图片的图片数据；图片数据加载模块，适于调用所述图片加载器将所述各待显示图片的图片数据加载到内存中；图片显示模块，适于调用所述图片渲染器对所述各待显示图片的图片数据进行显示处理，并在页面上对所述各待显示图片的图片数据进行渲染，并显示渲染后的图片。可选地，所述图片数据获取模块还适于：解析所述请求，得到所述一个或多个待显示图片的标识；调用所述数据管理器在图片存储器中查找所述标识对应的所述一个或多个待显示图片。可选地，所述装置还包括图片布局信息获取模块，适于：解析所述请求，获取在页面上对所述一个或多个待显示图片进行布局的图片布局信息；或者获取预先设置的在页面上对图片进行布局的图片布局信息。可选地，所述图片显示模块还适于：在多个具有不同渲染功能的图片渲染器中，查找与所述图片布局信息对应的图片渲染器；调用查找到的所述图片渲染器对所述各待显示图片的图片数据进行显示处理。可选地，所述多个具有不同渲染功能的图片渲染器包括：横向图片流渲染器、纵向图片流渲染器、指定形状的图片流渲染器。可选地，在所述图片数据获取模块获取各待显示图片的图片数据之后，所述装置还包括：图片尺寸获取模块，适于获取所述各待显示图片的尺寸大小，以及获取页面上图片显示区域的尺寸大小；比较模块，适于将所述各待显示图片的尺寸与所述图片显示区域的尺寸进行比较；调整模块，适于若所述各待显示图片的尺寸大于所述图片显示区域的尺寸，则根据所述图片显示区域的尺寸缩小所述各待显示图片的尺寸。可选地，所述图片数据加载模块还适于：调用所述图片加载器，将缩小尺寸后的所述各待显示图片的图片数据加载到内存中。可选地，所述图片数据加载模块还适于：获取内存的当前状态信息；调用所述图片加载器，根据所述内存的当前状态信息，依序将所述各待显示图片的图片数据加载到内存中。在本专利技术实施例中，图片显示组件按照功能至少被拆分成用于管理图片数据的数据管理器、用于加载图片数据的图片加载器以及用于在页面上渲染图片的图片渲染器，并保存，拆分得到的组件功能单一且轻量化，易于维护和迭代。当接收到显示图片的请求时，本专利技术实施例可以直接调用数据管理器在图片存储器中查找一个或多个待显示图片，并获取各待显示图片的图片数据，随后调用图片加载器将各待显示图片的图片数据加载到内存中，之后调用图片渲染器对各待显示图片的图片数据进行显示处理，并在页面上对各待显示图片的图片数据进行渲染，并显示渲染后的图片。本专利技术实施例将数据管理器和图片加载器抽象成公共组件，针对不同的图片布局方式维护不同的图片渲染器，调用不同的图片渲染器实现各自渲染功能，每个组件功能单一，代码应用高效，组件易于维护和自由组合，从而解决了相关技术中需要开发人员针对不同的图片布局方式开发相应的且完整的图片显示组件，存在重复性劳动，无通用性，开发效率低的问题。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。根据下文结合附图对本专利技术具体实施例的详细描述，本领域技术人员将会更加明了本专利技术的上述以及其他目的、优点和特征。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了根据本专利技术一个实施例的图片显示方法流程图；图2示出了现有技术中移动搜索端采用瀑布流的布局方式显示图片的组件调用逻辑示意图；图3示出了本专利技术实施例的移动搜索端采用瀑布流的布局方式显示图片的组件调用逻辑示意图；图4示出了现有技术中PC搜索端采用瀑布流的布局方式显示图片的组件调用逻本文档来自技高网...

【技术保护点】
一种图片显示方法，适用于将用于显示图片的图片显示组件按照功能至少拆分成用于管理图片数据的数据管理器、用于加载图片数据的图片加载器以及用于在页面上渲染图片的图片渲染器的情况，所述方法包括：当接收到显示图片的请求时，调用所述数据管理器在图片存储器中查找一个或多个待显示图片，并获取各待显示图片的图片数据；调用所述图片加载器将所述各待显示图片的图片数据加载到内存中；调用所述图片渲染器对所述各待显示图片的图片数据进行显示处理，并在页面上对所述各待显示图片的图片数据进行渲染，并显示渲染后的图片。

【技术特征摘要】
1.一种图片显示方法，适用于将用于显示图片的图片显示组件按照功能至少拆分成用于管理图片数据的数据管理器、用于加载图片数据的图片加载器以及用于在页面上渲染图片的图片渲染器的情况，所述方法包括：当接收到显示图片的请求时，调用所述数据管理器在图片存储器中查找一个或多个待显示图片，并获取各待显示图片的图片数据；调用所述图片加载器将所述各待显示图片的图片数据加载到内存中；调用所述图片渲染器对所述各待显示图片的图片数据进行显示处理，并在页面上对所述各待显示图片的图片数据进行渲染，并显示渲染后的图片。2.根据权利要求1所述的方法，其中，调用所述数据管理器在图片存储器中查找一个或多个待显示图片，包括：解析所述请求，得到所述一个或多个待显示图片的标识；调用所述数据管理器在图片存储器中查找所述标识对应的所述一个或多个待显示图片。3.根据权利要求1或2所述的方法，其中，还包括：解析所述请求，获取在页面上对所述一个或多个待显示图片进行布局的图片布局信息；或者获取预先设置的在页面上对图片进行布局的图片布局信息。4.根据权利要求1-3任一项所述的方法，调用所述图片渲染器对所述各待显示图片的图片数据进行显示处理，包括：在多个具有不同渲染功能的图片渲染器中，查找与所述图片布局信息对应的图片渲染器；调用查找到的所述图片渲染器对所述各待显示图片的图片数据进行显示处理。5.根据权利要求1-4任一项所述的方法，其中，所述多个具有不同渲染功能的图片渲染器包括：横向图片流渲染器、纵向图片流渲染器、指定形状的图片流渲染器。6.根据权利要求1-5任一项所述的方法，其中，所述获取各待显示图片的图片数据之后，所述方法还包括：获取...

【专利技术属性】
技术研发人员：王峰，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：北京,11