CN101714250A - 一种多张图片的组合排列显示方法 - Google Patents

Abstract

本发明属于计算机应用领域，提供一种多张图片的组合排列显示方法。所述方法包括以下步骤：将每张图片缩小成规格1、缩放成规格2，两种规格图片：在指定范围内，根据所述多张图片的组合排列显示方法显示图片。本发明所提供的方法容易实现，通用性强。

Description

一种多张图片的组合排列显示方法

技术领域

本发明属于计算机应用领域，尤其涉及一种多张图片的组合排列显示方法。

背景技术

目前，网站上的网页显示多张图片的方式很是单调，主要是一行多张图片依次排列显示、多张图片采用动画方式依次显示，形式枯燥，在用户浏览网页时，对用户没有吸引力。

发明内容

本发明实施例的目的在于提供一种多张图片的组合排列显示方法，旨在解决现有技术在显示多张图片方式上单调、枯燥的问题。

本发明实例是这样实现的，一种多张图片的组合排列显示方法，所述方法包括以下步骤：

将每张图片缩小成规格1、缩放成规2，两种规格图片；

在指定范围内，根据所述多张图片的组合排列显示方法显示图片。

在本发明的实施例中，将每一张图片缩小成规格1、缩放成规格2，两种规格图片，在指定范围内，根据所述多张图片的组合排列显示方法显示图片。

具体实施方式

下面通过实施例对本发明进行进一步的详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

在本发明的实施例中，将每一张图片缩小成规格1、缩放成规格2，两种规格图片，在指定范围内，通过多张图片的组合排列显示方法显示多张图片。

第一，对多张图片的组合排列显示方法中各参数进行定义，各个参数定义如下：

W原：原图的宽

H原：原图的高

W总：拟放置图片的空间范围总宽度

H总：拟放置图片的空间范围总高度

W已：已经放置的所有列图片的各列宽度之和

W剩；W总减去W已的值

W阀：是否继续放置下一列图片的参考值

1.当W总减去W已的值大于W阀，继续放置下一列图片

2.当W总减去W已的值小于W阀，不再放置下一列图片

J间：相邻放置的两张图片的间隙值

W规1：原图按规格1方法进行缩放后的图片宽度

H规1：原图按规格1方法进行缩放后的图片高度

W规2：原图按规格2方法进行缩放后的图片宽度

H规2：H总减去J间的值再除以2所得的值

第二，将原图根据需求缩放或切割为两种规格的图片。

1.规格1：仅对图片进行缩小，不对图片进行切割

1)若W原＜W总，且H原＜H总：不对图片进行缩小，保留原图

2)其余情况，对图片按高度或宽度进行缩小，生成图片必须符合以下条件：

W规1≤W总，并且，H规1≤H总。

2.规格2：对图片按H规2进行缩放，

1)当缩放后的图片宽度W规2≤W总，则保持不变

2)当缩放后的图片宽度W规2＞W总，则将超出部分切割掉，使W规2＝W总

第三：按照多张图片的组合排列显示方法显示图片。

本示例图片显示方式以一行N列的方式表现，N为自然数。

变量定义：

W列：本列图片的总宽度

初始值：

未放置图片时：W剩＝W总，W列＝0

取第1张图片的规格1图片(定义此图片宽度为：W规1-1)

1)情况1：当H规1＝H总，W规1≤W总，图片放置。此时，W列＝W规1-1

2)情况2：不满足情况1的时候，则取此图片规格2的图片(定义此图片宽度为W规2-1)，放置于此列上面一行，此时W列＝W规2-1；由于此图片高度并不等H总，则继续取下1张图片的规格2图片放置于此图片下面，(定义此图片宽度为W规2-2)

(1)当此图片的宽度等于本列上面图片宽度时，则本列放置图片工作结束。

(2)当此图片的宽度大于本列上面图片宽度，则超出部分不显示，显示的宽度范围等于上面图片宽度，至此，本列放置图片工作结束。

(3)当此图片的宽度小于本列上面一行图片宽度，循环选取下一张高度为规格2的图片

1.当新放置图片后，本列下面一行放置的所有图片的宽度之和等于本列上面一行图片宽度时，本列放置图片工作结束。

2.当新放置图片后，本列下面一行放置的所有图片宽度之和大于本列上面一行图片宽度时，则最后一张图片超出部分不显示，使得下面一行显示的总体宽度等于上面图片的宽度，本列放置图片工作结束。

至此，总的剩余宽度为原来剩余宽度值与此列宽度的差值，若此差值大于W阀，则剩余的图片，再根据以上方法，依次选取图片，继续显示下一列，直至W剩≤W阀，此行放置图片工作结束。

以上所述仅为本发明的较佳实施例面已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。

Claims (3)

1.一种多张图片的组合排列显示方法，其特征在于，所述方法包括以下步骤：

将每张图片缩小成规格1、缩放成规格2，两种规格图片：

在指定范围内，根据所述多张图片的组合排列显示方法显示图片。

2.如权利要求1所述的多张图片的组合排列显示方法，其特征在于，所述将每张图片缩小成规格1、缩放成规格2，两种规格图片的步骤具体为：

a)规格1：仅对图片进行缩小，不对图片进行切割

i.若W原＜W总，且H原＜H总：不对图片进行缩小，保留原图

ii.其余情况，对图片按高度或宽度进行缩小，生成图片必须符合以下条件：

W规1≤W总，并且，H规1≤H总。

b)规格2：对图片按H规2进行缩放，

i.当缩放后的图片宽度W规2≤W总，则保持不变

ii.当缩放后的图片宽度W规2＞W总，则将超出部分切割掉，使W规2＝W总。

3.如权利要求1所述的多张图片的组合排列显示方法，其特征在于，所述按照多张图片的组合排列显示方法显示图片的步骤具体为：

图片显示方式以一行N列的方式表现，N为自然数。

变量定义：

W列：本列图片的总宽度

初始值：

未放置图片时：W剩＝W总，W列＝0

取第1张图片的规格1图片(定义此图片宽度为：W规1-1)

1)情况1：当H规1＝H总，W规1≤W总，图片放置。此时，W列＝W规1-1

2)情况2：不满足情况1的时候，则取此图片规格2的图片(定义此图片宽度为W规2-1)，放置于此列上面一行，此时W列＝W规2-1；由于此图片高度并不等H总，则继续取下1张图片的规格2图片放置于此图片下面，(定义此图片宽度为W规2-2)

(1)当此图片的宽度等于本列上面图片宽度时，则本列放置图片工作结束。

(2)当此图片的宽度大于本列上面图片宽度，则超出部分不显示，显示的宽度范围等于上面图片宽度，至此，本列放置图片工作结束。

(3)当此图片的宽度小于本列上面一行图片宽度，循环选取下一张高度为规格2的图片

1.当新放置图片后，本列下面一行放置的所有图片的宽度之和等于本列上面一行图片宽度时，本列放置图片工作结束。

2.当新放置图片后，本列下面一行放置的所有图片宽度之和大于本列上面一行图片宽度时，则最后一张图片超出部分不显示，使得下面一行显示的总体宽度等于上面图片的宽度，本列放置图片工作结束。

至此，总的剩余宽度为原来剩余宽度值与此列宽度的差值，若此差值大于W阀，则剩余的图片，再根据以上方法，依次选取图片，继续显示下一列，直至W剩≤W阀，此行放置图片工作结束。