用于图片的呈现方法和装置制造方法及图纸

本发明专利技术公开了一种用于图片的呈现方法和装置，所述装置包括：尺寸调整单元，适于将各图片单元调整为相同尺寸并以瀑布墙布局方式展示；信息获取单元，适于在接收到对图片单元的放大请求时，获取被请求图片单元的位置信息；放大处理单元，适于基于设定的放大倍数，在当前浏览进程下对被请求图片单元进行放大显示；其中，放大处理单元还适于在当前浏览进程下对被请求图片单元进行放大显示时，将放大显示所占空间处的各图片单元向下移动或隐藏。本发明专利技术所述方法和装置实现了用户可以在保留原瀑布墙布局且不影响用户当前浏览进程的情况下，使用更大区域来查看图片的细节信息和更多内容，信息展示量增大的同时用户交互成本降低。

【技术实现步骤摘要】

本专利技术涉及网络通信
，尤其涉及一种用于图片的呈现方法和装置。
技术介绍
瀑布墙是目前较为常见的网页内容呈现方案，瀑布墙的主体部分会包含多个小的单元，比如一张图片，这些单元一般宽度是固定的。主体部分会被划分成多个列，所有的单元被按照一定顺序填充到各个列中，使得各单元类似一个个小“水滴”，而按照多个列排列的“水滴”流就形成了瀑布墙。瀑布墙中由于各单元均定宽不定高，并自适应铺满整个页面，所以页面的内容不需要传统方式的翻页而是直接在页面滚动到底部时自动加载，且一般会加载很多次，类似于瀑布的无穷无尽，具体展示效果图如图1所示。目前，瀑布墙为了容纳更多的内容，往往使得每个单元的尺寸都比较小，这就导致了在内容展示上存在天然的缺陷，不能够方便快速的展示更多有效信息。针对该问题，瀑布墙方案提供了图片放大显示功能，然而，用户利用该功能对瀑布墙内的单元进行放大显示时，放大显示的单元会在新的页面内展示。可见，利用该放大显示功能进行放大显示时，必须脱离原来的瀑布墙布局，这样就打乱了用户原来的浏览进程，同时也使得用户的交互性降低。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的用于图片的呈现方法和装置。依据本专利技术的一个方面，提供了一种用于图片的呈现方法，包括将各图片单元调整为相同尺寸并以瀑布墙布局方式展示；在接收到对某一图片单元的放大请求时，获取被请求图片单元的位置信息；基于设定的放大倍数，以被请求图片单元的位置为基准，在当前浏览进程下对被请求图片单元进行放大显示。可选地，本专利技术所述方法中，所述基于设定的放大倍数，以被请求图片单元的位置为基准，在当前浏览进程下对被请求图片单元进行放大显示，进一步包括根据设定的放大倍数，计算放大所述被请求图片单元占用的横向单元数和纵向单元数；以所述被请求图片单元的位置为基准，分别在横向和纵向上插入满足对应单元数且覆盖所述被请求图片单元的多个空单元；在插入的空单元区域处放大显示被请求的图片单元。可选地，本专利技术所述方法中，所述根据设定的放大倍数，计算放大所述被请求图片单元占用的横向单元数和纵向单元数,进一步包括根据所述设定的放大倍数，确定被请求图片单元的横向放大倍数和纵向放大倍数；以图片单元的原始横向尺寸为基数，根据所述横向放大倍数，确定放大所述图片 单元占用的横向单元数；以图片单元的原始纵向尺寸为基数，根据所述纵向放大倍数，确定放大所述图片 单元占用的纵向单元数。可选地，本专利技术所述方法中，所述以被请求图片单元的位置为基准，分别在横向和 纵向上插入满足对应单元数且覆盖所述被请求图片单元的多个空单元，进一步包括以请求图片单元在瀑布墙布局方式下的横向位置为基准，在所述横向位置及其左 侧和/或右侧插入满足所述横向单元数的空单元；以横向插入的空单元为基准，向下插入满足所述纵向单元数的空单元。可选地，本专利技术所述方法中，所述在插入的空单元区域处放大显示被请求的图片 单元具体包括将被请求的原图片单元隐藏，并在所述插入的空单元区域处生成放大后的 图片单元并显示。可选地，本专利技术所述方法中，所述在当前浏览进程下对被请求图片单元进行放大 显示时，将放大显示所占空间处的各图片单元向下移动或隐藏。可选地，本专利技术所述方法进一步包括接收对被放大图片单元的还原请求，将放大 的图片单元进行还原显示。可选地，本专利技术所述方法中，所述将放大的图片单元进行还原显示，进一步包括获取被放大图片单元的原始位置、以及放大所述图片单元时插入的各空单元的插 入位置；将还原的图片单元在所述原始位置处显示，将所述插入位置处的各空单元销毁， 释放占用的空间。可选地，本专利技术所述方法进一步包括当显示图片的终端页面宽度发生调整时，检测当前是否存在放大的图片单元，若 是，则将放大的图片单元还原处理后，对瀑布墙的列数进行调整，并在调整后，将被还原的 图片单元重新进行放大处理；否则，直接对瀑布墙的列数进行调整。可选地，本专利技术所述方法中，所述图片单元为壁纸站内的图片单元；所述图片单元 的单元内容为图片或者为区块化的文字内容。根据本专利技术的另一方面，提供了一种用于图片的呈现装置，包括尺寸调整单元，适于将各图片单元调整为相同尺寸并以瀑布墙布局方式展示；信息获取单元，适于在接收到对某一图片单元的放大请求时，获取被请求图片单 元的位置信息；放大处理单元，适于基于设定的放大倍数，以被请求图片单元的位置为基准，在当 前浏览进程下对被请求图片单元进行放大显示。可选地，本专利技术所述装置中，所述放大处理单元，进一步包括计算子单元，适于根据设定的放大倍数，计算放大所述被请求图片单元占用的横 向单元数和纵向单元数；插入子单元，适于以所述被请求图片单元的位置为基准，分别在横向和纵向上插 入满足对应单元数且覆盖所述被请求图片单元的多个空单元；放大子单元，适于在插入的空单元区域处放大显示被请求的图片单元。可选地，本专利技术所述装置中，所述计算子单元，进一步适于根据所述设定的放大倍数，确定被请求图片单元的横向放大倍数和纵向放大倍数，以图片单元的原始横向尺寸为基数，根据所述横向放大倍数，确定放大所述图片单元占用的横向单元数，以及以图片单元的原始纵向尺寸为基数，根据所述纵向放大倍数，确定放大所述图片单元占用的纵向单元数。可选地，本专利技术所述装置中，所述插入子单元，进一步适于以请求图片单元在瀑布墙布局方式下的横向位置为基准，在所述横向位置及其左侧和/或右侧插入满足所述横向单元数的空单元，并以横向插入的空单元为基准，向下插入满足所述纵向单元数的空单元。可选地，本专利技术所述装置中，所述放大子单元，进一步适于将被请求的原图片单元隐藏，并在所述插入的空单元区域处生成放大后的图片单元并显示。可选地，本专利技术所述装置中，所述放大处理单元，进一步适于在当前浏览进程下对被请求图片单元进行放大显示时，将放大显示所占空间处的各图片单元向下移动或隐藏。可选地，本专利技术所述装置还包括还原处理单元，适于接收对被放大图片单元的还原请求，将放大的图片单元进行还原显示。可选地，本专利技术所述装置中，所述还原处理单元，进一步包括信息提取子单元，适于获取被放大图片单元的原始位置、以及放大所述图片单元时插入的各空单元的插入位置；还原子单元，适于将还原的图片单元在所述原始位置处显示，将所述插入位置处的各空单元销毁，释放占用的空间。可选地，本专利技术所述装置还包括调整单元，适于当显示图片的终端页面宽度发生调整时，检测当前是否存在放大的图片单元，若是，则将放大的图片单元还原处理后，对瀑布墙的列数进行调整，并在调整后，将被还原的图片单元重新进行放大处理；否则，直接对瀑布墙的列数进行调整。可选地，本专利技术所述装置中，所述图片单元为壁纸站内的图片单元；所述图片单元的单元内容为图片或者为区块化的文字内容。根据本专利技术的用于图片的呈现方法和装置可以实现在瀑布墙布局展示中，对某一图片单元进行放大/缩小操作且不影响原来的瀑布墙展示和用户交互过程，用户能够在瀑布墙布局模式下，简单方便的查看更多信息。另外，本专利技术也实现了当页面缩放引起瀑布墙列数发生改变时，不会对放大中的图片单元造成不良影响，能够保证原来浏览进程的正确进行。由此可见本专利技术很好的解决了现有技术中用于图片的呈现方式存在的缺陷，取得了的有益技术效果。上述说明仅是本专利技术技术方案本文档来自技高网...

