CN103186638B - 一种图片布局方法及装置 - Google Patents
一种图片布局方法及装置 Download PDFInfo
- Publication number
- CN103186638B CN103186638B CN201110460355.5A CN201110460355A CN103186638B CN 103186638 B CN103186638 B CN 103186638B CN 201110460355 A CN201110460355 A CN 201110460355A CN 103186638 B CN103186638 B CN 103186638B
- Authority
- CN
- China
- Prior art keywords
- picture
- height
- width
- viewing area
- shown picture
- 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.)
- Expired - Fee Related
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 238000000926 separation method Methods 0.000 claims description 12
- 238000012512 characterization method Methods 0.000 claims description 2
- 230000003044 adaptive effect Effects 0.000 abstract description 5
- 238000004891 communication Methods 0.000 abstract description 2
- 238000004590 computer program Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004308 accommodation Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 241000931705 Cicada Species 0.000 description 1
- 241000255969 Pieris brassicae Species 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Landscapes
- Controls And Circuits For Display Device (AREA)
Abstract
本发明涉及通信领域技术，尤其涉及图片布局方法及装置，用于获取显示区尺寸、被显示图片的原始尺寸以及被显示图片的数量，每个所述被显示图片的原始尺寸相同；根据所述显示区尺寸，按同一调整方式调整每个所述被显示图片的尺寸，直到每个所述被显示图片的尺寸达到最大，且调整后的全部被显示图片的总宽度不大于所述显示区尺寸的宽度，总高度不大于所述显示区尺寸的高度。使用本发明实施例提供的图片布局方法及装置，通过显示区尺寸、图片数量，适应性的调整图片的大小，确保所有图片均能完整显示，且达到可能的最大尺寸，由此，在图片较少时，图片显示的尺寸较大，保证清晰度；在图片较多时，图片可以完整显示，确保监控速度。
Description
技术领域
本发明涉及通信领域技术，尤其涉及一种图片布局方法及装置。
背景技术
目前在版面监控***中，移动终端和大屏终端应用越来越广泛，在这两种终端上显示相同的版面图片时，如何达到各自的最优效果是很重要的问题。现有技术中，版面图片的布局多采用批量下载、一次显示的方式，即每次下载一定数目的图片，然后计算图片尺寸，最后在终端显示屏呈现。并且每次显示的图片个数以及图片尺寸都是固定不变的，或者图片个数可选但尺寸固定。由于不同的显示终端的尺寸可能不同、不同的监控人员所需的图片大小也会不同，因此固定图片个数和尺寸则会严重影响呈现效果，继而影响监控结果。例如，在一块很大的屏幕上显示较少图片时，由于图片尺寸总是一样大，屏幕还会有很大的空白区域被浪费掉；而在图片较多时，又会有很多图片无法完整显示。
发明内容
本发明实施例提供了一种图片布局方法及装置，可以既保证显示图片显示的完整性，又不浪费显示区域的空间，具有较高的灵活性和可控性。
本发明实施例提供了一种图片布局方法，包括：
获取显示区尺寸、被显示图片的原始尺寸以及被显示图片的数量，每个所述被显示图片的原始尺寸相同；
根据所述显示区尺寸，按同一调整方式调整每个所述被显示图片的尺寸，直到每个所述被显示图片的尺寸达到最大，且调整后的全部被显示图片的总宽度不大于所述显示区尺寸的宽度，总高度不大于所述显示区尺寸的高度。
相应的，本发明实施例提供了一种图片布局装置，包括：
获取模块，用于获取显示区尺寸、被显示图片的原始尺寸以及被显示图片的数量，每个所述被显示图片的原始尺寸相同；
调整模块，用于根据所述显示区尺寸，按同一调整方式调整每个所述被显示图片的尺寸，直到每个所述被显示图片的尺寸达到最大，且调整后的全部被显示图片的总宽度不大于所述显示区尺寸的宽度，总高度不大于所述显示区尺寸的高度。
本发明实施例提供了图片布局方法及装置，用于获取显示区尺寸、被显示图片的原始尺寸以及被显示图片的数量，每个所述被显示图片的原始尺寸相同；根据所述显示区尺寸，按同一调整方式调整每个所述被显示图片的尺寸，直到每个所述被显示图片的尺寸达到最大，且调整后的全部被显示图片的总宽度不大于所述显示区尺寸的宽度，总高度不大于所述显示区尺寸的高度。使用本发明实施例提供的图片布局方法及装置，通过显示区尺寸、图片数量，适应性的调整图片的大小，确保所有图片均能完整显示，且达到可能的最大尺寸，由此，在图片较少时，图片显示的尺寸较大，保证清晰度；在图片较多时，图片可以完整显示，确保监控速度。
附图说明
图1为本发明实施例中图片布局方法流程示意图；
图2为本发明另一实施例中图片布局方法流程示意图；
图3为本发明实施例中调整被显示图片尺寸的流程示意图；
图4为本发明实施例中图片布局装置示意图。
具体实施方式
下面结合各个附图对本发明实施例技术方案的主要实现原理、具体实施方式及其对应能够达到的有益效果进行详细地阐述。
为了解决现有技术存在的问题，本发明实施例提供了一种图片布局方法，如图1所示，包括以下步骤：
步骤101、获取显示区尺寸、被显示图片的原始尺寸以及被显示图片的数量，每个被显示图片的原始尺寸相同；
步骤102、根据显示区尺寸，按同一调整方式调整每个被显示图片的尺寸，直到每个被显示图片的尺寸达到最大，且调整后的全部被显示图片的总宽度不大于显示区尺寸的宽度，总高度不大于显示区尺寸的高度。
具体的，获取显示终端的显示区尺寸，该尺寸由显示终端的操作***预定，例如全屏模式下，可以获取整个显示屏幕的尺寸；在非全屏模式下，可以获取显示终端操作***的当前可用的显示屏幕尺寸。
并且，获取被显示图片的原始尺寸以及被显示图片的数量，其中，每个被显示图片的原始尺寸相同。为了在显示区内显示图片时，可以适应性调整图片的尺寸，例如图片少时，将图片的尺寸调大；图片多时，将图片的尺寸调小，本发明实施例中提供了如下方式，可以根据显示区尺寸，调整被显示图片的尺寸，直到被显示图片的尺寸达到最大，且调整后的全部被显示图片的总宽度不大于显示区尺寸的宽度，总高度不大于显示区尺寸的高度。
方式一：根据显示区尺寸、被显示图片的原始尺寸，确定显示区容纳的图片列数；在全部被显示图片的总宽度不大于显示区尺寸的宽度的情况下，调整每个被显示图片的高度，直到全部被显示图片的总高度等于显示区尺寸的高度。
方式二：根据显示区尺寸、被显示图片的原始尺寸，确定显示区容纳的图片行数；在全部被显示图片的总高度不大于显示区尺寸的高度的情况下，调整每个被显示图片的宽度，直到全部被显示图片的总宽度等于显示区尺寸的宽度。
上述方式一和方式二均采用确定图片一个边缘长度，拉伸另一边缘长度的方式，即确定每行放置多少图片后，调整每行图片的高度，使得被显示图片整体均能位于显示区内，且达到该种条件下的最大尺寸。
方式三：被显示图片的高度与宽度的比值恒定时，采用被显示图片的宽度表示全部被显示图片的总宽度和总高度；将全部被显示图片的总高度与显示区的高度进行比较；当全部被显示图片的总高度小于显示区的高度时，将每个被显示图片的原始宽度以1单位像素开始增加，直到全部被显示图片的总宽度大于显示区尺寸的宽度，且本次增加单位像素前全部被显示图片的总宽度不大于显示区尺寸的宽度，或者全部被显示图片的总高度大于显示区尺寸的高度，且本次增加单位像素前全部被显示图片的总高度不大于显示区尺寸的高度；将本次增加单位像素前被显示图片的宽度，确定为调整后的被显示图片的宽度；根据被显示图片的高度与宽度的比值，以及调整后的被显示图片的宽度，确定被显示图片的高度；当全部被显示图片的总高度大于显示区的高度时，将被显示图片的原始宽度以1单位像素开始减少，直到全部被显示图片的总高度不大于显示区尺寸的高度，且本次减少单位像素前全部被显示图片的总高度大于显示区尺寸的高度；将本次被显示图片的宽度，确定为调整后的被显示图片的宽度；根据被显示图片的高度与宽度的比值，以及调整后的被显示图片的宽度，确定被显示图片的高度。
其中，根据被显示图片的原始宽度和显示区尺寸的宽度，确定显示区容纳的图片列数；根据图片列数和被显示图片的原始宽度，表示全部被显示图片的总宽度；根据被显示图片的数量，以及显示区容纳的图片列数，确定图片的欲排列行数；根据欲排列行数和被显示图片的原始宽度，确定全部被显示图片的总高度。
方式四：被显示图片的高度与宽度的比值恒定时，采用所述被显示图片的高度表示全部被显示图片的总宽度和总高度；将所述全部被显示图片的总宽度与所述显示区的宽度进行比较；当所述全部被显示图片的总宽度小于所述显示区的宽度时，将每个被显示图片的原始高度以1单位像素开始增加，直到所述全部被显示图片的总宽度大于所述显示区尺寸的宽度，且本次增加单位像素前所述全部被显示图片的总宽度不大于所述显示区尺寸的宽度，或者全部被显示图片的总高度大于所述显示区尺寸的高度，且本次增加单位像素前所述全部被显示图片的总高度不大于所述显示区尺寸的高度；将本次增加单位像素前被显示图片的高度，确定为调整后的被显示图片的高度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定所述被显示图片的宽度；当所述被显示图片的总宽度大于所述显示区的宽度时，将每个被显示图片的原始高度以1单位像素开始减少，直到全部被显示图片的总宽度不大于所述显示区尺寸的宽度，且本次减少单位像素前所述全部被显示图片的总宽度大于所述显示区尺寸的宽度；将本次被显示图片的高度，确定为调整后的被显示图片的高度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定所述被显示图片的宽度。
其中，根据被显示图片的原始高度和显示区尺寸的高度，确定显示区容纳的图片行数；根据图片列数和被显示图片的原始高度，表示全部被显示图片的总高度；根据被显示图片的数量，以及显示区容纳的图片行数，确定图片的欲排列列数；根据欲排列列数和被显示图片的原始高度，确定全部被显示图片的总宽度。
当被显示图片无法单方向拉伸时，即被显示图片的高度与宽度的比值恒定，则可以采用上述方式三和方式四。方式三和方式四中使用被显示图片的宽度或高度来表示所有被显示图片的总宽度和总高度，这样通过调整一个参数，可以使得全部被显示图片的总宽度小于显示区的宽度、总高度小于显示区的高度，并且尽可能的使得被显示图片的尺寸调整到允许的最大值。例如，假设显示区尺寸为：宽度为1000个像素，高度为500个像素；被显示图片的原始尺寸为：宽度为100个像素，高度为75个像素，被显示图片的数量为100个；则使用被显示图片的原始宽度，可得到显示区容纳的图片列数为1000/100＝10列，被显示图片的总宽度为1000个像素；图片的欲排列行数为100/10＝10行，被显示图片的总高度为10*75＝750，此时，被显示图片的总高度大于显示区的高度，则将每个被显示图片的原始宽度以1单位像素开始减少，直到被显示图片的总高度不大于显示区尺寸的高度，且本次减少单位像素前被显示图片的总高度大于显示区尺寸的高度。
调整被显示图片的宽度和高度后，由于图片紧挨放置，在显示区可能存在空白区域，为了增强美观性，可以将获取的显示区的空白区域的宽度，平均到每列被显示图片，作为相邻图片列的横向间隔；将获取的显示区的空白区域的高度，平均到每行被显示图片，作为相邻图片行的纵向间隔。
通过上述描述，可以看出，使用本发明实施例提供的图片布局方法，通过显示区尺寸、图片数量，适应性的调整图片的大小，确保所有图片均能完整显示，且达到可能的最大尺寸，由此，在图片较少时，图片显示的尺寸较大，保证清晰度；在图片较多时，图片可以完整显示，确保监控速度。
下面通过具体实施例对本发明实施例提供的图片布局方法进行详细说明，如图2所示，被显示图片的高度与宽度的比值恒定时，包括以下步骤：
步骤201、根据被显示图片的原始高度和显示区尺寸的高度，确定显示区容纳的图片行数；
步骤202、根据图片列数和被显示图片的原始高度，表示全部被显示图片的总高度；
步骤203、根据被显示图片的数量，以及显示区容纳的图片行数，确定图片的欲排列列数；
步骤204、根据欲排列列数和被显示图片的原始高度，确定全部被显示图片的总宽度；
步骤205、将全部被显示图片的总宽度与显示区的宽度进行比较，若小于，执行步骤206；若大于，执行步骤208；若等于，则被显示图片的原始宽度和高度确定为调整后的宽度和高度，执行步骤210。
步骤206、将被显示图片的原始高度以1单位像素开始增加，直到全部被显示图片的总宽度大于显示区尺寸的宽度，且本次增加单位像素前全部被显示图片的总宽度不大于显示区尺寸的宽度，或者全部被显示图片的总高度大于显示区尺寸的高度，且本次增加单位像素前全部被显示图片的总高度不大于显示区尺寸的高度；
步骤207、将本次增加单位像素前被显示图片的高度，确定为调整后的被显示图片的高度；根据被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定被显示图片的宽度，执行步骤210；
步骤208、将被显示图片的原始高度以1单位像素开始减少，直到全部被显示图片的总宽度不大于显示区尺寸的宽度，且本次减少单位像素前被显示图片的总宽度大于显示区尺寸的宽度；
步骤209、将本次被显示图片的高度，确定为调整后的被显示图片的高度；根据被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定被显示图片的宽度；
步骤210、将获取的显示区的空白区域的宽度，平均到每列被显示图片，作为相邻图片列的横向间隔；将获取的显示区的空白区域的高度，平均到每行被显示图片，作为相邻图片行的纵向间隔。
使用被显示图片的宽度表示总宽度和总高度的原理与上述步骤201至210描述的过程相同，在此不再赘述。
其中，执行步骤206时，通过一个循环比较实现，具体过程如图3所示，包括以下步骤：
步骤301、将被显示图片的原始高度以1单位像素开始增加；每次增加的像素数可以根据情况进行设定，例如每次增加1单位像素。
步骤302、增加被显示图片的高度，获取被显示图片本次增加后的高度；
步骤303、将增加后的总高度和显示区的高度进行比较，若小于，执行步骤304；若大于，则将本次增加前的高度作为调整后的被显示图片高度，执行步骤305；
步骤304、根据增加后的高度，确定增加后的总宽度，将总宽度和显示区的宽度进行比较；若小于，执行步骤302；若大于，则将本次增加前的高度作为调整后的被显示图片高度；
步骤305、根据调整后的被显示图片的高度，确定调整后的被显示图片的宽度。
通过上述描述，可以看出，使用本发明实施例提供的图片布局方法，通过显示区尺寸、图片数量，适应性的调整图片的大小，确保所有图片均能完整显示，且达到可能的最大尺寸，由此，在图片较少时，图片显示的尺寸较大，保证清晰度；在图片较多时，图片可以完整显示，确保监控速度。
基于同一发明构思，本发明实施例还提供了一种图片布局装置，如图4所示，包括：
获取模块401，用于获取显示区尺寸、被显示图片的原始尺寸以及被显示图片的数量，每个所述被显示图片的原始尺寸相同；
调整模块402，用于根据所述显示区尺寸，按同一调整方式调整每个所述被显示图片的尺寸，直到每个所述被显示图片的尺寸达到最大，且调整后的全部被显示图片的总宽度不大于所述显示区尺寸的宽度，总高度不大于所述显示区尺寸的高度。
较佳的，所述获取模块401，具体用于全屏模式下，获取整个显示屏幕的尺寸；在非全屏模式下，获取显示终端操作***的当前可用的显示屏幕尺寸。
较佳的，所述调整模块402，用于根据所述显示区尺寸、所述被显示图片的原始尺寸，确定显示区容纳的图片列数；在全部被显示图片的总宽度不大于所述显示区尺寸的宽度的情况下，调整每个所述被显示图片的高度，直到全部被显示图片的总高度等于所述显示区尺寸的高度；或者
根据所述显示区尺寸、所述被显示图片的原始尺寸，确定显示区容纳的图片行数；在全部被显示图片的总高度不大于所述显示区尺寸的高度的情况下，调整每个所述被显示图片的宽度，直到全部被显示图片的总宽度等于所述显示区尺寸的宽度；或者
所述被显示图片的高度与宽度的比值恒定时，采用所述被显示图片的宽度表示全部被显示图片的总宽度和总高度；
将所述全部被显示图片的总高度与所述显示区的高度进行比较；
当所述全部被显示图片的总高度小于所述显示区的高度时，
将每个被显示图片的原始宽度以1单位像素开始增加，直到全部被显示图片的总宽度大于所述显示区尺寸的宽度，且本次增加单位像素前所述全部被显示图片的总宽度不大于所述显示区尺寸的宽度，或者全部被显示图片的总高度大于所述显示区尺寸的高度，且本次增加单位像素前所述全部被显示图片的总高度不大于所述显示区尺寸的高度；将本次增加单位像素前被显示图片的宽度，确定为调整后的被显示图片的宽度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的宽度，确定所述被显示图片的高度；
当所述被显示图片的总高度大于所述显示区的高度时，
将每个被显示图片的原始宽度以1单位像素开始减少，直到全部被显示图片的总高度不大于所述显示区尺寸的高度，且本次减少单位像素前所述全部被显示图片的总高度大于所述显示区尺寸的高度；将本次被显示图片的宽度，确定为调整后的被显示图片的宽度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的宽度，确定所述被显示图片的高度；或者
所述被显示图片的高度与宽度的比值恒定时，采用所述被显示图片的高度表示全部被显示图片的总宽度和总高度；
将所述全部被显示图片的总宽度与所述显示区的宽度进行比较；
当所述全部被显示图片的总宽度小于所述显示区的宽度时，
将每个被显示图片的原始高度以1单位像素开始增加，直到所述全部被显示图片的总宽度大于所述显示区尺寸的宽度，且本次增加单位像素前所述全部被显示图片的总宽度不大于所述显示区尺寸的宽度，或者全部被显示图片的总高度大于所述显示区尺寸的高度，且本次增加单位像素前所述全部被显示图片的总高度不大于所述显示区尺寸的高度；将本次增加单位像素前被显示图片的高度，确定为调整后的被显示图片的高度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定所述被显示图片的宽度；
当所述被显示图片的总宽度大于所述显示区的宽度时，
将每个被显示图片的原始高度以1单位像素开始减少，直到全部被显示图片的总宽度不大于所述显示区尺寸的宽度，且本次减少单位像素前所述全部被显示图片的总宽度大于所述显示区尺寸的宽度；将本次被显示图片的高度，确定为调整后的被显示图片的高度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定所述被显示图片的宽度。
较佳的，上述装置还包括：
表征模块403，用于根据所述被显示图片的原始宽度、和所述显示区尺寸的宽度，确定所述显示区容纳的图片列数；根据所述图片列数和被显示图片的原始宽度，表示全部被显示图片的总宽度；根据所述被显示图片的数量，以及所述显示区容纳的图片列数，确定图片的欲排列行数；根据所述欲排列行数和所述被显示图片的原始宽度，确定全部被显示图片的总高度；或者
根据所述被显示图片的原始高度、和所述显示区尺寸的高度，确定所述显示区容纳的图片行数；根据所述图片列数和被显示图片的原始高度，表示全部被显示图片的总高度；根据所述被显示图片的数量，以及所述显示区容纳的图片行数，确定图片的欲排列列数；根据所述欲排列列数和所述被显示图片的原始高度，确定全部被显示图片的总宽度。
较佳的，上述装置还包括：
处理模块404，用于将获取的显示区的空白区域的宽度，平均到每列被显示图片，作为相邻图片列的横向间隔；将获取的显示区的空白区域的高度，平均到每行被显示图片，作为相邻图片行的纵向间隔。
通过上述描述，可以看出，使用本发明实施例提供的图片布局方法及装置，通过显示区尺寸、图片数量，适应性的调整图片的大小，确保所有图片均能完整显示，且达到可能的最大尺寸，由此，在图片较少时，图片显示的尺寸较大，保证清晰度；在图片较多时，图片可以完整显示，确保监控速度。
本领域内的技术人员应明白，本发明的实施例可提供为方法、***、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。
显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (11)
1.一种图片布局方法，其特征在于，该方法包括：
获取显示区尺寸、被显示图片的原始尺寸以及被显示图片的数量，每个所述被显示图片的原始尺寸相同；
所述被显示图片的高度与宽度的比值恒定时，采用所述被显示图片的宽度表示全部被显示图片的总宽度和总高度；
将所述全部被显示图片的总高度与所述显示区的高度进行比较；
当所述全部被显示图片的总高度小于所述显示区的高度时，
将每个被显示图片的原始宽度以1单位像素开始增加，直到全部被显示图片的总宽度大于所述显示区尺寸的宽度，且本次增加单位像素前所述全部被显示图片的总宽度不大于所述显示区尺寸的宽度，或者全部被显示图片的总高度大于所述显示区尺寸的高度，且本次增加单位像素前所述全部被显示图片的总高度不大于所述显示区尺寸的高度；将本次增加单位像素前被显示图片的宽度，确定为调整后的被显示图片的宽度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的宽度，确定所述被显示图片的高度；
当所述被显示图片的总高度大于所述显示区的高度时，
将每个被显示图片的原始宽度以1单位像素开始减少，直到全部被显示图片的总高度不大于所述显示区尺寸的高度，且本次减少单位像素前所述全部被显示图片的总高度大于所述显示区尺寸的高度；将本次被显示图片的宽度，确定为调整后的被显示图片的宽度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的宽度，确定所述被显示图片的高度。
2.如权利要求1所述的方法，其特征在于，所述获取显示区尺寸，包括：全屏模式下，获取整个显示屏幕的尺寸；在非全屏模式下，获取显示终端操作***的当前可用的显示屏幕尺寸。
3.如权利要求2所述的方法，其特征在于，所述被显示图片的高度与宽度的比值恒定时，采用所述被显示图片的宽度，表示全部被显示图片的总宽度和总高度，包括：
根据所述被显示图片的原始宽度、和所述显示区尺寸的宽度，确定所述显示区容纳的图片列数；根据所述图片列数和被显示图片的原始宽度，表示全部被显示图片的总宽度；
根据所述被显示图片的数量，以及所述显示区容纳的图片列数，确定图片的欲排列行数；根据所述欲排列行数和所述被显示图片的原始宽度，确定全部被显示图片的总高度。
4.如权利要求1所述的方法，其特征在于，还包括：将获取的显示区的空白区域的宽度，平均到每列被显示图片，作为相邻图片列的横向间隔；
将获取的显示区的空白区域的高度，平均到每行被显示图片，作为相邻图片行的纵向间隔。
5.一种图片布局方法，其特征在于，该方法包括：
获取显示区尺寸、被显示图片的原始尺寸以及被显示图片的数量，每个所述被显示图片的原始尺寸相同；
所述被显示图片的高度与宽度的比值恒定时，采用所述被显示图片的高度表示全部被显示图片的总宽度和总高度；
将所述全部被显示图片的总宽度与所述显示区的宽度进行比较；
当所述全部被显示图片的总宽度小于所述显示区的宽度时，
将每个被显示图片的原始高度以1单位像素开始增加，直到所述全部被显示图片的总宽度大于所述显示区尺寸的宽度，且本次增加单位像素前所述全部被显示图片的总宽度不大于所述显示区尺寸的宽度，或者全部被显示图片的总高度大于所述显示区尺寸的高度，且本次增加单位像素前所述全部被显示图片的总高度不大于所述显示区尺寸的高度；将本次增加单位像素前被显示图片的高度，确定为调整后的被显示图片的高度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定所述被显示图片的宽度；
当所述被显示图片的总宽度大于所述显示区的宽度时，
将每个被显示图片的原始高度以1单位像素开始减少，直到全部被显示图片的总宽度不大于所述显示区尺寸的宽度，且本次减少单位像素前所述全部被显示图片的总宽度大于所述显示区尺寸的宽度；将本次被显示图片的高度，确定为调整后的被显示图片的高度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定所述被显示图片的宽度。
6.如权利要求5所述的方法，其特征在于，所述被显示图片的高度与宽度的比值恒定时，采用所述被显示图片的高度，表示全部被显示图片的总宽度和总高度，包括：
根据所述被显示图片的原始高度、和所述显示区尺寸的高度，确定所述显示区容纳的图片行数；根据所述图片列数和被显示图片的原始高度，表示全部被显示图片的总高度；
根据所述被显示图片的数量，以及所述显示区容纳的图片行数，确定图片的欲排列列数；根据所述欲排列列数和所述被显示图片的原始高度，确定全部被显示图片的总宽度。
7.如权利要求5所述的方法，其特征在于，还包括：将获取的显示区的空白区域的宽度，平均到每列被显示图片，作为相邻图片列的横向间隔；
将获取的显示区的空白区域的高度，平均到每行被显示图片，作为相邻图片行的纵向间隔。
8.一种图片布局装置，其特征在于，包括：
获取模块，用于获取显示区尺寸、被显示图片的原始尺寸以及被显示图片的数量，每个所述被显示图片的原始尺寸相同；
调整模块，用于根据所述被显示图片的高度与宽度的比值恒定时，采用所述被显示图片的宽度表示全部被显示图片的总宽度和总高度；
将所述全部被显示图片的总高度与所述显示区的高度进行比较；
当所述全部被显示图片的总高度小于所述显示区的高度时，
将每个被显示图片的原始宽度以1单位像素开始增加，直到全部被显示图片的总宽度大于所述显示区尺寸的宽度，且本次增加单位像素前所述全部被显示图片的总宽度不大于所述显示区尺寸的宽度，或者全部被显示图片的总高度大于所述显示区尺寸的高度，且本次增加单位像素前所述全部被显示图片的总高度不大于所述显示区尺寸的高度；将本次增加单位像素前被显示图片的宽度，确定为调整后的被显示图片的宽度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的宽度，确定所述被显示图片的高度；
当所述被显示图片的总高度大于所述显示区的高度时，
将每个被显示图片的原始宽度以1单位像素开始减少，直到全部被显示图片的总高度不大于所述显示区尺寸的高度，且本次减少单位像素前所述全部被显示图片的总高度大于所述显示区尺寸的高度；将本次被显示图片的宽度，确定为调整后的被显示图片的宽度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的宽度，确定所述被显示图片的高度；或者
所述被显示图片的高度与宽度的比值恒定时，采用所述被显示图片的高度表示全部被显示图片的总宽度和总高度；
将所述全部被显示图片的总宽度与所述显示区的宽度进行比较；
当所述全部被显示图片的总宽度小于所述显示区的宽度时，
将每个被显示图片的原始高度以1单位像素开始增加，直到所述全部被显示图片的总宽度大于所述显示区尺寸的宽度，且本次增加单位像素前所述全部被显示图片的总宽度不大于所述显示区尺寸的宽度，或者全部被显示图片的总高度大于所述显示区尺寸的高度，且本次增加单位像素前所述全部被显示图片的总高度不大于所述显示区尺寸的高度；将本次增加单位像素前被显示图片的高度，确定为调整后的被显示图片的高度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定所述被显示图片的宽度；
当所述被显示图片的总宽度大于所述显示区的宽度时，
将每个被显示图片的原始高度以1单位像素开始减少，直到全部被显示图片的总宽度不大于所述显示区尺寸的宽度，且本次减少单位像素前所述全部被显示图片的总宽度大于所述显示区尺寸的宽度；将本次被显示图片的高度，确定为调整后的被显示图片的高度；根据所述被显示图片的高度与宽度的比值，以及调整后的被显示图片的高度，确定所述被显示图片的宽度。
9.如权利要求8所述的装置，其特征在于，所述获取模块，具体用于全屏模式下，获取整个显示屏幕的尺寸；在非全屏模式下，获取显示终端操作***的当前可用的显示屏幕尺寸。
10.如权利要求9所述的装置，其特征在于，还包括：
表征模块，用于根据所述被显示图片的原始宽度、和所述显示区尺寸的宽度，确定所述显示区容纳的图片列数；根据所述图片列数和被显示图片的原始宽度，表示全部被显示图片的总宽度；根据所述被显示图片的数量，以及所述显示区容纳的图片列数，确定图片的欲排列行数；根据所述欲排列行数和所述被显示图片的原始宽度，确定全部被显示图片的总高度；或者
根据所述被显示图片的原始高度、和所述显示区尺寸的高度，确定所述显示区容纳的图片行数；根据所述图片列数和被显示图片的原始高度，表示全部被显示图片的总高度；根据所述被显示图片的数量，以及所述显示区容纳的图片行数，确定图片的欲排列列数；根据所述欲排列列数和所述被显示图片的原始高度，确定全部被显示图片的总宽度。
11.如权利要求10所述的装置，其特征在于，还包括：
处理模块，用于将获取的显示区的空白区域的宽度，平均到每列被显示图片，作为相邻图片列的横向间隔；将获取的显示区的空白区域的高度，平均到每行被显示图片，作为相邻图片行的纵向间隔。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110460355.5A CN103186638B (zh) | 2011-12-31 | 2011-12-31 | 一种图片布局方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110460355.5A CN103186638B (zh) | 2011-12-31 | 2011-12-31 | 一种图片布局方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103186638A CN103186638A (zh) | 2013-07-03 |
| CN103186638B true CN103186638B (zh) | 2015-12-02 |
Family
ID=48677807
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110460355.5A Expired - Fee Related CN103186638B (zh) | 2011-12-31 | 2011-12-31 | 一种图片布局方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103186638B (zh) |
Families Citing this family (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104867103A (zh) * | 2014-02-24 | 2015-08-26 | 腾讯科技（深圳）有限公司 | 照片显示处理方法和装置 |
| CN104932871B (zh) * | 2014-03-18 | 2019-08-23 | 腾讯科技（北京）有限公司 | 一种显示多媒体信息的方法及装置 |
| CN104408077B (zh) * | 2014-11-03 | 2018-07-24 | 宇龙计算机通信科技(深圳)有限公司 | 图片的展现方法、展现***和终端 |
| CN105260351B (zh) * | 2015-09-10 | 2018-05-01 | 武汉改图网技术有限公司 | 一种基于自适应模版的印刷品在线自助设计方法 |
| CN105373308B (zh) * | 2015-11-09 | 2019-06-25 | 形山科技（深圳）有限公司 | 一种图片处理方法及挂载设备 |
| CN105426475A (zh) * | 2015-11-18 | 2016-03-23 | Tcl集团股份有限公司 | 媒体文件同步方法及装置 |
| CN105578268B (zh) * | 2015-12-17 | 2019-03-01 | 深圳Tcl数字技术有限公司 | 图片显示方法及装置 |
| CN106056651A (zh) * | 2016-06-03 | 2016-10-26 | 北京金山安全软件有限公司 | 图片布局的管理方法、装置及电子设备 |
| CN107861788A (zh) * | 2017-11-23 | 2018-03-30 | 深圳市雷鸟信息科技有限公司 | 图片排版方法、终端及计算机可读存储介质 |
| CN109710121B (zh) * | 2019-01-10 | 2020-07-03 | 环球雅途集团有限公司 | 一种自适应屏幕尺寸的排版显示方法 |
| CN112862693B (zh) * | 2021-04-08 | 2023-07-04 | 上海哔哩哔哩科技有限公司 | 图片处理方法及装置 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1728145A (zh) * | 2004-07-29 | 2006-02-01 | 佳能株式会社 | 信息管理装置、信息呈现方法、图像处理装置及处理方法 |
| CN101632062A (zh) * | 2007-03-15 | 2010-01-20 | 皇家飞利浦电子股份有限公司 | 生成图像图册的方法和设备 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2006074266A2 (en) * | 2005-01-05 | 2006-07-13 | Hillcrest Laboratories, Inc. | Scaling and layout methods and systems for handling one-to-many objects |
-
2011
- 2011-12-31 CN CN201110460355.5A patent/CN103186638B/zh not_active Expired - Fee Related
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1728145A (zh) * | 2004-07-29 | 2006-02-01 | 佳能株式会社 | 信息管理装置、信息呈现方法、图像处理装置及处理方法 |
| CN101632062A (zh) * | 2007-03-15 | 2010-01-20 | 皇家飞利浦电子股份有限公司 | 生成图像图册的方法和设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103186638A (zh) | 2013-07-03 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103186638B (zh) | 一种图片布局方法及装置 | |
| CN103337086B (zh) | 用于移动终端的图片编辑方法和装置 | |
| TWI490772B (zh) | 自繪控制項的螢幕適配方法及裝置 | |
| CN106648510B (zh) | 一种显示分辨率的显示方法及装置 | |
| CN104267887B (zh) | 基于应用窗口尺寸参数的应用页面自适应排版显示方法 | |
| CN103699608A (zh) | 页面布局方法及装置 | |
| CN105468617B (zh) | 调整网页内容颜色的方法及装置 | |
| KR102189647B1 (ko) | 디스플레이 장치, 시스템 및 그 제어 방법 | |
| CN103702032A (zh) | 图像处理方法、装置和终端设备 | |
| CN109361947A (zh) | 网络资源批量加载方法、智能电视、存储介质及装置 | |
| CN113015007B (zh) | 视频插帧方法、装置及电子设备 | |
| CN103914213A (zh) | 一种用于消除页面抖动的方法和装置 | |
| CN111104077B (zh) | 一种多屏显示控制方法、装置、设备及可读存储介质 | |
| CN104104995A (zh) | 图片显示方法和装置 | |
| CN109429085B (zh) | 显示装置及其图像处理方法 | |
| CN104808959A (zh) | 一种信息处理方法及电子设备 | |
| CN105023285A (zh) | 图片拆分方法和装置、图片加载方法和装置 | |
| CN102811290B (zh) | 一种调整小部件的方法、装置及终端 | |
| CN105578035A (zh) | 一种图像处理方法及电子设备 | |
| CN105224538B (zh) | 图像的抖动处理方法与装置 | |
| CN112199149A (zh) | 界面渲染方法、装置及电子设备 | |
| US10706501B2 (en) | Method and apparatus for stretching image | |
| CN114222074B (zh) | 拼接屏驱动方法、装置、服务器及存储介质 | |
| CN105678688A (zh) | 一种图片处理方法及装置 | |
| CN110533592B (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 | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220627 Address after: 3007, Hengqin international financial center building, No. 58, Huajin street, Hengqin new area, Zhuhai, Guangdong 519031 Patentee after: New founder holdings development Co.,Ltd. Patentee after: BEIJING FOUNDER ELECTRONICS Co.,Ltd. Address before: 100871, Beijing, Haidian District Cheng Fu Road 298, founder building, 9 floor Patentee before: PEKING UNIVERSITY FOUNDER GROUP Co.,Ltd. Patentee before: BEIJING FOUNDER ELECTRONICS Co.,Ltd. |
|
| TR01 | Transfer of patent right | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20151202 |
|
| CF01 | Termination of patent right due to non-payment of annual fee |