CN105159939A - 一种用于图片的呈现方法和装置 - Google Patents
一种用于图片的呈现方法和装置 Download PDFInfo
- Publication number
- CN105159939A CN105159939A CN201510482096.4A CN201510482096A CN105159939A CN 105159939 A CN105159939 A CN 105159939A CN 201510482096 A CN201510482096 A CN 201510482096A CN 105159939 A CN105159939 A CN 105159939A
- Authority
- CN
- China
- Prior art keywords
- picture element
- element unit
- unit cell
- cell
- requested
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/54—Browsing; Visualisation therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
- Editing Of Facsimile Originals (AREA)
Abstract
本发明公开了一种用于图片的呈现方法和装置,所述方法包括:将各图片单元调整为相同尺寸并以瀑布墙布局方式展示;在接收到对某一图片单元的放大请求时,获取被请求图片单元的位置信息;基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示。所述装置包括:尺寸调整单元、信息获取单元和放大处理单元。本发明所述方法和装置实现了用户可以在保留原瀑布墙布局且不影响用户当前浏览进程的情况下,使用更大区域来查看图片的细节信息和更多内容,信息展示量增大的同时用户交互成本降低。
Description
本发明专利申请是申请日为2012年11月19日、申请号为201210468160.X、名称为“用于图片的呈现方法和装置”的中国发明专利申请的分案申请。
技术领域
本发明涉及网络通信技术领域,尤其涉及一种用于图片的呈现方法和装置。
背景技术
瀑布墙是目前较为常见的网页内容呈现方案,瀑布墙的主体部分会包含多个小的单元,比如一张图片,这些单元一般宽度是固定的。主体部分会被划分成多个列,所有的单元被按照一定顺序填充到各个列中,使得各单元类似一个个小“水滴”,而按照多个列排列的“水滴”流就形成了瀑布墙。瀑布墙中由于各单元均定宽不定高,并自适应铺满整个页面,所以页面的内容不需要传统方式的翻页而是直接在页面滚动到底部时自动加载,且一般会加载很多次,类似于瀑布的无穷无尽,具体展示效果图如图1所示。
目前,瀑布墙为了容纳更多的内容,往往使得每个单元的尺寸都比较小,这就导致了在内容展示上存在天然的缺陷,不能够方便快速的展示更多有效信息。针对该问题,瀑布墙方案提供了图片放大显示功能,然而,用户利用该功能对瀑布墙内的单元进行放大显示时,放大显示的单元会在新的页面内展示。可见,利用该放大显示功能进行放大显示时,必须脱离原来的瀑布墙布局,这样就打乱了用户原来的浏览进程,同时也使得用户的交互性降低。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的用于图片的呈现方法和装置。
依据本发明的一个方面,提供了一种用于图片的呈现方法,包括:
将各图片单元调整为相同尺寸并以瀑布墙布局方式展示;
在接收到对某一图片单元的放大请求时,获取被请求图片单元的位置信息;
基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示。
可选地,本发明所述方法中,所述基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示,进一步包括:
根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数;
以所述被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元;
在***的空单元区域处放大显示被请求的图片单元。
可选地,本发明所述方法中,所述根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数,进一步包括:
根据所述设定的放大倍数,确定被请求图片单元的横向放大倍数和纵向放大倍数;
以图片单元的原始横向尺寸为基数,根据所述横向放大倍数,确定放大所述图片单元占用的横向单元数;
以图片单元的原始纵向尺寸为基数,根据所述纵向放大倍数,确定放大所述图片单元占用的纵向单元数。
可选地,本发明所述方法中,所述以被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元,进一步包括:
以请求图片单元在瀑布墙布局方式下的横向位置为基准,在所述横向位置及其左侧和/或右侧***满足所述横向单元数的空单元;
以横向***的空单元为基准,向下***满足所述纵向单元数的空单元。
可选地,本发明所述方法中,所述在***的空单元区域处放大显示被请求的图片单元具体包括:将被请求的原图片单元隐藏,并在所述***的空单元区域处生成放大后的图片单元并显示。
可选地,本发明所述方法中,所述在当前浏览进程下对被请求图片单元进行放大显示时,将放大显示所占空间处的各图片单元向下移动或隐藏。
可选地,本发明所述方法进一步包括:接收对被放大图片单元的还原请求,将放大的图片单元进行还原显示。
可选地,本发明所述方法中,所述将放大的图片单元进行还原显示,进一步包括:
获取被放大图片单元的原始位置、以及放大所述图片单元时***的各空单元的***位置;
将还原的图片单元在所述原始位置处显示,将所述***位置处的各空单元销毁,释放占用的空间。
可选地,本发明所述方法进一步包括:
当显示图片的终端页面宽度发生调整时,检测当前是否存在放大的图片单元,若是,则将放大的图片单元还原处理后,对瀑布墙的列数进行调整,并在调整后,将被还原的图片单元重新进行放大处理;否则,直接对瀑布墙的列数进行调整。
可选地,本发明所述方法中,所述图片单元为壁纸站内的图片单元;所述图片单元的单元内容为图片或者为区块化的文字内容。
根据本发明的另一方面,提供了一种用于图片的呈现装置,包括:
尺寸调整单元,适于将各图片单元调整为相同尺寸并以瀑布墙布局方式展示;
信息获取单元,适于在接收到对某一图片单元的放大请求时,获取被请求图片单元的位置信息;
放大处理单元,适于基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示。
可选地,本发明所述装置中,所述放大处理单元,进一步包括:
计算子单元,适于根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数;
***子单元,适于以所述被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元;
放大子单元,适于在***的空单元区域处放大显示被请求的图片单元。
可选地,本发明所述装置中,所述计算子单元,进一步适于根据所述设定的放大倍数,确定被请求图片单元的横向放大倍数和纵向放大倍数,以图片单元的原始横向尺寸为基数,根据所述横向放大倍数,确定放大所述图片单元占用的横向单元数,以及以图片单元的原始纵向尺寸为基数,根据所述纵向放大倍数,确定放大所述图片单元占用的纵向单元数。
可选地,本发明所述装置中,所述***子单元,进一步适于以请求图片单元在瀑布墙布局方式下的横向位置为基准,在所述横向位置及其左侧和/或右侧***满足所述横向单元数的空单元,并以横向***的空单元为基准,向下***满足所述纵向单元数的空单元。
可选地,本发明所述装置中,所述放大子单元,进一步适于将被请求的原图片单元隐藏,并在所述***的空单元区域处生成放大后的图片单元并显示。
可选地,本发明所述装置中,所述放大处理单元,进一步适于在当前浏览进程下对被请求图片单元进行放大显示时,将放大显示所占空间处的各图片单元向下移动或隐藏。
可选地,本发明所述装置还包括:
还原处理单元,适于接收对被放大图片单元的还原请求,将放大的图片单元进行还原显示。
可选地,本发明所述装置中,所述还原处理单元,进一步包括:
信息提取子单元,适于获取被放大图片单元的原始位置、以及放大所述图片单元时***的各空单元的***位置;
还原子单元,适于将还原的图片单元在所述原始位置处显示,将所述***位置处的各空单元销毁,释放占用的空间。
可选地,本发明所述装置还包括:
调整单元,适于当显示图片的终端页面宽度发生调整时,检测当前是否存在放大的图片单元,若是,则将放大的图片单元还原处理后,对瀑布墙的列数进行调整,并在调整后,将被还原的图片单元重新进行放大处理;否则,直接对瀑布墙的列数进行调整。
可选地,本发明所述装置中,所述图片单元为壁纸站内的图片单元;所述图片单元的单元内容为图片或者为区块化的文字内容。
根据本发明的用于图片的呈现方法和装置可以实现在瀑布墙布局展示中,对某一图片单元进行放大/缩小操作且不影响原来的瀑布墙展示和用户交互过程,用户能够在瀑布墙布局模式下,简单方便的查看更多信息。另外,本发明也实现了当页面缩放引起瀑布墙列数发生改变时,不会对放大中的图片单元造成不良影响,能够保证原来浏览进程的正确进行。由此可见本发明很好的解决了现有技术中用于图片的呈现方式存在的缺陷,取得了的有益技术效果。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1为现有技术中瀑布墙局部方式示意图;
图2为本发明实施例一提供的用于图片的呈现方法的流程图;
图3为本发明实施例二提供的用于图片的呈现方法的流程图;
图4为本发明实施例三中选择图片单元的示意图;
图5为本发明实施例三中选择图片单元后确定放大图片单元后所占位置区域的示意图;
图6为本发明实施例三中在瀑布墙布局方式中***空单元后示意图;
图7为本发明实施例三中放大图片单元的效果图;
图8为本发明实施例四提供的用于图片的呈现装置的结构框图;
图9为本发明实施例五提供的用于图片的呈现装置的结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
本发明实施例提供一种用于图片的呈现方法和装置,所述方法和装置结合瀑布墙技术,对现有的瀑布墙方案进行优化,使得在瀑布墙布局展示中,对某一图片单元进行放大操作时,不影响用户当前的浏览进程,使得用户能够在瀑布墙布局模式下,简单方便的查看更多信息。
为了更清楚的阐述本发明实施例所述方法和装置的实现过程,下面通过几个具体实施例进行详细说明。
实施例一
如图2所示,本发明实施例提供一种用于图片的呈现方法,该方法具体包括:
步骤S201,将各图片单元调整为相同尺寸并以瀑布墙布局方式展示;
该步骤中,所述图片单元的单元内容为图片或者为区块化的文字内容;所述图片单元可以为壁纸站内的图片单元。
步骤S202,在接收到对某一图片单元的放大请求时,获取被请求图片单元的位置信息;
步骤S203,基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示。
该步骤具体实现方式为:1)根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数;2)以所述被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元;3)在***的空单元区域处放大显示被请求的图片单元。
所述步骤1)中,根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数,具体实现方式为:
11)根据所述设定的放大倍数,确定被请求图片单元的横向放大倍数和纵向放大倍数;
12)以图片单元的原始横向尺寸为基数,根据所述横向放大倍数,确定放大所述图片单元占用的横向单元数;
13)以图片单元的原始纵向尺寸为基数,根据所述纵向放大倍数,确定放大所述图片单元占用的纵向单元数。
进一步的,所述步骤2)中,所述以被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元,具体实现方式为:以请求图片单元在瀑布墙布局方式下的横向位置为基准,在所述横向位置及其左侧和/或右侧***满足所述横向单元数的空单元;以横向***的空单元为基准,向下***满足所述纵向单元数的空单元。
进一步的,所述步骤3)中,所述在***的空单元区域处放大显示被请求的图片单元具体包括:将被请求的原图片单元隐藏,并在所述***的空单元区域处生成放大后的图片单元并显示。
进一步地,本发明实施例中,所述在当前浏览进程下对被请求图片单元进行放大显示时,将放大显示所占空间处的各图片单元向下移动或隐藏。
综上所述,可见本发明实施例所述方法实现了在瀑布墙布局展示中,对某一图片单元进行放大操作且不影响原来的瀑布墙展示和用户交互过程,用户能够在瀑布墙布局模式下,简单方便的查看更多信息。
实施例二
如图3所示,本发明实施例提供一种用于图片的呈现方法,该方法包括实施例一所有的技术特征,并进一步公开了图片还原处理流程,具体包括如下步骤:
步骤S301,将各图片单元调整为相同尺寸并以瀑布墙布局方式展示;
步骤S302,在接收到对某一图片单元的放大请求时,获取被请求图片单元的位置信息;
步骤S303,基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示。
该步骤的具体实现方式为:1)根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数;2)以所述被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元;3)在***的空单元区域处放大显示被请求的图片单元。
步骤S304,在接收对被放大图片单元的还原请求时,将放大的图片单元进行还原显示。
该步骤中,将放大的图片单元进行还原显示,具体包括:获取被放大图片单元的原始位置、以及放大所述图片单元时***的各空单元的***位置;将还原的图片单元在所述原始位置处显示,将所述***位置处的各空单元销毁,释放占用的空间。
进一步地,本发明实施例中,当显示图片的终端页面宽度发生调整时,检测当前是否存在放大的图片单元,若是,则将放大的图片单元还原处理后,对瀑布墙的列数进行调整,并在调整后,将被还原的图片单元重新进行放大处理;否则,直接对瀑布墙的列数进行调整。
综上所述,可见本发明实施例所述方法实现了在瀑布墙布局展示中,对某一图片单元进行放大和缩小操作且不影响原来的瀑布墙展示和用户交互过程,用户能够在瀑布墙布局模式下,简单方便的查看更多信息。另外,本发明也实现了当页面缩放引起瀑布墙列数发生改变时,不会对放大中的图片单元造成不良影响,能够保证原来浏览进程的正确进行。
实施例三
本发明实施例提供的一种用于图片的呈现方法,该方法是在实施例一、二所述用于图片的呈现方式的基础上,结合具体示例进行的进一步阐述,用以说明本发明中用于图片的呈现的具体过程,当然该示例中所述的具体实现方式并非本发明所述方法的唯一实现方式,其用于解释本发明并不用于唯一限定本发明,具体包括:
步骤1,将壁纸站内各图片单元调整为相同尺寸并以瀑布墙布局方式展示;该步骤中,固定每个图片单元的尺寸,以便在进行放大/缩小操作时能够展示很好的页面效果,防止页面错乱。
步骤2,当用户点击某图片单元时,记录用户当前点击的图片单元在整个内容流的位置,将该图片单元记做A,图片单元位置为x列的y位置;具体效果图如图4所示。
步骤3,根据图片单元横向放大倍数M,内容区总列数(cNum)和单元所在的列数(x),来确定放大后单元的横向展示位置,并根据横向展示位置确定横向要填补的空单元的列数(i,i=M)。
步骤4,根据图片单元纵向放大倍数N和单元所在的位置(y),来确定纵向需要填补的空单元的行数(j,j=N),具体如图5所示。
步骤5,分别在横向和纵向方向上***指定的空单元数,得到图片单元放大区域,具体如图6所示。
该步骤中,得到的放大区域将原图片单元A覆盖,原图片单元A被隐藏;
进一步地,该步骤中,当***空单元后,当前空单元所占空间处的各图片单元向下移动或者被隐藏。
步骤6,在得到的放大区域处,展示放大的单元(Az);展示效果图如图7所示。
进一步地,当放大的图片被缩小时,执行图片缩小流程,该图片缩小流程为上述放大过程的逆过程,即:获取被放大图片单元的原始位置、以及放大所述图片单元时***的各空单元的***位置;将还原的图片单元在所述原始位置处显示,将所述***位置处的各空单元销毁,释放占用的空间。
另外,还需要说明的是,由于瀑布墙页面会根据终端页面的宽度自动调整内容区的列数,所以在页面执行缩放操作时,如果当前有放大单元存在,则先缩小该单元,并记录该单元数据和位置。当页面缩放调整完毕之后,在对记录的单元重新执行放大效果。
综上所述,使用本发明实施例所述方法,用户可以在保留原瀑布墙布局的情况下,使用更大区域来查看图片的细节信息和更多内容,信息展示量增大的同时用户交互成本降低。另外,本发明实施例还充分考虑了页面变化对瀑布墙造成的影响,并做出了相应的处理机制,保证用户浏览的连贯性。
实施例四
如图8所示,本发明实施例提供一种用于图片的呈现装置,该装置具体包括:
尺寸调整单元810,适于将各图片单元调整为相同尺寸并以瀑布墙布局方式展示;
信息获取单元820,适于在接收到对某一图片单元的放大请求时,获取被请求图片单元的位置信息;
放大处理单元830,适于基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示。
其中,放大处理单元830,进一步包括:
计算子单元831,适于根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数;
***子单元832,适于以所述被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元;
放大子单元833,适于在***的空单元区域处放大显示被请求的图片单元。
其中,计算子单元831,进一步适于根据所述设定的放大倍数,确定被请求图片单元的横向放大倍数和纵向放大倍数,以图片单元的原始横向尺寸为基数,根据所述横向放大倍数,确定放大所述图片单元占用的横向单元数,以及以图片单元的原始纵向尺寸为基数,根据所述纵向放大倍数,确定放大所述图片单元占用的纵向单元数。
***子单元832,进一步适于以请求图片单元在瀑布墙布局方式下的横向位置为基准,在所述横向位置及其左侧和/或右侧***满足所述横向单元数的空单元,并以横向***的空单元为基准,向下***满足所述纵向单元数的空单元。
放大子单元833,进一步适于将被请求的原图片单元隐藏,并在所述***的空单元区域处生成放大后的图片单元并显示。
进一步地,放大处理单元830,还适于在当前浏览进程下对被请求图片单元进行放大显示时,将放大显示所占空间处的各图片单元向下移动或隐藏。
综上所述,可见本发明实施例所述装置实现了在瀑布墙布局展示中,对某一图片单元进行放大操作且不影响原来的瀑布墙展示和用户交互过程,用户能够在瀑布墙布局模式下,简单方便的查看更多信息。
实施例五
如图9所示,本发明实施例还提供一种用于图片的呈现装置,该装置包括实施例四所有的技术特征,并进一步公开了图片还原处理方式,具体包括:尺寸调整单元910、信息获取单元920、放大处理单元930和还原处理单元940;
尺寸调整单元910,适于将各图片单元调整为相同尺寸并以瀑布墙布局方式展示;
信息获取单元920,适于在接收到对某一图片单元的放大请求时,获取被请求图片单元的位置信息;
放大处理单元930,适于基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示。
该放大处理单元930,进一步包括:
计算子单元931,适于根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数;
***子单元932,适于以所述被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元;
放大子单元933,适于在***的空单元区域处放大显示被请求的图片单元。
还原处理单元940,适于接收对被放大图片单元的还原请求,将放大的图片单元进行还原显示。
具体的,该还原处理单元940,进一步包括:
信息提取子单元941,适于获取被放大图片单元的原始位置、以及放大所述图片单元时***的各空单元的***位置;
还原子单元942,适于将还原的图片单元在所述原始位置处显示,将所述***位置处的各空单元销毁,释放占用的空间。
优选地,本发明实施例所述装置还包括:调整单元950,适于当显示图片的终端页面宽度发生调整时,检测当前是否存在放大的图片单元,若是,则将放大的图片单元还原处理后,对瀑布墙的列数进行调整,并在调整后,将被还原的图片单元重新进行放大处理;否则,直接对瀑布墙的列数进行调整。
综上所述,可见本发明实施例所述装置实现了在瀑布墙布局展示中,对某一图片单元进行放大和缩小操作且不影响原来的瀑布墙展示和用户交互过程,用户能够在瀑布墙布局模式下,简单方便的查看更多信息。另外,本发明也实现了当页面缩放引起瀑布墙列数发生改变时,不会对放大中的图片单元造成不良影响,能够保证原来浏览进程的正确进行。
在此提供的算法和显示不与任何特定计算机、虚拟***或者其它设备固有相关。各种通用***也可以与基于在此的示教一起使用。根据上面的描述,构造这类***所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的用于图片的呈现装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (10)
1.一种用于图片的呈现方法,其特征在于,包括:
将各图片单元调整为相同尺寸并以瀑布墙布局方式展示;
在接收到对某一图片单元的放大请求时,获取被请求图片单元的位置信息;
基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示。
2.如权利要求1所述的方法,其特征在于,所述基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示,进一步包括:
根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数;
以所述被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元;
在***的空单元区域处放大显示被请求的图片单元。
3.如权利要求2所述的方法,其特征在于,所述根据设定的放大倍数,计算放大所述被请求图片单元占用的横向单元数和纵向单元数,进一步包括:
根据所述设定的放大倍数,确定被请求图片单元的横向放大倍数和纵向放大倍数;
以图片单元的原始横向尺寸为基数,根据所述横向放大倍数,确定放大所述图片单元占用的横向单元数;
以图片单元的原始纵向尺寸为基数,根据所述纵向放大倍数,确定放大所述图片单元占用的纵向单元数。
4.如权利要求2所述的方法,其特征在于,所述以被请求图片单元的位置为基准,分别在横向和纵向上***满足对应单元数且覆盖所述被请求图片单元的多个空单元,进一步包括:
以请求图片单元在瀑布墙布局方式下的横向位置为基准,在所述横向位置及其左侧和/或右侧***满足所述横向单元数的空单元;
以横向***的空单元为基准,向下***满足所述纵向单元数的空单元。
5.如权利要求2至4任一项所述的方法,其特征在于,所述在***的空单元区域处放大显示被请求的图片单元具体包括:将被请求的原图片单元隐藏,并在所述***的空单元区域处生成放大后的图片单元并显示。
6.如权利要求1至4任一项所述的方法,其特征在于,所述在当前浏览进程下对被请求图片单元进行放大显示时,将放大显示所占空间处的各图片单元向下移动或隐藏。
7.如权利要求2所述的方法,其特征在于,所述方法进一步包括:接收对被放大图片单元的还原请求,将放大的图片单元进行还原显示。
8.如权利要求7所述的方法,其特征在于,所述将放大的图片单元进行还原显示,进一步包括:
获取被放大图片单元的原始位置、以及放大所述图片单元时***的各空单元的***位置;
将还原的图片单元在所述原始位置处显示,将所述***位置处的各空单元销毁,释放占用的空间。
9.如权利要求7或8所述的方法,其特征在于,所述方法进一步包括:
当显示图片的终端页面宽度发生调整时,检测当前是否存在放大的图片单元,若是,则将放大的图片单元还原处理后,对瀑布墙的列数进行调整,并在调整后,将被还原的图片单元重新进行放大处理;否则,直接对瀑布墙的列数进行调整。
10.一种用于图片的呈现装置,其特征在于,包括:
尺寸调整单元,适于将各图片单元调整为相同尺寸并以瀑布墙布局方式展示;
信息获取单元,适于在接收到对某一图片单元的放大请求时,获取被请求图片单元的位置信息;
放大处理单元,适于基于设定的放大倍数,以被请求图片单元的位置为基准,在当前浏览进程下对被请求图片单元进行放大显示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510482096.4A CN105159939B (zh) | 2012-11-19 | 2012-11-19 | 一种用于图片的呈现方法和装置 |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510482096.4A CN105159939B (zh) | 2012-11-19 | 2012-11-19 | 一种用于图片的呈现方法和装置 |
CN201210468160.XA CN103020127B (zh) | 2012-11-19 | 2012-11-19 | 用于图片的呈现方法和装置 |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210468160.XA Division CN103020127B (zh) | 2012-11-19 | 2012-11-19 | 用于图片的呈现方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105159939A true CN105159939A (zh) | 2015-12-16 |
CN105159939B CN105159939B (zh) | 2019-03-08 |
Family
ID=47968731
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510482096.4A Active CN105159939B (zh) | 2012-11-19 | 2012-11-19 | 一种用于图片的呈现方法和装置 |
CN201210468160.XA Active CN103020127B (zh) | 2012-11-19 | 2012-11-19 | 用于图片的呈现方法和装置 |
Family Applications After (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210468160.XA Active CN103020127B (zh) | 2012-11-19 | 2012-11-19 | 用于图片的呈现方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (2) | CN105159939B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104461267A (zh) * | 2013-09-16 | 2015-03-25 | 联想(北京)有限公司 | 界面中显示可交互对象的方法及装置 |
CN103546820B (zh) * | 2013-10-30 | 2017-03-15 | 乐视致新电子科技(天津)有限公司 | 云电视图片展示方法及装置 |
CN104238888B (zh) * | 2014-09-18 | 2019-06-07 | 努比亚技术有限公司 | 一种移动终端及其全局查看图片的方法和装置 |
CN106874485A (zh) * | 2017-02-20 | 2017-06-20 | 郑州云海信息技术有限公司 | 一种图片呈现的方法以及图片呈现装置 |
CN111125571B (zh) * | 2018-10-11 | 2024-02-20 | 杭州海康存储科技有限公司 | 图片显示方法及装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW200603624A (en) * | 2004-07-15 | 2006-01-16 | Skanhex Technology Inc | Display method and preview method for display apparatus |
CN101430702A (zh) * | 2007-11-05 | 2009-05-13 | 株式会社理光 | 图像显示设备、图像显示方法和图像显示*** |
US20110043651A1 (en) * | 2009-08-21 | 2011-02-24 | Osamu Nonaka | Camera and display control method of the same |
US20120059818A1 (en) * | 2010-09-07 | 2012-03-08 | Samsung Electronics Co., Ltd. | Display apparatus and displaying method of contents |
CN102999599B (zh) * | 2012-11-19 | 2015-10-07 | 北京奇虎科技有限公司 | 一种图片展示方法和装置 |
-
2012
- 2012-11-19 CN CN201510482096.4A patent/CN105159939B/zh active Active
- 2012-11-19 CN CN201210468160.XA patent/CN103020127B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW200603624A (en) * | 2004-07-15 | 2006-01-16 | Skanhex Technology Inc | Display method and preview method for display apparatus |
CN101430702A (zh) * | 2007-11-05 | 2009-05-13 | 株式会社理光 | 图像显示设备、图像显示方法和图像显示*** |
US20110043651A1 (en) * | 2009-08-21 | 2011-02-24 | Osamu Nonaka | Camera and display control method of the same |
US20120059818A1 (en) * | 2010-09-07 | 2012-03-08 | Samsung Electronics Co., Ltd. | Display apparatus and displaying method of contents |
CN102999599B (zh) * | 2012-11-19 | 2015-10-07 | 北京奇虎科技有限公司 | 一种图片展示方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN103020127A (zh) | 2013-04-03 |
CN105159939B (zh) | 2019-03-08 |
CN103020127B (zh) | 2015-09-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102999599B (zh) | 一种图片展示方法和装置 | |
KR101159788B1 (ko) | 웹페이지를 이용한 인터넷 광고방법과 광고시스템 | |
CN103020127B (zh) | 用于图片的呈现方法和装置 | |
US8996981B2 (en) | Managing forms in electronic documents | |
CN104679906A (zh) | 利用图片生成链接的方法及*** | |
CN104360882A (zh) | 一种浏览器中对网页中图片进行显示方法和装置 | |
CN106469047A (zh) | 一种表单实现方法及装置 | |
CN104238897A (zh) | 一种菜单项显示方法及装置 | |
CN104395884A (zh) | 用于网页应用程序和浏览器扩展的数据存储层级 | |
CN109960491A (zh) | 应用程序生成方法、生成装置、电子设备及存储介质 | |
JP6975339B2 (ja) | デジタルコンポーネントのバックドロップレンダリング | |
CN109145272B (zh) | 文本渲染和布局方法、装置、设备和存储介质 | |
CN104361082A (zh) | 一种浏览器中对网页中指定元素进行显示的方法和装置 | |
CN104794116A (zh) | 一种页面中元素的布局方法和装置 | |
CN104021016A (zh) | 加载浏览器插件图标的方法及浏览器 | |
CN107526592A (zh) | 一种页面适配方法和装置 | |
US9268875B2 (en) | Extensible content focus mode | |
CN102760131A (zh) | 一种网络相册的展示方法及*** | |
CN102629254A (zh) | 图片快速读取方法 | |
CN105989166A (zh) | 瀑布流式显示对象的方法、装置、***及电子设备 | |
KR101797573B1 (ko) | 웹 기반의 스프레드시트 서비스 제공 장치 및 방법 | |
CN107391534A (zh) | 页面显示、页面文件返回方法及装置、计算机存储介质 | |
CN102254023A (zh) | 一种网页页面编辑的方法及装置 | |
CN104679767A (zh) | 依据可视区域在网页中显示图片的***及其方法 | |
CN103200266B (zh) | 对网络应用进行管理的方法、网络应用管理器及*** |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20220725 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |