CN106558019B - 图片排列方法及装置 - Google Patents
图片排列方法及装置 Download PDFInfo
- Publication number
- CN106558019B CN106558019B CN201510632579.8A CN201510632579A CN106558019B CN 106558019 B CN106558019 B CN 106558019B CN 201510632579 A CN201510632579 A CN 201510632579A CN 106558019 B CN106558019 B CN 106558019B
- Authority
- CN
- China
- Prior art keywords
- pictures
- picture
- width
- except
- rest
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 46
- 230000000694 effects Effects 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 17
- 238000004891 communication Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008569 process 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 transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
- Editing Of Facsimile Originals (AREA)
Abstract
本发明公开了一种图片排列方法及装置,属于图像显示技术领域。所述方法包括:接收N张图片,N为正整数;根据所述N张图片中至少一张的图片尺寸,确定与所述N张图片相匹配的排列样式;将所述N张图片按照所述排列样式进行排列。本发明解决了使用九宫格模板中预设的模板尺寸对不同尺寸的图片进行裁剪时,导致对一些图片的裁剪内容较多,影响图片的显示内容的问题,达到了减少对图片的剪裁的效果。
Description
技术领域
本发明涉及图像显示技术领域,特别涉及一种图片排列方法及装置。
背景技术
随着社交类应用的普及,越来越多的用户通过社交类应用发布信息,发布的消息通常包括图片和文字。当发布的消息包括图片时,需要对图片进行排列。
相关技术提供的一种图片排列方法包括:接收客户端发送的各张图片,按照九宫格模板中预设的模板尺寸,对接收到的每张图片进行裁剪,将裁剪后得到的每张图片填充到九宫格模板中,得到排列后的图片。
由于不同图片的尺寸可能不同,因此,使用九宫格模板中预设的模板尺寸对不同尺寸的图片进行裁剪时,导致对一些图片的裁剪内容较多,影响图片的显示内容。
发明内容
为了解决使用九宫格模板中预设的模板尺寸对不同尺寸的图片进行裁剪时,导致对一些图片的裁剪内容较多,影响图片的显示内容的问题,本发明实施例提供了一种图片排列方法及装置。所述技术方案如下:
第一方面,提供了一种图片排列方法,所述方法包括:
接收N张图片,N为正整数;
根据所述N张图片中至少一张的图片尺寸,确定与所述N张图片相匹配的排列样式;
将所述N张图片按照所述排列样式进行排列。
第二方面,提供了一种图片排列装置,所述装置包括:
图片接收模块,用于接收N张图片,N为正整数;
样式确定模块,用于根据所述图片接收模块接收的所述N张图片中至少一张的图片尺寸,确定与所述N张图片相匹配的排列样式;
图片排列模块,用于将所述N张图片按照所述样式确定模块确定的所述排列样式进行排列。
本发明实施例提供的技术方案的有益效果是:
通过接收N张图片;根据N张图片中至少一张的图片尺寸,确定与该N张图片相匹配的排列样式;将N张图片按照该排列样式进行排列,可以查找与该N张图片的图片尺寸相匹配的排列样式,从而减少对图片的裁剪,解决了使用九宫格模板中预设的模板尺寸对不同尺寸的图片进行裁剪时,导致对一些图片的裁剪内容较多,影响图片的显示内容的问题,达到了减少对图片的剪裁的效果。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一个实施例提供的图片排列方法的方法流程图;
图2A是本发明另一实施例提供的图片排列方法的方法流程图;
图2B是本发明实施例提供的5张图片的第一种排列方法的示意图;
图2C是本发明实施例提供的5张图片的第二种排列方法的示意图;
图2D是本发明实施例提供的4张图片的排列方法的示意图;
图2E是本发明实施例提供的3张图片的排列方法的示意图;
图2F是本发明实施例提供的2张图片的排列方法的示意图;
图2G是本发明实施例提供的1张图片的排列方法的示意图;
图3是本发明一个实施例提供的图片排列装置的结构框图;
图4是本发明再一实施例提供的图片排列装置的结构框图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
请参考图1,其示出了本发明一个实施例提供的图片排列方法的方法流程图,该图片排列方法可以应用于服务器中。该图片排列方法,包括:
步骤101,接收N张图片,N为正整数。
步骤102,根据N张图片中至少一张的图片尺寸,确定与该N张图片相匹配的排列样式。
步骤103,将该N张图片按照排列样式进行排列。
综上所述,本发明实施例提供的图片排列方法,通过接收N张图片;根据N张图片中至少一张的图片尺寸,确定与该N张图片相匹配的排列样式;将N张图片按照该排列样式进行排列,可以查找与该N张图片的图片尺寸相匹配的排列样式,从而减少对图片的裁剪,解决了使用九宫格模板中预设的模板尺寸对不同尺寸的图片进行裁剪时,导致对一些图片的裁剪内容较多,影响图片的显示内容的问题,达到了减少对图片的剪裁的效果。
请参考图2A,其示出了本发明另一实施例提供的图片排列方法的方法流程图,该图片排列方法可以应用于服务器中。该图片排列方法,包括:
步骤201,接收N张图片,N为正整数。
服务器接收到的图片可以是客户端发送的,也可以是其他设备发送的,本实施例不对图片的来源作限定。
本实施例中,服务器接收的N张图片属于同一条通讯消息,且该通讯消息可以包括文字等其他内容,也可以不包括其他内容,本实施例不作限定。
步骤202,根据N从N张图片中确定所要比较高宽的图片。
图片的高是图片中竖直的两条边的高度,图片的宽是图片中水平的两条边的高度。本实施例中,将高大于宽的图片称为竖图;将高小于宽的图片称为横图;将高等于宽的图片称为方图。
本实施例中,服务器针对不同张数的图片和不同的图片尺寸设置了不同的排列样式,由于图片尺寸由图片的高宽决定,因此,服务器需要根据张数N确定需要比较高宽的图片。
具体地,根据N从N张图片中确定所要比较高宽的图片,包括:
当N=4时,从4张图片中确定第1张图片,比较第1张图片的高宽;
当N≠4且N<5时,比较N张图片的高宽;
当N≠4且N≥5时,从N张图片中确定前5张图片,比较前5张图片的高宽。
当N=4时,服务器只需要比较第1张图片的高宽,不必比较剩余3张图片的高宽。当N≠4且N<5时,服务器需要分别比较N张图片中每张图片的高宽。当N≠4且N≥5时,服务器先对前5张图片进行排列,对剩余图片进行隐藏,此时,服务器需要分别比较前5张图片中每张图片的高宽。
需要说明的是,对于隐藏的图片,服务器可以提供显示控件,当服务器接收到客户端发送的用户点击显示控件的操作信号时,服务器隐藏前1-5张图片,并在剩余图片的张数大于或等于5时,对第6-10张图片进行排列;在剩余图片的张数小于5时,对剩余图片进行排列。在服务器再次接收到该操作信号时,继续执行上述隐藏和排列的步骤。
步骤203,根据比较结果确定N张图片的排列样式。
对应于张数N的取值,本实施例提供了五种排列样式的确定方式,下面分别对这五种确定方式进行介绍。
在第一种确定方式中,当N≥5时,根据比较结果确定N张图片的排列样式,包括:
分别比较前5张图片中每张图片的高宽;
当高大于或等于宽的图片的数量大于预定数值时,横向排列前n张图片,将剩余图片按照从左向右的顺序,横向排列在前n张图片的下侧;
当高小于等于宽的图片的数量大于预定数值时,纵向排列前n张图片,将剩余图片按照从上向下的顺序,纵向排列在前n张图片的右侧;
其中,n为1或2。
1)当高大于宽的图片的数量大于预定数值时,说明竖图最多,此时为该N张图片选择的排列样式可以是竖图样式。在竖图样式中,存在多个预设的模板尺寸的高大于宽。其中,预定数值可以设置为2或3或4,本实施例不作限定。
其中,竖图样式中预设的高大于宽的模板尺寸的数量可以是3或4或5。当高大于宽的模板尺寸的数量为3时,请参考图2B所示的5张图片的第一种排列方法的示意图中的左侧视图,其中,第三张、第四张和第五张模板的高均大于宽;或,当高大于宽的模板尺寸的数量为5时,请参考图2B中的左侧视图,其中,第一张、第二张、第三张、第四张和第五张模板的高均大于宽。当高大于宽的模板尺寸的数量为4时,请参考图2C所示的5张图片的第二种排列方法的示意图中的左侧视图,其中,第二张、第三张、第四张和第五张模板的高均大于宽。
其中,图2B中的左侧视图,横向排列第一张和第二张图片,将剩余三张图片按照从左向右的顺序,横向排列在第一张和第二张图片所在行的下侧。图2C中的左侧视图,排列第一张图片,将剩余四张图片按照从左向右的顺序,横向排列在第一张图片所在行的下侧。
需要说明的是,由于第一张和第二张图片比较能突出消息的重点,因此,服务器可以优先选择图2B所示的排列样式。并且,在选择图2C所示的排列样式时,对第一张图片的裁剪会比较多,不利于图片内容的显示。
2)当高等于宽的图片的数量大于预定数值时,说明方图最多,此时为该N张图片选择的排列样式可以是方图样式。在方图样式中,存在多个预设的模板尺寸的高等于宽。其中,方图样式中图片的排列方式与竖图样式中图片的排列方式相同,请参考图2B中的右侧视图和图2C中的右侧视图,此处不作赘述。
3)当高小于宽的图片的数量大于预定数值时,说明横图最多,此时为该N张图片选择的排列样式可以是横图样式。在横图样式中,存在多个预设的模板尺寸的高小于宽。
其中,横图样式中预设的高小于宽的模板尺寸的数量可以是3或4或5。当高小于宽的模板尺寸的数量为3时,请参考图2B中的中间视图,其中,第三张、第四张和第五张模板的高均小于宽;或,当高小于宽的模板尺寸的数量为5时,请参考图2B中的中间视图,其中,第一张、第二张、第三张、第四张和第五张模板的高均小于宽。当高小于宽的模板尺寸的数量为4时,请参考图2C所示的5张图片的第二种排列方法的示意图中的中间视图,其中,第二张、第三张、第四张和第五张模板的高均小于宽。
其中,图2B中的中间视图,纵向排列第一张和第二张图片,将剩余三张图片按照从上向下的顺序,纵向排列在第一张和第二张图片所在列的右侧。图2C中的中间视图,排列第一张图片,将剩余四张图片按照从上向下的顺序,纵向排列在第一张图片所在列的右侧。
在第二种确定方式中,当N=4时,根据比较结果确定N张图片的排列样式,包括:
比较第1张图片的高宽;
当第1张图片的高大于宽时,排列第1张图片,将剩余图片按照从上向下的顺序,纵向排列在第1张图片的右侧;
当第1张图片的高小于宽时,排列第1张图片,将剩余图片按照从左向右的顺序,横向排列在第1张图片的下侧;
当第1张图片的高等于宽时,按照从左向右的顺序横向排列前2张图片,将剩余图片按照从左向右的顺序横向排列在前2张图片的下侧。
当第1张图片的高大于宽时,说明第1张图片是竖图,此时请参考图2D所示的4张图片的排列方法的示意图中的左侧视图,排列第1张图片,将剩余图片按照从上向下的顺序,纵向排列在第1张图片所在列的右侧。当第1张图片的高小于宽时,说明第1张图片是横图,此时请参考图2D中的中间视图,排列第1张图片,将剩余图片按照从左向右的顺序,横向排列在第1张图片所在行的下侧。当第1张图片的高等于宽时,说明第1张图片是方图,此时请参考图2D中的右侧视图,按照从左向右的顺序横向排列前2张图片,将剩余2张图片按照从左向右的顺序横向排列在前2张图片所在行的下侧。
在第三种确定方式中,当N=3时,根据比较结果确定N张图片的排列样式,包括:
分别比较N张图片中每张图片的高宽;
当高大于宽的图片的数量大于预定数值时,排列第1张图片,将剩余图片按照从上向下的顺序,纵向排列在第1张图片的右侧;
当高小于或等于宽的图片的数量大于预定数值时,排列第1张图片,将剩余图片按照从左向右的顺序,横向排列在第1张图片的下侧。
1)当高大于宽的图片的数量大于预定数值时,说明竖图最多,此时为该N张图片选择的排列样式可以是竖图样式。在竖图样式中,存在多个预设的模板尺寸的高大于宽。其中,预定数值可以设置为1或2,本实施例不作限定。
其中,竖图样式中预设的高大于宽的模板尺寸的数量可以是2或3。例如,请参考图2E所示的3张图片的排列方法的示意图中的左侧视图,排列第一张图片,将剩余两张图片按照从上向下的顺序,纵向排列在第一张图片所在列的右侧。其中,第一张、第二张和第三张模板的高均大于宽。
2)当高小于宽的图片的数量大于预定数值时,说明横图最多,此时为该N张图片选择的排列样式可以是横图样式。在横图样式中,存在多个预设的模板尺寸的高小于宽。
其中,横图样式中预设的高小于宽的模板尺寸的数量可以是2或3。例如,请参考图2E中的中间视图,排列第一张图片,将剩余两张图片按照从左向右的顺序,横向排列在第一张图片所在行的下侧。其中,第二张和第三张模板的高均小于宽。
3)当高等于宽的图片的数量大于预定数值时,说明方图最多,此时为该N张图片选择的排列样式可以是方图样式。在方图样式中,存在多个预设的模板尺寸的高等于宽。其中,方图样式中图片的排列方式与横图样式中图片的排列方式相同,请参考图2E中的右侧视图,此处不作赘述。
在第四种确定方式中,当N=2时,根据比较结果确定N张图片的排列样式,包括:
分别比较N张图片中每张图片的高宽;
当高大于或等于宽的图片的数量等于预定数值时,按照从左向右的顺序横向排列2张图片;
当高小于宽的图片的数量等于预定数值时,按照从上向下的顺序纵向排列2张图片。
1)当高大于宽的图片的数量大于预定数值时,说明竖图最多,此时为该N张图片选择的排列样式可以是竖图样式。在竖图样式中,存在多个预设的模板尺寸的高大于宽。其中,预定数值可以设置为1,本实施例不作限定。
其中,竖图样式中预设的高大于宽的模板尺寸的数量可以是2。例如,请参考图2F所示的2张图片的排列方法的示意图中的左侧视图,按照从左向右的顺序横向排列2张图片。其中,第一张和第二张模板的高均大于宽。
2)当高等于宽的图片的数量大于预定数值时,说明方图最多,此时为该N张图片选择的排列样式可以是方图样式。在方图样式中,存在多个预设的模板尺寸的高等于宽。其中,方图样式中图片的排列方式与横图样式中图片的排列方式相同,请参考图2F中的右侧视图,此处不作赘述。
需要说明的是,当两张图片中一张为竖图一张为横图时,也可以为该两张图片选择方图样式,或者,还可以为该两张图片选择其他样式,本实施例不作限定。
3)当高小于宽的图片的数量大于预定数值时,说明横图最多,此时为该N张图片选择的排列样式可以是横图样式。在横图样式中,存在多个预设的模板尺寸的高小于宽。
其中,横图样式中预设的高小于宽的模板尺寸的数量可以是2。例如,请参考图2F中的中间视图,按照从上向下的顺序纵向排列2张图片。其中,第一张和第二张模板的高均小于宽。
在第五种确定方式中,当N=1时,比较该图片的高宽,当该图片的高大于宽时,确定该图片为竖图,此时请参考图2G所示的1张图片的排列方法的示意图中的左侧视图,其中,第一张模板的高大于宽。当该图片的高小于宽时,确定该图片为横图,此时请参考图2G中的中间视图,其中,第一张模板的高小于宽。当该图片的高等于宽时,确定该图片为方图,此时请参考图2G中的右侧视图,其中,第一张模板的高等于宽。
步骤204,将该N张图片按照排列样式进行排列。
综上所述,本发明实施例提供的图片排列方法,通过接收N张图片;根据N张图片中至少一张的图片尺寸,确定与该N张图片相匹配的排列样式;将N张图片按照该排列样式进行排列,可以查找与该N张图片的图片尺寸相匹配的排列样式,从而减少对图片的裁剪,解决了使用九宫格模板中预设的模板尺寸对不同尺寸的图片进行裁剪时,导致对一些图片的裁剪内容较多,影响图片的显示内容的问题,达到了减少对图片的剪裁的效果。
另外,由于第一张和第二张图片比较能突出消息的重点,因此,服务器可以横向排列前2张图片,将剩余图片按照从左向右的顺序,横向排列在前2张图片的下侧,既可以突出前2张图片的内容,也可以避免对第一张图片的过多裁剪。
请参考图3,其示出了本发明一个实施例提供的图片排列装置的结构框图,该图片排列装置可以应用于服务器中。该图片排列装置,包括:
图片接收模块310,用于接收N张图片,N为正整数;
样式确定模块320,用于根据图片接收模块310接收的N张图片中至少一张的图片尺寸,确定与N张图片相匹配的排列样式;
图片排列模块330,用于将N张图片按照样式确定模块320确定的排列样式进行排列。
综上所述,本发明实施例提供的图片排列装置,通过接收N张图片;根据N张图片中至少一张的图片尺寸,确定与该N张图片相匹配的排列样式;将N张图片按照该排列样式进行排列,可以查找与该N张图片的图片尺寸相匹配的排列样式,从而减少对图片的裁剪,解决了使用九宫格模板中预设的模板尺寸对不同尺寸的图片进行裁剪时,导致对一些图片的裁剪内容较多,影响图片的显示内容的问题,达到了减少对图片的剪裁的效果。
请参考图4,其示出了本发明再一实施例提供的图片排列装置的结构框图,该图片排列装置可以应用于服务器中。该图片排列装置,包括:图片接收模块410、样式确定模块420和图片排列模块430。
图片接收模块410,用于接收N张图片,N为正整数;
样式确定模块420,用于根据图片接收模块410接收的N张图片中至少一张的图片尺寸,确定与N张图片相匹配的排列样式;
图片排列模块430,用于将N张图片按照样式确定模块420确定的排列样式进行排列。
可选的,样式确定模块420,包括:
图片确定单元421,用于根据N从N张图片中确定所要比较高宽的图片;
样式确定单元422,用于根据比较结果确定N张图片的排列样式。
可选的,图片确定单元421,具体用于:
当N=4时,从4张图片中确定第1张图片,比较第1张图片的高宽;
当N≠4且N<5时,比较N张图片的高宽;
当N≠4且N≥5时,从N张图片中确定前5张图片,比较前5张图片的高宽。
在第一种可能的实现方式中,当N≥5时,样式确定单元422,具体用于:
分别比较前5张图片中每张图片的高宽;
当高大于或等于宽的图片的数量大于预定数值时,横向排列前n张图片,将剩余图片按照从左向右的顺序,横向排列在前n张图片的下侧;
当高小于宽的图片的数量大于预定数值时,纵向排列前n张图片,将剩余图片按照从上向下的顺序,纵向排列在前n张图片的右侧;
其中,n为1或2。
在第二种可能的实现方式中,当N=4时,样式确定单元422,具体用于:
比较第1张图片的高宽;
当第1张图片的高大于宽时,排列第1张图片,将剩余图片按照从上向下的顺序,纵向排列在第1张图片的右侧;
当第1张图片的高小于宽时,排列第1张图片,将剩余图片按照从左向右的顺序,横向排列在第1张图片的下侧;
当第1张图片的高等于宽时,按照从左向右的顺序横向排列前2张图片,将剩余图片按照从左向右的顺序横向排列在前2张图片的下侧。
在第三种可能的实现方式中,当N=3时,样式确定单元422,具体用于:
分别比较N张图片中每张图片的高宽;
当高大于宽的图片的数量大于预定数值时,排列第1张图片,将剩余图片按照从上向下的顺序,纵向排列在第1张图片的右侧;
当高小于或等于宽的图片的数量大于预定数值时,排列第1张图片,将剩余图片按照从左向右的顺序,横向排列在第1张图片的下侧。
在第四种可能的实现方式中,当N=2时,样式确定单元422,具体用于:
分别比较N张图片中每张图片的高宽;
当高大于或等于宽的图片的数量等于预定数值时,按照从左向右的顺序横向排列2张图片;
当高小于宽的图片的数量等于预定数值时,按照从上向下的顺序纵向排列2张图片。
综上所述,本发明实施例提供的图片排列装置,通过接收N张图片;根据N张图片中至少一张的图片尺寸,确定与该N张图片相匹配的排列样式;将N张图片按照该排列样式进行排列,可以查找与该N张图片的图片尺寸相匹配的排列样式,从而减少对图片的裁剪,解决了使用九宫格模板中预设的模板尺寸对不同尺寸的图片进行裁剪时,导致对一些图片的裁剪内容较多,影响图片的显示内容的问题,达到了减少对图片的剪裁的效果。
另外,由于第一张和第二张图片比较能突出消息的重点,因此,服务器可以横向排列前2张图片,将剩余图片按照从左向右的顺序,横向排列在前2张图片的下侧,既可以突出前2张图片的内容,也可以避免对第一张图片的过多裁剪。
需要说明的是:上述实施例提供的图片排列装置在进行图片排列时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将图片排列装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的图片排列装置与图片排列方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (11)
1.一种图片排列方法,其特征在于,所述方法包括:
接收N张图片,N为正整数;
当N=4时,从4张图片中确定第1张图片,将所述第1张图片确定为要比较高宽的图片;当N≠4且N<5时,将所述N张图片确定为要比较高宽的图片;当N≠4且N≥5时,从所述N张图片中确定前5张图片,将所述前5张图片确定为要比较高宽的图片;
根据比较结果确定所述N张图片的排列样式;所述排列样式包括竖图样式、横图样式或者方图样式;所述竖图样式中存在一个或多个高大于宽的预设模板;所述横图样式中存在一个或多个高小于宽的预设模板;所述方图样式中存在一个或多个高等于宽的预设模板;
将所述N张图片按照所述排列样式进行排列。
2.根据权利要求1所述的方法,其特征在于,当n为1,N≥5时,所述根据比较结果确定所述N张图片的排列样式,包括:
分别比较前5张图片中每张图片的高宽;
当高大于宽的图片的数量大于预定数值时,横向排列前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从左向右的顺序,横向排列在所述前n张图片的下侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高大于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当高等于宽的图片的数量大于预定数值时,横向排列所述前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从左向右的顺序,横向排列在所述前n张图片的下侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高等于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当高小于宽的图片的数量大于预定数值时,纵向排列所述前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从上向下的顺序,纵向排列在所述前n张图片的右侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高小于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当n为2,N≥5时,所述根据比较结果确定所述N张图片的排列样式,包括:
分别比较前5张图片中每张图片的高宽;
当高大于宽的图片的数量大于预定数值时,横向排列前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从左向右的顺序,横向排列在所述前n张图片的下侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高大于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当高等于宽的图片的数量大于预定数值时,横向排列所述前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从左向右的顺序,横向排列在所述前n张图片的下侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高等于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当高小于宽的图片的数量大于预定数值时,纵向排列所述前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从上向下的顺序,纵向排列在所述前n张图片的右侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高小于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
其中,所述N张图片中的前5张图片之外的剩余图片由服务器提供显示控件,当所述服务器接收到客户端发送的用户点击所述显示控件的操作信号时,所述服务器隐藏所述前5张图片,并在所述N张图片中的前5张图片之外的剩余图片的张数大于等于5时,对第6-10张图片进行排列;在所述N张图片中的前5张图片之外的剩余图片的张数小于5时,对所述N张图片中的前5张图片之外的剩余图片进行排列;在服务器再次接收到所述操作信号时,继续执行上述隐藏和排列的步骤。
3.根据权利要求1所述的方法,其特征在于,当N=4时,所述根据比较结果确定所述N张图片的排列样式,包括:
比较第1张图片的高宽;
当所述第1张图片的高大于宽时,排列所述第1张图片,将4张图片中除了所述第1张图片之外的剩余图片按照从上向下的顺序,纵向排列在所述第1张图片的右侧,所述4张图片中除了所述第1张图片之外的剩余图片的模板高小于宽;
当所述第1张图片的高小于宽时,排列所述第1张图片,将4张图片中除了所述第1张图片之外的剩余图片按照从左向右的顺序,横向排列在所述第1张图片的下侧,所述4张图片中除了所述第1张图片之外的剩余图片的模板高大于宽;
当所述第1张图片的高等于宽时,按照从左向右的顺序横向排列前2张图片,将4张图片中除了所述前2张图片之外的剩余图片按照从左向右的顺序横向排列在所述前2张图片的下侧,所述4张图片中除了所述第1张图片之外的剩余图片的模板为高等于宽。
4.根据权利要求1所述的方法,其特征在于,当N=3时,所述根据比较结果确定所述N张图片的排列样式,包括:
分别比较所述N张图片中每张图片的高宽;
当高大于宽的图片的数量大于预定数值时,排列第1张图片,将3张图片中除了所述第1张图片之外的剩余图片按照从上向下的顺序,纵向排列在所述第1张图片的右侧,所述3张图片中除了所述第1张图片之外的剩余图片的模板为高大于宽;
当高小于宽的图片的数量大于预定数值时,排列第1张图片,将3张图片中除了所述第1张图片之外的剩余图片按照从左向右的顺序,横向排列在所述第1张图片的下侧,所述3张图片中除了所述第1张图片之外的剩余图片的模板为高小于宽;
当高等于宽的图片的数量大于预定数值时,排列第1张图片,将3张图片中除了所述第1张图片之外的剩余图片按照从左向右的顺序,横向排列在所述第1张图片的下侧,所述3张图片中除了所述第1张图片之外的剩余图片的模板为高等于宽。
5.根据权利要求1所述的方法,其特征在于,当N=2时,所述根据比较结果确定所述N张图片的排列样式,包括:
分别比较所述N张图片中每张图片的高宽;
当高大于宽的图片的数量等于预定数值时,按照从左向右的顺序横向排列2张图片,所述图片的模板为高大于宽;
当高等于宽的图片的数量等于预定数值时,按照从左向右的顺序横向排列2张图片,所述图片的模板为高等于宽;
当高小于宽的图片的数量等于预定数值时,按照从上向下的顺序纵向排列所述2张图片,所述图片的模板为高小于宽。
6.一种图片排列装置,其特征在于,所述装置包括:
图片接收模块,用于接收N张图片,N为正整数;
样式确定模块,用于根据所述图片接收模块接收的所述N张图片中至少一张的图片尺寸,确定与所述N张图片相匹配的排列样式;所述排列样式包括竖图样式、横图样式或者方图样式;所述竖图样式中存在一个或多个高大于宽的预设模板;所述横图样式中存在一个或多个高小于宽的预设模板;所述方图样式中存在一个或多个高等于宽的预设模板;
图片排列模块,用于将所述N张图片按照所述样式确定模块确定的所述排列样式进行排列;
所述样式确定模块,包括:
图片确定单元,用于当N=4时,从4张图片中确定第1张图片,将所述第1张图片确定为要比较高宽的图片;当N≠4且N<5时,将所述N张图片确定为要比较高宽的图片;当N≠4且N≥5时,从所述N张图片中确定前5张图片,将所述前5张图片确定为要比较高宽的图片;
样式确定单元,用于根据比较结果确定所述N张图片的排列样式。
7.根据权利要求6所述的装置,其特征在于,当n为1,N≥5时,所述样式确定单元,具体用于:
分别比较前5张图片中每张图片的高宽;
当高大于宽的图片的数量大于预定数值时,横向排列前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从左向右的顺序,横向排列在所述前n张图片的下侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高大于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当高等于宽的图片的数量大于预定数值时,横向排列所述前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从左向右的顺序,横向排列在所述前n张图片的下侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高等于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当高小于宽的图片的数量大于预定数值时,纵向排列所述前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从上向下的顺序,纵向排列在所述前n张图片的右侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高小于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当n为2,N≥5时,所述样式确定单元,用于,
分别比较前5张图片中每张图片的高宽;
当高大于宽的图片的数量大于预定数值时,横向排列前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从左向右的顺序,横向排列在所述前n张图片的下侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高大于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当高等于宽的图片的数量大于预定数值时,横向排列所述前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从左向右的顺序,横向排列在所述前n张图片的下侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高等于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
当高小于宽的图片的数量大于预定数值时,纵向排列所述前n张图片,将所述前5张图片中除了所述前n张图片之外的剩余图片按照从上向下的顺序,纵向排列在所述前n张图片的右侧,所述前5张图片中除了所述前n张图片之外的剩余图片的模板为高小于宽;将所述N张图片中的前5张图片之外的剩余图片进行隐藏;
其中,所述N张图片中的前5张图片之外的剩余图片由服务器提供显示控件,当所述服务器接收到客户端发送的用户点击所述显示控件的操作信号时,所述服务器隐藏所述前5张图片,并在所述N张图片中的前5张图片之外的剩余图片的张数大于等于5时,对第6-10张图片进行排列;在所述N张图片中的前5张图片之外的剩余图片的张数小于5时,对所述N张图片中的前5张图片之外的剩余图片进行排列;在服务器再次接收到所述操作信号时,继续执行上述隐藏和排列的步骤。
8.根据权利要求6所述的装置,其特征在于,当N=4时,所述样式确定单元,具体用于:
比较第1张图片的高宽;
当所述第1张图片的高大于宽时,排列所述第1张图片,将4张图片中除了所述第1张图片之外的剩余图片按照从上向下的顺序,纵向排列在所述第1张图片的右侧,所述4张图片中除了所述第1张图片之外的剩余图片的模板高小于宽;
当所述第1张图片的高小于宽时,排列所述第1张图片,将4张图片中除了所述第1张图片之外的剩余图片按照从左向右的顺序,横向排列在所述第1张图片的下侧,所述4张图片中除了所述第1张图片之外的剩余图片的模板高大于宽;
当所述第1张图片的高等于宽时,按照从左向右的顺序横向排列前2张图片,将4张图片中除了所述前2张图片之外的剩余图片按照从左向右的顺序横向排列在所述前2张图片的下侧,所述4张图片中除了所述第1张图片之外的剩余图片的模板为高等于宽。
9.根据权利要求6所述的装置,其特征在于,当N=3时,所述样式确定单元,具体用于:
分别比较所述N张图片中每张图片的高宽;
当高大于宽的图片的数量大于预定数值时,排列第1张图片,将3张图片中除了所述第1张图片之外的剩余图片按照从上向下的顺序,纵向排列在所述第1张图片的右侧,所述3张图片中除了所述第1张图片之外的剩余图片的模板为高大于宽;
当高小于宽的图片的数量大于预定数值时,排列第1张图片,将3张图片中除了所述第1张图片之外的剩余图片按照从左向右的顺序,横向排列在所述第1张图片的下侧,所述3张图片中除了所述第1张图片之外的剩余图片的模板为高小于宽;
当高等于宽的图片的数量大于预定数值时,排列第1张图片,将3张图片中除了所述第1张图片之外的剩余图片按照从左向右的顺序,横向排列在所述第1张图片的下侧,所述3张图片中除了所述第1张图片之外的剩余图片的模板为高等于宽。
10.根据权利要求6所述的装置,其特征在于,当N=2时,所述样式确定单元,具体用于:
分别比较所述N张图片中每张图片的高宽;
当高大于宽的图片的数量等于预定数值时,按照从左向右的顺序横向排列2张图片,所述图片的模板为高大于宽;
当高等于宽的图片的数量等于预定数值时,按照从左向右的顺序横向排列2张图片,所述图片的模板为高等于宽;
当高小于宽的图片的数量等于预定数值时,按照从上向下的顺序纵向排列所述2张图片,所述图片的模板为高小于宽。
11.一种计算机可读存储介质,其特征在于,所述存储介质中存储有指令,所述指令由服务器执行,以实现如上述权利要求1至5任一所述的图片排列方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510632579.8A CN106558019B (zh) | 2015-09-29 | 2015-09-29 | 图片排列方法及装置 |
PCT/CN2016/097288 WO2017054604A1 (zh) | 2015-09-29 | 2016-08-30 | 图片排列方法、装置及服务器 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510632579.8A CN106558019B (zh) | 2015-09-29 | 2015-09-29 | 图片排列方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106558019A CN106558019A (zh) | 2017-04-05 |
CN106558019B true CN106558019B (zh) | 2020-05-12 |
Family
ID=58416980
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510632579.8A Active CN106558019B (zh) | 2015-09-29 | 2015-09-29 | 图片排列方法及装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN106558019B (zh) |
WO (1) | WO2017054604A1 (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110362794B (zh) * | 2018-04-09 | 2023-04-07 | 拾柒网络技术(北京)有限公司 | 一种智能排版方法、装置、设备和存储介质 |
CN111176769A (zh) * | 2019-12-19 | 2020-05-19 | 贵阳语玩科技有限公司 | 一种Android端的多图片展示方法 |
CN111145876B (zh) * | 2019-12-27 | 2023-12-29 | 成都牙讯科技有限公司 | 一种牙科图片排列方法、系统、设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101111841A (zh) * | 2005-01-28 | 2008-01-23 | 皇家飞利浦电子股份有限公司 | 动态照片拼贴 |
CN101510312A (zh) * | 2009-03-16 | 2009-08-19 | 广州市有福数码科技有限公司 | 制作电子相册的方法、装置及系统 |
CN102457528A (zh) * | 2010-10-19 | 2012-05-16 | 北京邮电大学 | 面向手机终端的自适应发布Web内容的方法与系统 |
CN104391896A (zh) * | 2014-11-12 | 2015-03-04 | 广州微印信息科技有限公司 | 基于网页的平面印刷品排版方法及系统 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110029635A1 (en) * | 2009-07-30 | 2011-02-03 | Shkurko Eugene I | Image capture device with artistic template design |
CN102930523B (zh) * | 2012-11-12 | 2015-09-23 | 北京奇虎科技有限公司 | 图片处理系统和图片拼接实现方法 |
CN105046678B (zh) * | 2012-11-12 | 2018-05-18 | 北京奇虎科技有限公司 | 一种实现图片拼接的装置、方法和图片处理系统 |
CN103634650B (zh) * | 2013-11-06 | 2017-12-22 | 康佳集团股份有限公司 | 一种基于智能电视平台的图片处理方法及系统 |
-
2015
- 2015-09-29 CN CN201510632579.8A patent/CN106558019B/zh active Active
-
2016
- 2016-08-30 WO PCT/CN2016/097288 patent/WO2017054604A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101111841A (zh) * | 2005-01-28 | 2008-01-23 | 皇家飞利浦电子股份有限公司 | 动态照片拼贴 |
CN101510312A (zh) * | 2009-03-16 | 2009-08-19 | 广州市有福数码科技有限公司 | 制作电子相册的方法、装置及系统 |
CN102457528A (zh) * | 2010-10-19 | 2012-05-16 | 北京邮电大学 | 面向手机终端的自适应发布Web内容的方法与系统 |
CN104391896A (zh) * | 2014-11-12 | 2015-03-04 | 广州微印信息科技有限公司 | 基于网页的平面印刷品排版方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
WO2017054604A1 (zh) | 2017-04-06 |
CN106558019A (zh) | 2017-04-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11899703B2 (en) | Arrangements of documents in a document feed | |
CN106157341B (zh) | 生成合成图片的方法及装置 | |
US11442955B2 (en) | Systems and methods for generating tables from print-ready digital source documents | |
JP6293142B2 (ja) | データを消費型コンテンツに変換するときにバリエーションを生じさせること | |
US20170177547A1 (en) | Dynamic Content Layout Generator | |
CN111368744B (zh) | 图片中非结构化表格识别方法及装置 | |
US20140149926A1 (en) | Apparatus, method and computer readable recording medium for arranging a plurality of items automatically in a canvas | |
US9285979B2 (en) | Computer-implemented methods and systems for multi-touch duplication and swapping interactions | |
US10802680B2 (en) | Pixel-aligned layout grids | |
KR20160025519A (ko) | 속성 그룹을 이용한 시각적 엘리먼트의 선택 및 편집 기법 | |
CN109643218A (zh) | 用户界面元素的动画 | |
CN106558019B (zh) | 图片排列方法及装置 | |
US20170091152A1 (en) | Generating grid layouts with mutable columns | |
CN106503012A (zh) | 页面展示方法及装置 | |
CN104516868B (zh) | 一种版面空格的流式还原方法与系统 | |
CN108681531B (zh) | 文档输入的控制方法及装置 | |
CN111444452A (zh) | 网页页面的转换方法、装置及存储介质 | |
CN112149745A (zh) | 确定难例样本的方法、装置、设备及存储介质 | |
CN114118029A (zh) | 图像处理方法、装置、设备和存储介质 | |
CN112767419A (zh) | 一种图集九宫格切割的方法及系统 | |
CN106372200A (zh) | 显示图片资源的方法和装置 | |
CN106934847B (zh) | 图案生成方法及装置 | |
CN111063036B (zh) | 基于路径规划的三维文字排布方法、介质、设备及系统 | |
CN106127116A (zh) | 一种图片类型识别的方法和装置 | |
JP2015075884A (ja) | 描画装置、描画方法及びプログラム |
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 |