【技术保护点】
一种用于图片的呈现方法，包括：将各图片单元调整为相同尺寸并以瀑布墙布局方式展示；在接收到对某一图片单元的放大请求时，获取被请求图片单元的位置信息；基于设定的放大倍数，以被请求图片单元的位置为基准，在当前浏览进程下对被请求图片单元进行放大显示；其中，所述在当前浏览进程下对被请求图片单元进行放大显示时，将放大显示所占空间处的各图片单元向下移动或隐藏。

【技术特征摘要】
1.一种用于图片的呈现方法，包括 将各图片单元调整为相同尺寸并以瀑布墙布局方式展示； 在接收到对某一图片单元的放大请求时，获取被请求图片单元的位置信息； 基于设定的放大倍数，以被请求图片单元的位置为基准，在当前浏览进程下对被请求图片单元进行放大显示； 其中，所述在当前浏览进程下对被请求图片单元进行放大显示时，将放大显示所占空间处的各图片单元向下移动或隐藏。2.如权利要求1所述的方法，其特征在于，所述基于设定的放大倍数，以被请求图片单元的位置为基准，在当前浏览进程下对被请求图片单元进行放大显示，进一步包括 根据设定的放大倍数，计算放大所述被请求图片单元占用的横向单元数和纵向单元数； 以所述被请求图片单元的位置为基准，分别在横向和纵向上插入满足对应单元数且覆盖所述被请求图片单元的多个空单元； 在插入的空单元区域处放大显示被请求的图片单元。3.如权利要求2所述的方法，其特征在于，所述根据设定的放大倍数，计算放大所述被请求图片单元占用的横向单元数和纵向单元数，进一步包括 根据所述设定的放大倍数，确定被请求图片单元的横向放大倍数和纵向放大倍数；以图片单元的原始横向尺寸为基数，根据所述横向放大倍数，确定放大所述图片单元占用的横向单元数； 以图片单元的原始纵向尺寸为基数，根据所述纵向放大倍数，确定放大所述图片单元占用的纵向单元数。4.如权利要求2所述的方法，其特征在于，所述以被请求图片单元的位置为基准，分别在横向和纵向上插入满足对应单元数且覆盖所述被请求图片单元的多个空单元，进一步包括 以请求图片单元在瀑布墙布局方式下的横向位置为基准，在所述横向位置及其左侧和/或右侧插入满足所述横向单元数的空单元； 以横向插入的空单元为基准，向下插入满足所述纵向单元数的空单元。5.如权利要求2至4任一项所述的方法，其特征在于，所述在插入的空单元区域处放大显示被请求的图片单元具体包括将被请求的原图片单元隐藏，并在所述插入的空单元区域处生成放大后的图片单元并显示。6.如权利要求2所述的方法，其特征在于，所述方法进一步包括接收对被放大图片单元的还原请求，将放大的图片单元进行还原显示。7.如权利要求6所述的方法，其特征在于，所述将放大的图片单元进行还原显示，进一步包括 获取被放大图片单元的原始位置、以及放大所述图片单元时插入的各空单元的插入位置； 将还原的图片单元在所述原始位置处显示，将所述插入位置处的各空单元销毁，释放占用的空间。8.如权利要求6或7所述的方法，其特征在于，所述方法进一步包括当显示图片的终端页面宽度发生调整时，检测当前是否存在放大的图片单元，若是，则将放大的图片单元还原处理后，对瀑布墙的列数进行调整，并在调整后，将被还原的图片单元重新进行放大处理；否则，直接对瀑布墙的列数进行调整。9.如权利要求1至8任一项所述的方法，其特征在于，所述图片单元为壁纸站内的图片单元；所述图片单元的单元内容为...

【专利技术属性】
技术研发人员：史志奇，赵晓伟，彭波，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：