CN111754407A - 图像展示的布局方法、装置、设备以及存储介质 - Google Patents
图像展示的布局方法、装置、设备以及存储介质 Download PDFInfo
- Publication number
- CN111754407A CN111754407A CN202010593565.0A CN202010593565A CN111754407A CN 111754407 A CN111754407 A CN 111754407A CN 202010593565 A CN202010593565 A CN 202010593565A CN 111754407 A CN111754407 A CN 111754407A
- Authority
- CN
- China
- Prior art keywords
- size
- display
- display areas
- displayed
- image
- 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
- 238000000034 method Methods 0.000 title claims abstract description 34
- 230000015654 memory Effects 0.000 claims description 20
- 238000005549 size reduction Methods 0.000 claims description 4
- 239000000126 substance Substances 0.000 claims description 2
- 238000013135 deep learning Methods 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000003321 amplification Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 238000003199 nucleic acid amplification method Methods 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- 238000004904 shortening Methods 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformation in the plane of the image
- G06T3/40—Scaling the whole image or part thereof
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了图像展示的布局方法、装置、设备以及存储介质,涉及计算机视觉、深度学习领域。具体实现方案为:根据预定规则,确定展示页面的多个展示区域以及多个展示区域中每个展示区域的尺寸;基于展示区域的尺寸确定所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过阈值的情况下,对确定的展示区域的数量以及展示区域的尺寸进行调整;基于调整后的展示区域的数量以及调整后的展示区域的尺寸,在展示区域展示待展示图像。通过对各个待展示图像缩放比例的检测以及对应调整,满足各个待展示图像的缩放比例都小于阈值,解决了图像布局中图像被放大后不清晰的问题,提高了用户的看图体验。
Description
技术领域
本申请涉及图像处理领域,尤其涉及计算机视觉、深度学习领域。
背景技术
图像是互联网中非常重要的承载信息的一种载体,很多情况下都需要批量展示图像,通过图像布局可将尺寸不一的图像有序整齐的展示在页面上。但相关技术中,为了达到有序整齐的效果会将尺寸较小的图像放大从而导致图像不清晰,导致用户体验不佳。
发明内容
本申请提供了一种图像展示的布局方法、装置、设备以及存储介质。
根据本申请的一方面,提供了一种图像展示的布局方法,包括:
根据预定规则,确定展示页面的多个展示区域以及多个展示区域中每个展示区域的尺寸;
基于展示区域的尺寸确定所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过阈值的情况下,对确定的展示区域的数量以及展示区域的尺寸进行调整;
基于调整后的展示区域的数量以及调整后的展示区域的尺寸,在展示区域展示待展示图像。
根据本申请的另一方面,提供了一种图像展示的布局装置,包括:
展示区域布局模块,用于根据预定规则,确定展示页面的多个展示区域以及多个展示区域中每个展示区域的尺寸;
布局调整模块,用于基于展示区域的尺寸确定所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过阈值的情况下,对确定的展示区域的数量以及展示区域的尺寸进行调整;
展示模块,用于基于调整后的展示区域的数量以及调整后的展示区域的尺寸,在展示区域展示待展示图像。
根据本申请的第三方面,本申请实施例提供一种电子设备,包括:
至少一个处理器;以及
与至少一个处理器通信连接的存储器;其中,
存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行本申请任意一项实施例所提供的方法。
根据本申请的第四方面,本申请实施例提供一种存储有计算机指令的非瞬时计算机可读存储介质,计算机指令用于使计算机执行本申请任意一项实施例所提供的方法。
根据本申请的技术方案,通过对各个待展示图像缩放比例的检测以及对应调整,满足各个待展示图像的缩放比例都小于阈值,解决了图像布局中图像被放大后不清晰的问题,提高了用户的看图体验。
应当理解,本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征,也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1是根据本申请第一实施例图像展示的布局方法的流程图;
图2是根据本申请第一实施例的图像展示布局示意图;
图3是根据本申请第一实施例的图像展示布局示意图;
图4是根据本申请第一实施例的调整展示列数和展示宽度的流程图;
图5是根据本申请第一实施例的调整展示列数和展示宽度的流程图;
图6是根据本申请第一实施例的确定展示列数和展示宽度的流程图;
图7是根据本申请第一实施例的确定展示列数和展示宽度的流程图;
图8是根据本申请第一实施例的展示待展示图像的流程图;
图9是根据本申请第二实施例的图像展示的布局流程;
图10是根据本申请第三实施例的图像展示的布局装置的示意图;
图11是用来实现本申请实施例的图像展示的布局方法的电子设备的框图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
如图1所示,本申请实施例提供一种图像展示的布局方法,包括以下步骤:
S101:根据预定规则,确定展示页面的多个展示区域以及多个展示区域中每个展示区域的尺寸;
S102:基于展示区域的尺寸确定所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过阈值的情况下,对确定的展示区域的数量以及展示区域的尺寸进行调整;
S103:基于调整后的展示区域的数量以及调整后的展示区域的尺寸,在展示区域展示待展示图像。
本申请实施例的方案可以用在图像展示场景,例如在接收到用户的图像搜索请求的情况下,在展示页面展示与该搜索请求对应的多个图像。利用预定规则,可以确定展示页面的多个展示区域以及所述多个展示区域中每个展示区域的尺寸。
在本申请实施例中,展示区域可以是展示行或者展示列的形式。在以下实施例中,以展示区域为展示列为例进行说明。展示行的原理与展示列相同。
例如,共有M幅待展示图像,可以计算出M幅待展示图像的平均实际宽度,以该平均实际宽度作为基准,调整每个待展示图像的尺寸。即,基于该平均宽度对每个待展示图像进行缩放,满足每个待展示图像具有统一的展示宽度。其中,平均实际宽度可以是以分辨率为单位(后文实施例中的单位相同,不再赘述)。例如第一幅图像的分辨率为220*230,则该图像的实际宽度为220。统一的展示宽度可以是所有待展示图像在展示时,通过缩放调整得到的相同的展示宽度。统一的展示宽度可以作为展示区域的尺寸数据。不难理解,在展示区域为展示行时,可以采用统一的展示高度作为展示区域的尺寸数据。另外,待展示图像的展示宽度或者待展示图像的实际分辨率以及缩放后的分辨率,可以称为待展示图像的尺寸。
根据展示页面的总宽度和统一的展示宽度可以确定展示列数,即确定展示区域的数量。在确定展示列数时,还可以进一步考虑每列之间的间隔。
基于统一的展示宽度对各待展示图像进行缩放。结合图2所示,例如,展示页面的总宽度为1200,每列之间的间隔为20,计算得到的统一的展示宽度为280,由此可以确定出展示列数为4列。
例如,第一待展示图像的实际分辨率为220*230,第二待展示图像的实际分辨率为130*220。需要分别对上述二幅待展示图像进行放大处理,放大后的第一待展示图像的展示分辨率为280*292,放大后的第二待展示图像的展示分辨率为280*473。
需要说明的是,对于待展示图像的宽度大于统一的展示宽度的情况,需要对待展示图像进行缩小处理。在缩小处理的情况下,不会产生图像不清晰的问题。因此可以直接基于统一的展示宽度进行缩小即可,在本申请实施例中不再赘述。
一般情况下,可以将阈值设定为2。即在将待展示图像放大2倍以内的情况下,待展示图像不会过度损失清晰度。在待展示图像放大超过2倍的情况下,则待展示图像会因为失真而导致清晰度较差。
在前述示例中,第一待展示图像的缩放比例为1.2,其缩放比例符合要求。第二待展示图像的缩放比例为2.15,超过阈值。在此情况下,可以对展示区域的数量以及展示区域的尺寸进行调整,即对展示列数以及统一的展示宽度进行调整。
例如,可以通过增加展示列数的方式进行调整。通过增加展示列数,并适应性的调整统一的展示宽度,即缩短展示列的宽度,从而实现降低缩放比例。
如前所述,由于本申请实施例暂时无需考虑由于图像缩小导致不清晰的情况,因此对于展示列数的调整可以只采用增加的方式进行处理。
结合图3所示,例如,可以将展示列数增加至5列,则统一的展示宽度可以对应调整为220(展示页面的总宽度÷展示列数-每列之间的间隔,带入实际数据可以表示为1200÷5-20=220)。在统一的展示宽度为220的情况下,第一待展示图像无需进行放大处理,其实际分辨率即为展示分辨率。而放大后的第二待展示图像的分辨率为220*372。在此情况下,第二待展示图像的缩放比例约为1.7,小于阈值。基于此可以确认第二展示图像放大1.7倍后不会产生清晰度很差的情况。
按照上述方式,通过调整展示列数和统一的展示宽度,以满足所有待展示图像的缩放比例小于阈值。基于调整后的展示区域的数量(展示列数)以及调整后的展示区域的尺寸(统一的展示宽数),在展示区域展示所有待展示图像。
通过上述方案,通过对各个待展示图像缩放比例的检测以及对应调整,满足各个待展示图像的缩放比例都小于阈值,由此可以减少图像布局中图像被放大后不清晰的情况,在保证图像有序整齐的情况下,提高用户的看图体验。
如图4所示,在一种实施方式中,步骤S102中,对展示区域的数量以及展示区域的尺寸进行调整,包括:
S1021:增加展示区域的数量,得到第一数量;
S1022:根据第一数量减小展示区域的尺寸,得到第一尺寸;
S1023:基于第一尺寸确定所有待展示图像中每个待展示图像的缩放比例,在缩放比例未超过阈值的情况下,确定第一数量和第一尺寸为调整后的展示区域的数量以及调整后的展示区域的尺寸。
仍以展示区域为展示列为例进行说明。展示区域的数量可以为展示列数。展示列数每次调整可以增加1列。调整展示列数后,根据展示页面的总宽度、展示列数以及各展示列之间的间隔减小展示区域的尺寸,得到第一尺寸,即对应各待展示图像统一的第一展示宽度。
D1=D÷N-d —— (1)
上述公式(1)中,D1可以表示各待展示图像统一的第一展示宽度,D可以表示展示页面的总宽度,N可以表示展示列数,d可以表示各展示列之间的间隔。
通过上述公式(1)可以得到各待展示图像统一的第一展示宽度。基于统一的第一展示宽度确定所有待展示图像的缩放比例。
在缩放比例小于阈值的情况下,表示待展示图像不存在因为过度放大而导致不清晰的情况。基于此,可以以第一展示列数和第一展示宽度为调整后的展示列数以及调整后的统一的展示宽度。
通过上述方案,可以使得第一展示列数和第一展示宽度是合适各待展示图像的,满足各待展示图像不会因为过度放大而导致不清晰的情况。
如图5所示,在一种实施方式中,步骤S102中,对对展示区域的数量以及展示区域的尺寸进行调整,包括:
S1024:增加展示区域的数量,得到第一数量;
S1025:根据第一数量减小展示区域的尺寸,得到第一尺寸;
S1026:基于第一尺寸确定所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过阈值的情况下,继续增加第一数量以及减小第一尺寸,直至缩放比例未超过阈值结束。
步骤S1024和步骤S1025与图4中所对应的步骤S1021和步骤S1022相同,不再赘述。
在经过展示区域的数量调整后,获取各待展示图像的缩放比例。在存在缩放比例大于阈值的情况下,表示仍然有待展示图像因为过度放大而导致不清晰的问题。基于此,可以继续增加展示区域的数量,即继续增加展示列数。将增加后的展示列数作为第一展示列数,重复执行前述步骤S1025,即继续根据第一展示列数缩短统一的展示宽度,直至各待展示图像的缩放比例均不大于阈值。
通过上述方案,可以通过循环调整的方式,最终使得调整结果(第一展示列数和第一展示宽度)是合适各待展示图像的,满足各待展示图像不会因为过度放大而导致不清晰的情况。
如图6所示,在一种实施方式中,步骤S101,包括:
S1011:根据所有待展示图像的实际尺寸,确定展示尺寸的代表值;
S1012:根据展示页面的尺寸、预定的展示区域的数量的可选范围以及展示尺寸的代表值,确定展示区域的数量以及展示区域的尺寸。
仍以展示列数为展示区域的数量为例,结合图7所示,上述过程具体为:
以待展示图像的宽度作为待展示图像的尺寸,根据所有图像的实际宽度确定展示宽度的代表值。
展示宽度的代表值可以采用各待展示图像的实际宽度的平均值。
另外,还可以预先统计待展示图像的数量,将各待展示图像依照图像的实际宽度从大至小进行排序。可以预先设定一参数,该参数的取值范围可以从0至100%。较佳的,该参数可以取值为80%。将该参数与待展示图像的数量相乘,得到索引数据。例如待展示图像的数量为28幅,则28*0.8=22.4。通过取整数,可以将实际宽度从大至小排在第22位的图像的实际宽度作为展示宽度的代表值。示例性的,排在第22位的图像的实际宽度为147。则可以将147作为展示宽度的代表值。
确定展示列数。
根据展示页面的总宽度、预定的展示列数可选范围以及展示宽度的代表值,即可确定出展示列数。例如,展示页面的总宽度为1200,预定的展示列数可选范围为3列至9列。则确定的展示列数可以为3至9。
判断确定的展示列数是否不大于展示列数最大允许值,在是的情况下,展示列数+1;否则将确定的列数作为展示列数。
展示列数可以从3开始,3小于9,因此可以进行后续步骤。
判断每列宽度是否不小于展示宽度的代表值,在是的情况下,对展示列数+1,否则确认展示列数。
在展示列数为3的情况下,每列宽度为400,由于400>147,因此将展示列数+1。进一步的,可以将各展示列的间距计算在内,则每列宽度为380,依然大于147。
在展示列数为4的情况下,每列宽度为280,由于280>147,因此将展示列数+1。以此类推,当展示列数为8时,每列宽度为130,由于130<147,因此可以确定展示列数为8列。即,将确定的列数作为展示列数。同时可以确认展示宽度为280。
通过上述方案,可以实现对于初始展示区域的数量和初始统一的尺寸的确定。
如图8所示,在一种实施方式中,步骤S103,包括:
S1031:在各展示区域中获取留白最多的展示区域;
S1032:将待展示图像放入所述留白最多的展示区域。
起始状态下,各展示区域的均未插入待展示图像,因此留白相同。
仍采用图3所对应的展示列示例,根据展示宽度220,进行缩放调整的情况下,第一个待展示图像的展示分辨率为220*230,第二个待展示图像的展示分辨率为220*372。根据图像实际尺寸计算缩放比例。第一个待展示图像的缩放比例为1.2,第二个待展示图像的缩放比例为1.7,均符合阈值。
可以将第一个待展示图像插入任意一个展示列,例如插入第一展示列。在此情况下,第一展示列的高度为230,留白减少。此时第二至第五展示列均可以作为留白最多的展示列。可以将第二个待展示图像插入第二至第五任意一个展示列,例如第二展示列。此时第三至第五展示列均可以作为留白最多的展示列。以此类推,直至所有图像均插入各展示列,完成各待展示图像的布局。
通过上述方案,可以使各展示区域的展示情况相近,使得展示更加整齐,提升用户的看图体验。
如图9所示为在一种实施方式中的以展示列为例的图像展示的布局流程,包括以下步骤:
S901:各展示列的初始高度为0。
在确定展示列数后,初始状态下,各展示列的高度都为0。初始状态即为未插入图像的状态。
S902:进行图像处理。
可以将各待展示图像分别进行缩放以及插入展示列等处理。
S903:判断是否还有未处理的图像,在是的情况下,进入步骤S904;否则进入步骤S909结束流程。
S904:将当前待展示图像插入高度最低的展示列。
S905:计算缩放比例。
如前文所述,缩放比例可以根据图像的实际宽度与展示宽度进行计算。
S906:判断缩放比例是否大于阈值,在是的情况下,进入步骤S907;否则进入步骤S908。
当缩放比例大于阈值,表示当前待展示图像存在失真的情况,基于此,可以进入步骤S907。
S907:展示列数+1。
执行完本步骤后,跳转回步骤S901,重新确定各图像是否可以顺利插入展示列。
S908:更新展示列的高度。
在缩放比例不大于阈值的情况下,表示当前待展示图像可以顺利插入展示列。由此可以更新展示列的高度。执行完本步骤后,跳转回步骤S902。
如图10所示,本申请实施例提供一种图像展示的布局装置,包括:
展示区域布局模块1001,用于根据预定规则,确定展示页面的多个展示区域以及多个展示区域中每个展示区域的尺寸;
布局调整模块1002,用于基于展示区域的尺寸确定所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过阈值的情况下,对确定的展示区域的数量以及展示区域的尺寸进行调整;
展示模块1003,用于基于调整后的展示区域的数量以及调整后的展示区域的尺寸,在展示区域展示待展示图像。
在一种实施方式中,布局调整模块1002,包括:
第一数量增加子模块10021,用于增加展示区域的数量,得到第一数量;
第一尺寸减少子模块10022,用于根据第一数量减小展示区域的尺寸,得到第一尺寸;
第一布局调整执行子模块10023,用于基于第一尺寸确定所有待展示图像中每个待展示图像的缩放比例,在缩放比例未超过阈值的情况下,确定第一数量和第一尺寸为调整后的展示区域的数量以及调整后的展示区域的尺寸。
在一种实施方式中,布局调整模块1002,包括:
第二数量增加子模块10024,用于增加展示区域的数量,得到第一数量;
第二尺寸减少子模块10025,用于根据第一数量减小展示区域的尺寸,得到第一尺寸;
第二布局调整执行子模块10026,用于基于第一尺寸确定所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过阈值的情况下,继续增加第一数量以及减小第一尺寸,直至缩放比例未超过阈值结束。
在一种实施方式中,展示区域布局模块1001,包括:
尺寸代表值确定子模块10011,用于根据所有待展示图像的实际尺寸,确定展示尺寸的代表值;
展示布局确定子模块10012,用于根据展示页面的尺寸、预定的展示区域的数量的可选范围以及展示尺寸的代表值,确定展示区域的数量以及展示区域的尺寸。
在一种实施方式中,展示模块1003,包括:
留白获取子模块10031,用于在各展示区域中获取留白最多的展示区域;
待展示图像放置子模块10032,用于将待展示图像放入留白最多的展示区域。
根据本申请的实施例,本申请还提供了一种电子设备和一种可读存储介质。
如图11所示,是根据本申请实施例的图像展示的布局方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图11所示,该电子设备包括:一个或多个处理器1110、存储器1120,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图11中以一个处理器1110为例。
存储器1120即为本申请所提供的非瞬时计算机可读存储介质。其中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至少一个处理器执行本申请所提供的图像展示的布局方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的图像展示的布局方法。
存储器1120作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例中的图像展示的布局方法对应的程序指令/模块(例如,附图10所示的展示区域布局模块1001、布局调整模块1102和展示模块1003)。处理器1110通过运行存储在存储器1120中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的图像展示的布局方法。
存储器1120可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据图像展示的布局方法的电子设备的使用所创建的数据等。此外,存储器1120可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器1120可选包括相对于处理器1110远程设置的存储器,这些远程存储器可以通过网络连接至图像展示的布局方法的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
图像展示的布局方法的电子设备还可以包括:输入装置1130和输出装置1140。处理器1110、存储器1120、输入装置1130和输出装置1140可以通过总线或者其他方式连接,图11中以通过总线连接为例。
输入装置1130可接收输入的数字或字符信息,以及产生与图像展示的布局方法的电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置1140可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与VPS服务中,存在的管理难度大,业务扩展性弱的缺陷。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。
Claims (12)
1.一种图像展示的布局方法,包括:
根据预定规则,确定展示页面的多个展示区域以及所述多个展示区域中每个展示区域的尺寸;
基于所述展示区域的尺寸确定所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过阈值的情况下,对确定的展示区域的数量以及展示区域的尺寸进行调整;
基于调整后的展示区域的数量以及调整后的展示区域的尺寸,在所述展示区域展示所述待展示图像。
2.根据权利要求1所述的方法,其中,对所述展示区域的数量以及展示区域的尺寸进行调整,包括:
增加展示区域的数量,得到第一数量;
根据所述第一数量减小所述展示区域的尺寸,得到第一尺寸;
基于所述第一尺寸确定所述所有待展示图像中每个待展示图像的缩放比例,在缩放比例未超过所述阈值的情况下,确定所述第一数量和所述第一尺寸为所述调整后的展示区域的数量以及调整后的展示区域的尺寸。
3.根据权利要求1所述的方法,其中,对所述展示区域的数量以及展示区域的尺寸进行调整,包括:
增加展示区域的数量,得到第一数量;
根据所述第一数量减小所述展示区域的尺寸,得到第一尺寸;
基于所述第一尺寸确定所述所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过所述阈值的情况下,继续增加所述第一数量以及减小所述第一尺寸,直至所述缩放比例未超过所述阈值结束。
4.根据权利要求1所述的方法,其中,所述根据预定规则,确定展示页面的多个展示区域以及所述多个展示区域中每个展示区域的尺寸,包括:
根据所述所有待展示图像的实际尺寸,确定展示尺寸的代表值;
根据所述展示页面的尺寸、预定的展示区域的数量的可选范围以及所述展示尺寸的代表值,确定所述展示区域的数量以及所述展示区域的尺寸。
5.根据权利要求1所述的方法,其中,所述在所述展示区域展示所述各待展示图像,包括:
在各展示区域中获取留白最多的展示区域;
将待展示图像放入所述留白最多的展示区域。
6.一种图像展示的布局装置,包括:
展示区域布局模块,用于根据预定规则,确定展示页面的多个展示区域以及所述多个展示区域中每个展示区域的尺寸;
布局调整模块,用于基于所述展示区域的尺寸确定所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过阈值的情况下,对确定的展示区域的数量以及展示区域的尺寸进行调整;
展示模块,用于基于调整后的展示区域的数量以及调整后的展示区域的尺寸,在所述展示区域展示所述待展示图像。
7.根据权利要求6所述的装置,其中,所述布局调整模块,包括:
第一数量增加子模块,用于增加展示区域的数量,得到第一数量;
第一尺寸减少子模块,用于根据所述第一数量减小所述展示区域的尺寸,得到第一尺寸;
第一布局调整执行子模块,用于基于所述第一尺寸确定所述所有待展示图像中每个待展示图像的缩放比例,在缩放比例未超过所述阈值的情况下,确定所述第一数量和所述第一尺寸为所述调整后的展示区域的数量以及调整后的展示区域的尺寸。
8.根据权利要求6所述的装置,其中,所述布局调整模块,包括:
第二数量增加子模块,用于增加展示区域的数量,得到第一数量;
第二尺寸减少子模块,用于根据所述第一数量减小所述展示区域的尺寸,得到第一尺寸;
第二布局调整执行子模块,用于基于所述第一尺寸确定所述所有待展示图像中每个待展示图像的缩放比例,在出现缩放比例超过所述阈值的情况下,继续增加所述第一数量以及减小所述第一尺寸,直至所述缩放比例未超过所述阈值结束。
9.根据权利要求6所述的装置,其中,所述展示区域布局模块,包括:
尺寸代表值确定子模块,用于根据所述所有待展示图像的实际尺寸,确定展示尺寸的代表值;
展示布局确定子模块,用于根据所述展示页面的尺寸、预定的展示区域的数量的可选范围以及所述展示尺寸的代表值,确定所述展示区域的数量以及所述展示区域的尺寸。
10.根据权利要求6所述的装置,其中,所述展示模块,包括:
留白获取子模块,用于在各展示区域中获取留白最多的展示区域;
待展示图像放置子模块,用于将待展示图像放入所述留白最多的展示区域。
11.一种电子设备,其特征在于,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1至5中任一项所述的方法。
12.一种存储有计算机指令的非瞬时计算机可读存储介质,其特征在于,所述计算机指令用于使所述计算机执行权利要求1至5中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010593565.0A CN111754407B (zh) | 2020-06-27 | 2020-06-27 | 图像展示的布局方法、装置、设备以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010593565.0A CN111754407B (zh) | 2020-06-27 | 2020-06-27 | 图像展示的布局方法、装置、设备以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111754407A true CN111754407A (zh) | 2020-10-09 |
CN111754407B CN111754407B (zh) | 2024-03-01 |
Family
ID=72677304
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010593565.0A Active CN111754407B (zh) | 2020-06-27 | 2020-06-27 | 图像展示的布局方法、装置、设备以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111754407B (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112016548A (zh) * | 2020-10-15 | 2020-12-01 | 腾讯科技(深圳)有限公司 | 一种封面图展示方法及相关装置 |
CN112581589A (zh) * | 2020-12-28 | 2021-03-30 | 深圳市优必选科技股份有限公司 | 一种视图列表布局方法、装置、设备及存储介质 |
CN113449222A (zh) * | 2021-06-17 | 2021-09-28 | 青岛海尔科技有限公司 | 图片展示方法、图片展示装置和电子设备 |
CN114092495A (zh) * | 2021-11-29 | 2022-02-25 | 阿里巴巴(中国)有限公司 | 图像展示方法、电子设备、存储介质及程序产品 |
CN114428594A (zh) * | 2022-01-24 | 2022-05-03 | 北京百度网讯科技有限公司 | 图像显示方法、装置、电子设备及存储介质 |
CN114995708A (zh) * | 2022-06-09 | 2022-09-02 | 北京火山引擎科技有限公司 | 一种图像展示方法、装置、设备、介质及产品 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110074824A1 (en) * | 2009-09-30 | 2011-03-31 | Microsoft Corporation | Dynamic image presentation |
CN103530845A (zh) * | 2013-10-19 | 2014-01-22 | 深圳市晶日盛科技有限公司 | 一种改进的图像缩放方法 |
US8817050B1 (en) * | 2007-10-26 | 2014-08-26 | Google Inc. | N-patch image resizing |
CN104679466A (zh) * | 2013-11-29 | 2015-06-03 | 腾讯科技(深圳)有限公司 | 一种图像显示方法、装置及电子设备 |
WO2016112823A1 (en) * | 2015-01-16 | 2016-07-21 | Beijing Zhigu Rui Tuo Tech Co., Ltd. | Display control methods and apparatuses, display devices |
CN106204711A (zh) * | 2016-06-29 | 2016-12-07 | 深圳开立生物医疗科技股份有限公司 | 一种三维容积图像处理方法和系统 |
CN107688427A (zh) * | 2017-08-30 | 2018-02-13 | 浙江大华技术股份有限公司 | 一种图像显示方法及装置 |
CN107750369A (zh) * | 2015-06-17 | 2018-03-02 | 三星电子株式会社 | 用于显示多个图像的电子设备和用于处理图像的方法 |
CN110032700A (zh) * | 2019-04-04 | 2019-07-19 | 网易(杭州)网络有限公司 | 信息发布控制方法、装置、存储介质及电子设备 |
CN110032701A (zh) * | 2019-04-04 | 2019-07-19 | 网易(杭州)网络有限公司 | 图像展示控制方法、装置、存储介质及电子设备 |
CN111312370A (zh) * | 2020-01-23 | 2020-06-19 | 东软医疗系统股份有限公司 | 生成图像展示布局的方法、装置及图像处理方法、装置 |
-
2020
- 2020-06-27 CN CN202010593565.0A patent/CN111754407B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8817050B1 (en) * | 2007-10-26 | 2014-08-26 | Google Inc. | N-patch image resizing |
US20110074824A1 (en) * | 2009-09-30 | 2011-03-31 | Microsoft Corporation | Dynamic image presentation |
CN103530845A (zh) * | 2013-10-19 | 2014-01-22 | 深圳市晶日盛科技有限公司 | 一种改进的图像缩放方法 |
CN104679466A (zh) * | 2013-11-29 | 2015-06-03 | 腾讯科技(深圳)有限公司 | 一种图像显示方法、装置及电子设备 |
WO2016112823A1 (en) * | 2015-01-16 | 2016-07-21 | Beijing Zhigu Rui Tuo Tech Co., Ltd. | Display control methods and apparatuses, display devices |
CN107750369A (zh) * | 2015-06-17 | 2018-03-02 | 三星电子株式会社 | 用于显示多个图像的电子设备和用于处理图像的方法 |
CN106204711A (zh) * | 2016-06-29 | 2016-12-07 | 深圳开立生物医疗科技股份有限公司 | 一种三维容积图像处理方法和系统 |
CN107688427A (zh) * | 2017-08-30 | 2018-02-13 | 浙江大华技术股份有限公司 | 一种图像显示方法及装置 |
CN110032700A (zh) * | 2019-04-04 | 2019-07-19 | 网易(杭州)网络有限公司 | 信息发布控制方法、装置、存储介质及电子设备 |
CN110032701A (zh) * | 2019-04-04 | 2019-07-19 | 网易(杭州)网络有限公司 | 图像展示控制方法、装置、存储介质及电子设备 |
CN111312370A (zh) * | 2020-01-23 | 2020-06-19 | 东软医疗系统股份有限公司 | 生成图像展示布局的方法、装置及图像处理方法、装置 |
Non-Patent Citations (1)
Title |
---|
李峰;周荷琴;: "PACS影像工作站图像浏览功能的设计", 中国医疗器械杂志, no. 05 * |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112016548A (zh) * | 2020-10-15 | 2020-12-01 | 腾讯科技(深圳)有限公司 | 一种封面图展示方法及相关装置 |
CN112016548B (zh) * | 2020-10-15 | 2021-02-09 | 腾讯科技(深圳)有限公司 | 一种封面图展示方法及相关装置 |
CN112581589A (zh) * | 2020-12-28 | 2021-03-30 | 深圳市优必选科技股份有限公司 | 一种视图列表布局方法、装置、设备及存储介质 |
CN113449222A (zh) * | 2021-06-17 | 2021-09-28 | 青岛海尔科技有限公司 | 图片展示方法、图片展示装置和电子设备 |
WO2022262404A1 (zh) * | 2021-06-17 | 2022-12-22 | 青岛海尔科技有限公司 | 图片展示方法、图片展示装置和电子设备 |
CN114092495A (zh) * | 2021-11-29 | 2022-02-25 | 阿里巴巴(中国)有限公司 | 图像展示方法、电子设备、存储介质及程序产品 |
CN114428594A (zh) * | 2022-01-24 | 2022-05-03 | 北京百度网讯科技有限公司 | 图像显示方法、装置、电子设备及存储介质 |
CN114428594B (zh) * | 2022-01-24 | 2023-09-01 | 北京百度网讯科技有限公司 | 图像显示方法、装置、电子设备及存储介质 |
CN114995708A (zh) * | 2022-06-09 | 2022-09-02 | 北京火山引擎科技有限公司 | 一种图像展示方法、装置、设备、介质及产品 |
Also Published As
Publication number | Publication date |
---|---|
CN111754407B (zh) | 2024-03-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111754407B (zh) | 图像展示的布局方法、装置、设备以及存储介质 | |
US10620816B2 (en) | System for displaying elements of a scrollable list | |
US9721391B2 (en) | Positioning of projected augmented reality content | |
US20160132201A1 (en) | Contextual tabs in mobile ribbons | |
US11086916B2 (en) | System and method for analyzing and visualizing team conversational data | |
JP7246487B2 (ja) | ビデオにおけるホットスポットセグメントを抽出する方法、装置、電子機器、記憶媒体およびコンピュータプログラム | |
US20140237357A1 (en) | Two-dimensional document navigation | |
CN112148160B (zh) | 浮窗显示方法、装置、电子设备和计算机可读存储介质 | |
EP2874054A1 (en) | Application text adjusting method, device, and terminal | |
CN112036373B (zh) | 训练视频文本分类模型的方法、视频文本分类方法和装置 | |
CN111935506B (zh) | 用于确定重复视频帧的方法和装置 | |
CN113014936A (zh) | 视频插帧方法、装置、设备以及存储介质 | |
CN114004840A (zh) | 图像处理方法、训练方法、检测方法、装置、设备及介质 | |
CN114168793A (zh) | 主播展示方法、装置、设备和存储介质 | |
CN113839998A (zh) | 图像数据传输方法、装置、设备、存储介质及程序产品 | |
CN112162800B (zh) | 页面显示方法、装置、电子设备和计算机可读存储介质 | |
CN112581589A (zh) | 一种视图列表布局方法、装置、设备及存储介质 | |
CN112383825A (zh) | 视频推荐方法、装置、电子设备和介质 | |
CN111767490A (zh) | 用于展示图像的方法、装置、设备以及存储介质 | |
US10762116B2 (en) | System and method for analyzing and visualizing team conversational data | |
CN111858303B (zh) | 小程序的页面控制方法、装置、设备及介质 | |
CN111882483A (zh) | 视频渲染方法及装置 | |
CN113760162A (zh) | 用于显示信息的方法、装置、设备以及存储介质 | |
CN113051481A (zh) | 内容推荐方法、装置、电子设备和介质 | |
CN108182656B (zh) | 一种图像处理方法及终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |