CN104111777A - 图片显示方法及装置 - Google Patents
图片显示方法及装置 Download PDFInfo
- Publication number
- CN104111777A CN104111777A CN201410293389.3A CN201410293389A CN104111777A CN 104111777 A CN104111777 A CN 104111777A CN 201410293389 A CN201410293389 A CN 201410293389A CN 104111777 A CN104111777 A CN 104111777A
- Authority
- CN
- China
- Prior art keywords
- pictures
- picture
- depth
- width ratio
- width
- 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
Landscapes
- Controls And Circuits For Display Device (AREA)
Abstract
本公开关于一种图片显示方法及装置,属于计算机技术领域。所述方法包括:获取待显示的图片;按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;对缩放后的第i行图片进行显示;将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤。所述装置包括:图片获取模块、图片确定模块、图片缩放模块、图片显示模块和操作循环模块。本公开可解决图片的长和宽大于框体的长和宽造成图片的信息量丢失的问题,达到了增加图片显示的信息量的效果。
Description
技术领域
本公开涉及计算机技术领域,特别涉及一种图片显示方法及装置。
背景技术
大部分网页中都会嵌入图片,通过图片来直观地描述事物。因此,终端在获取到网页后,需要对网页中的图片进行显示。
由于图片是加载在框体中显示的,因此,终端在获取到携带有图片的网页数据后,先根据网页布局在网页中的固定位置处加载框体,该框体具有固定的长和宽;再从网页数据中读取出图片;将该图片加载到该框体中进行显示。
公开人在实现本公开的过程中,发现相关技术中至少存在以下缺陷:
网页中框体的长和宽是固定的,当图片的长和宽大于框体的长和宽,终端在显示图片时会对图片中超出框体的部分进行隐藏,导致图片显示的信息量缺失。
发明内容
为解决图片的长和宽大于框体的长和宽造成图片显示的信息量丢失的问题,本公开提供了一种图片显示方法及装置。
根据本公开实施例的第一方面,提供一种图片显示方法,包括:
获取待显示的图片;
按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;
将确定出的所述至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;
对缩放后的所述第i行图片进行显示;
将所述i调整为i+1,继续执行所述按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤。
可选的,所述按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,包括:
计算所述待显示的图片中每张图片各自的高宽比;
选择高宽比之和属于预定区间的至少一张图片;
将所述至少一张图片确定为在所述第i行显示的图片。
可选的,所述选择高宽比之和属于预定区间的至少一张图片,包括:
在确定所述第i行图片时,从所述待显示的图片中读取第j张图片,j初始为1;
若j为1,则检测所述第j张图片的高宽比是否属于所述预定区间,若检测出所述第j张图片的高宽比属于所述预定区间,则将所述第j张图片确定为选出的所述至少一张图片;若检测出所述第j张图片的高宽比小于所述预定区间的最小值,则保留所述第j张图片,将所述j调整为j+1,继续执行所述从所述待显示的图片中读取第j张图片的步骤;
若j大于1,则检测已经读取的j张图片的高宽比之和是否属于所述预定区间,若检测出所述j张图片的高宽比之和属于所述预定区间,则将所述j张图片确定为选出的所述至少一张图片;若检测出所述j张图片的高宽比之和小于所述预定区间的最小值,则保留所述第j张图片,将所述j调整为j+1,继续执行所述从所述待显示的图片中读取第j张图片的步骤;若检测出所述j张图片的高宽比之和大于所述预定区间的最大值,则将在所述第j张图片之前读取的j-1张图片确定为选出的所述至少一张图片。
可选的,还包括:
获取所述显示屏的高宽比;
根据所述显示屏的高宽比确定所述预定区间。
可选的,所述将确定出的所述至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度,包括:
获取所述显示屏宽度和所述至少一张图片中每张图片的高宽比;
计算每个高宽比的倒数之和,将所述显示屏宽度除以所述和得到每张图片共同的缩放高度;
将所述缩放高度除以每张图片各自的高宽比,得到每张图片的缩放宽度。
根据本公开实施例的第二方面,提供一种图片显示装置,包括:
图片获取模块,被配置为获取待显示的图片;
图片确定模块,被配置为按照所述图片获取模块获取到的所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;
图片缩放模块,被配置为将所述图片确定模块确定出的所述至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;
图片显示模块,被配置为对所述图片缩放模块缩放后的所述第i行图片进行显示;
操作循环模块,被配置为将所述i调整为i+1,继续执行所述按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的操作。
可选的,所述图片确定模块,包括:
比值计算单元,被配置为计算所述待显示的图片中每张图片各自的高宽比;
图片选择单元,被配置为选择高宽比之和属于预定区间的至少一张图片;
图片确定单元,被配置为将所述图片选择单元选出的所述至少一张图片确定为在所述第i行显示的图片。
可选的,所述图片选择单元,包括:
图片读取子单元,被配置为在确定所述第i行图片时,从所述待显示的图片中读取第j张图片,j初始为1;
第一选择子单元,被配置为若j为1,则检测所述图片读取子单元读取的所述第j张图片的高宽比是否属于所述预定区间,若检测出所述第j张图片的高宽比属于所述预定区间,则将所述第j张图片确定为选出的所述至少一张图片;若检测出所述第j张图片的高宽比小于所述预定区间的最小值,则保留所述第j张图片,将所述j调整为j+1,继续执行所述从所述待显示的图片中读取第j张图片的步骤;
第二选择子单元,被配置为若j大于1,则检测所述图片读取子单元已经读取的j张图片的高宽比之和是否属于所述预定区间,若检测出所述j张图片的高宽比之和属于所述预定区间,则将所述j张图片确定为选出的所述至少一张图片;若检测出所述j张图片的高宽比之和小于所述预定区间的最小值,则保留所述第j张图片,将所述j调整为j+1,继续执行所述从所述待显示的图片中读取第j张图片的步骤;若检测出所述j张图片的高宽比之和大于所述预定区间的最大值,则将在所述第j张图片之前读取的j-1张图片确定为选出的所述至少一张图片。
可选的,还包括:
比值获取模块,被配置为获取所述显示屏的高宽比;
区间确定模块,被配置为根据所述比值获取模块获取到的所述显示屏的高宽比确定所述预定区间。
可选的,所述图片缩放模块,包括:
数值获取单元,被配置为获取所述显示屏宽度和所述至少一张图片中每张图片的高宽比;
高度计算单元,被配置为计算所述数值获取单元获取到的每个高宽比的倒数之和,将所述显示屏宽度除以所述和得到每张图片共同的缩放高度;
宽度计算单元,被配置为将所述高度计算单元计算得到的所述缩放高度除以每张图片各自的高宽比,得到每张图片的缩放宽度。
根据本公开实施例的第三方面,提供一种图片显示装置,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取待显示的图片;
按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;
将确定出的所述至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;
对缩放后的所述第i行图片进行显示;
将所述i调整为i+1,继续执行所述按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤。
本公开的实施例提供的技术方案可以包括以下有益效果:
通过按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片;将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;对缩放后的第i行图片进行显示;将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤,在不需要框体的情况下能够确定出在第i行显示的至少一张图片,并对该至少一张图片进行缩放显示,保证每张图片显示的信息量不丢失,解决了图片的长和宽大于框体的长和宽造成图片显示的信息量丢失的问题,达到了增加图片显示的信息量的效果。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本的实施例,并于说明书一起用于解释本的原理。
图1是根据一示例性实施例示出的一种图片显示方法的流程图。
图2A是根据另一示例性实施例示出的一种图片显示方法的流程图。
图2B是根据本示例性实施例示出的一种图片显示方法的效果图。
图3是根据一示例性实施例示出的一种图片显示装置的框图。
图4是根据一示例性实施例示出的一种图片显示装置的框图。
图5是根据一示例性实施例示出的一种用于图片显示的装置的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种图片显示方法的流程图,该图片显示方法应用于终端中,如图1所示,该图片显示方法包括以下步骤。
在步骤101中,获取待显示的图片。
待显示的图片可以是终端从网络服务器中获取到的网页图片,也可以是终端本地存储的图片,本实施例不限定图片的来源。
在步骤102中,按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数。
图片的高宽比是指将图片的实际高度除以实际宽度得到的比值。
通常,终端是根据第i行中设置的框体的个数确定图片的张数,从而确定出在第i行显示的至少一张图片的。本实施例中并未在第i行中设置框体,因此,终端需要根据图片的高宽比确定在第i行显示的至少一张图片。
在步骤103中,将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度。
由于该至少一张图片需要在一行显示,因此,可以对该至少一张图片中的每张图片进行缩放,使得缩放后每张图片的缩放宽度之和等于显示屏的宽度。其中,缩放宽度是指缩放后的图片的宽度。
本实施例中,终端可以对每张图片进行等比例缩放,以保证图片不失真。
在步骤104中,对缩放后的第i行图片进行显示。
将第i行图片中的每张缩放后的图片排列在显示屏上进行显示。由于第i行图片是按照图片缩放后的大小直接显示的,并不需要将图片添加到框体中,因此,每张图片都能完全显示且显示屏中不会存在浪费的显示空间,避免了图片的长度和宽度大于框体的长度和宽度造成的部分图片被隐藏的问题,增加了图片显示的信息量。
在步骤105中,将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤。
在显示完第i行图片后,若终端还需要对第i+1行图片进行显示,则可以将i更新为i+1,继续执行步骤101至步骤105,直至显示完所有待显示的图片后结束流程。
当终端首次显示图片时,还可以将步骤104修改为对缩放后的第i行图片进行缓存,循环执行步骤101至步骤105,在满足预定条件后对缓存的至少一行图片一起进行显示。之后,终端可以执行本实施例提供的步骤101至步骤105来逐行显示图片。
综上所述,本公开提供的图片显示方法,通过按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片;将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;对缩放后的第i行图片进行显示;将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤,在不需要框体的情况下能够确定出在第i行显示的至少一张图片,并对该至少一张图片进行缩放显示,保证每张图片显示的信息量不丢失,解决了图片的长和宽大于框体的长和宽造成图片显示的信息量丢失的问题,达到了增加图片显示的信息量的效果。
图2A是根据另一示例性实施例示出的一种图片显示方法的流程图,该图片显示方法应用于终端中,如图2A所示,该图片显示方法包括如下步骤。
在步骤201中,获取待显示的图片。
待显示的图片可以是终端从网络服务器中获取到的网页图片,也可以是终端本地存储的图片,本实施例不限定图片的来源。
在步骤202中,计算待显示的图片中每张图片各自的高宽比;选择高宽比之和属于预定区间的至少一张图片;将至少一张图片确定为在第i行显示的图片,i为正整数。
通常,终端是根据第i行中设置的框体的个数确定图片的张数,从而确定出在第i行显示的至少一张图片的。本实施例中并未在第i行中设置框体,因此,终端需要按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片。即,终端计算待显示的图片中每张图片各自的高宽比;选择高宽比之和属于预定区间的至少一张图片;将至少一张图片确定为在第i行显示的图片。其中,i是正整数。
图片的高宽比是指将图片的实际高度除以实际宽度得到的比值。比如,图片的实际高度是6毫米,实际宽度是5毫米,则图片的高宽比=6/5=1.2。
预定区间是用于选择在第i行显示的图片的区间。在计算预定区间时,本实施例提供的图片显示方法,还包括:
获取显示屏的高宽比;根据显示屏的高宽比确定预定区间。
显示屏的高宽比是指显示屏的实际高度除以实际宽度得到的比值。在计算得到显示屏的高宽比后,终端可以根据显示屏的高宽比得到预定区间的最小值和最大值,根据最小值和最大值确定该预定区间。其中,最小值和最大值可以是终端根据预定算法得到的,也可以是根据经验值总结得到的,本实施例不限定最小值和最大值的获取方式。
比如,当显示屏的高度是73.6厘米,宽度是14.4厘米时,显示屏的高宽比=73.6/14.4=5.1,此时可以根据该高宽比确定最小值是2、最大值是4,则确定的预定区间是[2,4]。
本实施例中,由于终端根据显示屏的高宽比来调整预定区间,使得第i行图片能够适应显示屏进行缩放,以美化图片显示效果。
其中,选择高宽比之和属于预定区间的至少一张图片,包括:
1)在确定第i行图片时,从待显示的图片中读取第j张图片,j初始为1;
2)若j为1,则检测第j张图片的高宽比是否属于预定区间,若检测出第j张图片的高宽比属于预定区间,则将第j张图片确定为选出的至少一张图片;若检测出第j张图片的高宽比小于预定区间的最小值,则保留第j张图片,将j调整为j+1,继续执行从待显示的图片中读取第j张图片的步骤;
3)若j大于1,则检测已经读取的j张图片的高宽比之和是否属于预定区间,若检测出j张图片的高宽比之和属于预定区间,则将j张图片确定为选出的至少一张图片;若检测出j张图片的高宽比之和小于预定区间的最小值,则保留第j张图片,将j调整为j+1,继续执行从待显示的图片中读取第j张图片的步骤;若检测出j张图片的高宽比之和大于预定区间的最大值,则将在第j张图片之前读取的j-1张图片确定为选出的至少一张图片。
为了便于理解,本实施例以预定区间是[2,4]为例进行说明。在确定第i行图片时,终端在获取到的图片中读取第1张图片,获取第1张图片的高宽比;如果第1张图片的高宽比大于2且小于4,则终端确定需要将第1张图片单独显示在第i行;如果第1张图片的高宽比小于2,则终端保留第1张图片。从获取到的图片中读取第2张图片,获取第2张图片的高宽比,计算第1张图片和第2张图片的高宽比之和,如果高宽比之和大于2且小于4,则终端确定需要将第1张图片和第2张图片显示在第i行;如果高宽比之和大于4,则终端确定需要将第1张图片单独显示在第i行;如果高宽比之和小于2,则终端保留第2张图片,从获取到的图片中读取第3张图片,获取第3张图片的高宽比,计算第1张图片、第2张图片和第3张图片的高宽比之和,继续比较高宽比之和与预定区间,直至确定出需要在第i行显示的至少一张图片后退出循环。其中,终端可以按照图片的获取顺序读取图片。
在步骤203中,将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度。
由于该至少一张图片需要在一行显示,因此,可以对该至少一张图片中的每张图片进行缩放,使得缩放后每张图片的缩放宽度之和等于显示屏宽度。其中,缩放宽度是指缩放后的图片的宽度。本实施例中,终端可以对每张图片进行等比例缩放,以保证图片不失真。
其中,将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度,包括:
1)获取显示屏宽度和至少一张图片中每张图片的高宽比;
2)计算每个高宽比的倒数之和,将显示屏宽度除以和得到每张图片共同的缩放高度;
3)将缩放高度除以每张图片各自的高宽比,得到每张图片的缩放宽度。
本实施例以在第i行显示3张图片为例对图片的缩放过程进行说明,假设第m张图片具有高宽比m、缩放宽度m和缩放高度m,则缩放宽度m=缩放高度m/高宽比m。
由于缩放宽度1+缩放宽度2+缩放宽度3=显示屏宽度,则(缩放高度1/高宽比1)+(缩放高度2/高宽比2)+(缩放高度3/高宽比3)=显示屏宽度,由于在同一行显示的3张图片的缩放高度相同,则缩放高度=显示屏宽度/[(1/宽高比1)+(1/宽高比2)+(1/宽高比3)],即计算每个宽高比的倒数之和,将显示屏宽度除以和得到每张图片共同的缩放高度。
再根据缩放宽度m=缩放高度m/高宽比m,可以分别计算出缩放宽度m,即将缩放高度除以每张图片各自的高宽比,得到每张图片的缩放宽度。
在步骤204中,对缩放后的第i行图片进行显示。
将第i行图片中的每张缩放后的图片排列在显示屏上进行显示。由于第i行图片是按照图片缩放后的大小直接显示的,并不需要将图片添加到框体中,因此,每张图片都能完全显示且显示屏中不会存在浪费的显示空间,避免了图片的长度和宽度大于框体的长度和宽度造成的部分图片被隐藏的问题,增加了图片显示的信息量。
请参考图2B所示的一种图片显示方法的效果图,图2B中显示屏上的矩形是根据缩放后图片的大小确定的,用于表示一张图片,则第1行显示有3张图片,第2行显示有2张图片,第3行显示有2张图片,第4行显示有2张图片,第5行显示有3张图片。
在步骤205中,将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤。
在显示完第i行图片后,若终端还需要对第i+1行图片进行显示,则可以将i更新为i+1,继续执行步骤201至步骤205,直至显示完所有待显示的图片后结束流程。
当终端首次显示图片时,还可以将步骤204修改为对缩放后的第i行图片进行缓存,循环执行步骤201至步骤205,在满足预定条件后对缓存的至少一行图片一起进行显示。之后,终端可以执行本实施例提供的步骤201至步骤205来逐行显示图片。
本实施例提供的图片显示方法可以实现为一个新的盒模型添加到CSS(Cascading Stylesheet,层叠样式表)中,而不是通过hack来对原有的盒模型进行扩充,不会导致CSS与JavaScript之间产生耦合,从而提高了图片显示方法的可维护性和可靠性。
综上所述,本公开提供的图片显示方法,通过按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片;将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;对缩放后的第i行图片进行显示;将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤,在不需要框体的情况下能够确定出在第i行显示的至少一张图片,并对该至少一张图片进行缩放显示,保证每张图片显示的信息量不丢失,解决了图片的长和宽大于框体的长和宽造成图片显示的信息量丢失的问题,达到了增加图片显示的信息量的效果。
另外,通过获取显示屏的高宽比;根据显示屏的高宽比确定预定区间,可以根据显示屏的高宽比来调整预定区间,使得第i行图片能够适应显示屏进行缩放,以美化图片显示效果。
图3是根据一示例性实施例示出的一种图片显示装置的框图,该图片显示装置应用于终端中,如图3所示,该图片显示装置包括:图片获取模块310、图片确定模块320、图片缩放模块330、图片显示模块340和操作循环模块350。
该图片获取模块310,被配置为获取待显示的图片;
该图片确定模块320,被配置为按照图片获取模块310获取到的待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;
该图片缩放模块330,被配置为将图片确定模块320确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;
该图片显示模块340,被配置为对图片缩放模块330缩放后的第i行图片进行显示;
该操作循环模块350,被配置为将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的操作。
综上所述,本公开提供的图片显示装置,通过按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片;将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;对缩放后的第i行图片进行显示;将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤,在不需要框体的情况下能够确定出在第i行显示的至少一张图片,并对该至少一张图片进行缩放显示,保证每张图片显示的信息量不丢失,解决了图片的长和宽大于框体的长和宽造成图片显示的信息量丢失的问题,达到了增加图片显示的信息量的效果。
图4是根据一示例性实施例示出的一种图片显示装置的框图,该图片显示装置应用于终端中,如图4所示,该图片显示装置包括:图片获取模块310、图片确定模块320、图片缩放模块330、图片显示模块340和操作循环模块350。
该图片获取模块310,被配置为获取待显示的图片;
该图片确定模块320,被配置为按照图片获取模块310获取到的待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;
该图片缩放模块330,被配置为将图片确定模块320确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;
该图片显示模块340,被配置为对图片缩放模块330缩放后的第i行图片进行显示;
该操作循环模块350,被配置为将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的操作。
可选的,图片确定模块320,包括:比值计算单元321、图片选择单元322和图片确定单元323;
该比值计算单元321,被配置为计算待显示的图片中每张图片各自的高宽比;
该图片选择单元322,被配置为选择高宽比之和属于预定区间的至少一张图片;
该图片确定单元323,被配置为将图片选择单元322选出的至少一张图片确定为在第i行显示的图片。
可选的,图片选择单元322,包括:图片读取子单元3221、第一选择子单元3222和第二选择子单元3223;
该图片读取子单元3221,被配置为在确定第i行图片时,从待显示的图片中读取第j张图片,j初始为1;
该第一选择子单元3222,被配置为若j为1,则检测图片读取子单元3221读取的第j张图片的高宽比是否属于预定区间,若检测出第j张图片的高宽比属于预定区间,则将第j张图片确定为选出的至少一张图片;若检测出第j张图片的高宽比小于预定区间的最小值,则保留第j张图片,将j调整为j+1,继续执行从待显示的图片中读取第j张图片的步骤;
该第二选择子单元3223,被配置为若j大于1,则检测图片读取子单元3221已经读取的j张图片的高宽比之和是否属于预定区间,若检测出j张图片的高宽比之和属于预定区间,则将j张图片确定为选出的至少一张图片;若检测出j张图片的高宽比之和小于预定区间的最小值,则保留第j张图片,将j调整为j+1,继续执行从待显示的图片中读取第j张图片的步骤;若检测出j张图片的高宽比之和大于预定区间的最大值,则将在第j张图片之前读取的j-1张图片确定为选出的至少一张图片。
可选的,本实施例提供的图片显示装置,还包括:比值获取模块360和区间确定模块370;
该比值获取模块360,被配置为获取显示屏的高宽比;
该区间确定模块370,被配置为根据比值获取模块360获取到的显示屏的高宽比确定预定区间。
可选的,图片缩放模块330,包括:数值获取单元331、高度计算单元332和宽度计算单元333;
该数值获取单元331,被配置为获取显示屏宽度和至少一张图片中每张图片的高宽比;
该高度计算单元332,被配置为计算数值获取单元331获取到的每个高宽比的倒数之和,将显示屏宽度除以和得到每张图片共同的缩放高度;
该宽度计算单元333,被配置为将高度计算单元332计算得到的缩放高度除以每张图片各自的高宽比,得到每张图片的缩放宽度。
综上所述,本公开提供的图片显示装置,通过按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片;将确定出的至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;对缩放后的第i行图片进行显示;将i调整为i+1,继续执行按照待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤,在不需要框体的情况下能够确定出在第i行显示的至少一张图片,并对该至少一张图片进行缩放显示,保证每张图片显示的信息量不丢失,解决了图片的长和宽大于框体的长和宽造成图片显示的信息量丢失的问题,达到了增加图片显示的信息量的效果。
另外,通过获取显示屏的高宽比;根据显示屏的高宽比确定预定区间,可以根据显示屏的高宽比来调整预定区间,使得第i行图片能够适应显示屏进行缩放,以美化图片显示效果。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图5是根据一示例性实施例示出的一种用于图片显示装置500的框图。例如,装置500可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图5,装置500可以包括以下一个或多个组件:处理组件502,存储器504,电源组件506,多媒体组件508,音频组件510,输入/输出(I/O)的接口512,传感器组件514,以及通信组件516。
处理组件502通常控制装置500的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器518来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件502可以包括一个或多个模块,便于处理组件502和其他组件之间的交互。例如,处理组件502可以包括多媒体模块,以方便多媒体组件508和处理组件502之间的交互。
存储器504被配置为存储各种类型的数据以支持在装置500的操作。这些数据的示例包括用于在装置500上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件506为装置500的各种组件提供电力。电源组件506可以包括电源管理***,一个或多个电源,及其他与为装置500生成、管理和分配电力相关联的组件。
多媒体组件508包括在所述装置500和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件508包括一个前置摄像头和/或后置摄像头。当装置500处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。
音频组件510被配置为输出和/或输入音频信号。例如,音频组件510包括一个麦克风(MIC),当装置500处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中,音频组件510还包括一个扬声器,用于输出音频信号。
I/O接口512为处理组件502和***接口模块之间提供接口,上述***接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件514包括一个或多个传感器,用于为装置500提供各个方面的状态评估。例如,传感器组件514可以检测到装置500的打开/关闭状态,组件的相对定位,例如所述组件为装置500的显示器和小键盘,传感器组件514还可以检测装置500或装置500一个组件的位置改变,用户与装置500接触的存在或不存在,装置500方位或加速/减速和装置500的温度变化。传感器组件514可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件514还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件516被配置为便于装置500和其他设备之间有线或无线方式的通信。装置500可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件516经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件516还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器504,上述指令可由装置500的处理器518执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里的公开的后,将容易想到本的其它实施方案。本申请旨在涵盖本的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本的真正范围和精神由下面的权利要求指出。
应当理解的是,本并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本的范围仅由所附的权利要求来限制。
Claims (11)
1.一种图片显示方法,其特征在于,包括:
获取待显示的图片;
按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;
将确定出的所述至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;
对缩放后的所述第i行图片进行显示;
将所述i调整为i+1,继续执行所述按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤。
2.根据权利要求1所述的方法,其特征在于,所述按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,包括:
计算所述待显示的图片中每张图片各自的高宽比;
选择高宽比之和属于预定区间的至少一张图片;
将所述至少一张图片确定为在所述第i行显示的图片。
3.根据权利要求2所述的方法,其特征在于,所述选择高宽比之和属于预定区间的至少一张图片,包括:
在确定所述第i行图片时,从所述待显示的图片中读取第j张图片,j初始为1;
若j为1,则检测所述第j张图片的高宽比是否属于所述预定区间,若检测出所述第j张图片的高宽比属于所述预定区间,则将所述第j张图片确定为选出的所述至少一张图片;若检测出所述第j张图片的高宽比小于所述预定区间的最小值,则保留所述第j张图片,将所述j调整为j+1,继续执行所述从所述待显示的图片中读取第j张图片的步骤;
若j大于1,则检测已经读取的j张图片的高宽比之和是否属于所述预定区间,若检测出所述j张图片的高宽比之和属于所述预定区间,则将所述j张图片确定为选出的所述至少一张图片;若检测出所述j张图片的高宽比之和小于所述预定区间的最小值,则保留所述第j张图片,将所述j调整为j+1,继续执行所述从所述待显示的图片中读取第j张图片的步骤;若检测出所述j张图片的高宽比之和大于所述预定区间的最大值,则将在所述第j张图片之前读取的j-1张图片确定为选出的所述至少一张图片。
4.根据权利要求2或3所述的方法,其特征在于,还包括:
获取所述显示屏的高宽比;
根据所述显示屏的高宽比确定所述预定区间。
5.根据权利要求1所述的方法,其特征在于,所述将确定出的所述至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度,包括:
获取所述显示屏宽度和所述至少一张图片中每张图片的高宽比;
计算每个高宽比的倒数之和,将所述显示屏宽度除以所述和得到每张图片共同的缩放高度;
将所述缩放高度除以每张图片各自的高宽比,得到每张图片的缩放宽度。
6.一种图片显示装置,其特征在于,包括:
图片获取模块,被配置为获取待显示的图片;
图片确定模块,被配置为按照所述图片获取模块获取到的所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;
图片缩放模块,被配置为将所述图片确定模块确定出的所述至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;
图片显示模块,被配置为对所述图片缩放模块缩放后的所述第i行图片进行显示;
操作循环模块,被配置为将所述i调整为i+1,继续执行所述按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的操作。
7.根据权利要求6所述的装置,其特征在于,所述图片确定模块,包括:
比值计算单元,被配置为计算所述待显示的图片中每张图片各自的高宽比;
图片选择单元,被配置为选择高宽比之和属于预定区间的至少一张图片;
图片确定单元,被配置为将所述图片选择单元选出的所述至少一张图片确定为在所述第i行显示的图片。
8.根据权利要求7所述的装置,其特征在于,所述图片选择单元,包括:
图片读取子单元,被配置为在确定所述第i行图片时,从所述待显示的图片中读取第j张图片,j初始为1;
第一选择子单元,被配置为若j为1,则检测所述图片读取子单元读取的所述第j张图片的高宽比是否属于所述预定区间,若检测出所述第j张图片的高宽比属于所述预定区间,则将所述第j张图片确定为选出的所述至少一张图片;若检测出所述第j张图片的高宽比小于所述预定区间的最小值,则保留所述第j张图片,将所述j调整为j+1,继续执行所述从所述待显示的图片中读取第j张图片的步骤;
第二选择子单元,被配置为若j大于1,则检测所述图片读取子单元已经读取的j张图片的高宽比之和是否属于所述预定区间,若检测出所述j张图片的高宽比之和属于所述预定区间,则将所述j张图片确定为选出的所述至少一张图片;若检测出所述j张图片的高宽比之和小于所述预定区间的最小值,则保留所述第j张图片,将所述j调整为j+1,继续执行所述从所述待显示的图片中读取第j张图片的步骤;若检测出所述j张图片的高宽比之和大于所述预定区间的最大值,则将在所述第j张图片之前读取的j-1张图片确定为选出的所述至少一张图片。
9.根据权利要求7或8所述的装置,其特征在于,还包括:
比值获取模块,被配置为获取所述显示屏的高宽比;
区间确定模块,被配置为根据所述比值获取模块获取到的所述显示屏的高宽比确定所述预定区间。
10.根据权利要求6所述的装置,其特征在于,所述图片缩放模块,包括:
数值获取单元,被配置为获取所述显示屏宽度和所述至少一张图片中每张图片的高宽比;
高度计算单元,被配置为计算所述数值获取单元获取到的每个高宽比的倒数之和,将所述显示屏宽度除以所述和得到每张图片共同的缩放高度;
宽度计算单元,被配置为将所述高度计算单元计算得到的所述缩放高度除以每张图片各自的高宽比,得到每张图片的缩放宽度。
11.一种图片显示装置,其特征在于,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取待显示的图片;
按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片,i为正整数;
将确定出的所述至少一张图片按照各自的高宽比进行缩放,使得缩放后第i行图片的缩放宽度之和等于显示屏宽度;
对缩放后的所述第i行图片进行显示;
将所述i调整为i+1,继续执行所述按照所述待显示的图片中每张图片各自的高宽比确定在第i行显示的至少一张图片的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410293389.3A CN104111777B (zh) | 2014-06-26 | 2014-06-26 | 图片显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410293389.3A CN104111777B (zh) | 2014-06-26 | 2014-06-26 | 图片显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104111777A true CN104111777A (zh) | 2014-10-22 |
CN104111777B CN104111777B (zh) | 2017-08-01 |
Family
ID=51708590
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410293389.3A Active CN104111777B (zh) | 2014-06-26 | 2014-06-26 | 图片显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104111777B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105808102A (zh) * | 2016-03-03 | 2016-07-27 | 北京小米移动软件有限公司 | 添加边框的方法及装置 |
CN109697264A (zh) * | 2017-10-23 | 2019-04-30 | 腾讯科技(深圳)有限公司 | 页面元素的布置方法、装置、计算设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CA2487256A1 (en) * | 2003-11-14 | 2005-05-14 | Microsoft Corporation | Controlled non-proportional scaling display |
CN1845577A (zh) * | 2005-04-06 | 2006-10-11 | 索尼公司 | 图像处理设备和方法、记录介质和程序 |
CN102682099A (zh) * | 2012-04-27 | 2012-09-19 | 北京百度网讯科技有限公司 | 一种用于在目标区域提供目标图片的方法与设备 |
CN103593820A (zh) * | 2013-11-27 | 2014-02-19 | 深圳市金立通信设备有限公司 | 一种图片处理的方法及终端 |
-
2014
- 2014-06-26 CN CN201410293389.3A patent/CN104111777B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CA2487256A1 (en) * | 2003-11-14 | 2005-05-14 | Microsoft Corporation | Controlled non-proportional scaling display |
CN1845577A (zh) * | 2005-04-06 | 2006-10-11 | 索尼公司 | 图像处理设备和方法、记录介质和程序 |
CN102682099A (zh) * | 2012-04-27 | 2012-09-19 | 北京百度网讯科技有限公司 | 一种用于在目标区域提供目标图片的方法与设备 |
CN103593820A (zh) * | 2013-11-27 | 2014-02-19 | 深圳市金立通信设备有限公司 | 一种图片处理的方法及终端 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105808102A (zh) * | 2016-03-03 | 2016-07-27 | 北京小米移动软件有限公司 | 添加边框的方法及装置 |
CN105808102B (zh) * | 2016-03-03 | 2019-11-08 | 北京小米移动软件有限公司 | 添加边框的方法及装置 |
CN109697264A (zh) * | 2017-10-23 | 2019-04-30 | 腾讯科技(深圳)有限公司 | 页面元素的布置方法、装置、计算设备及存储介质 |
CN109697264B (zh) * | 2017-10-23 | 2023-04-07 | 腾讯科技(深圳)有限公司 | 页面元素的布置方法、装置、计算设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN104111777B (zh) | 2017-08-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104243819A (zh) | 照片获取方法及装置 | |
US9313451B2 (en) | Video communication method and electronic device for processing method thereof | |
CN103914523A (zh) | 页面回退控制方法及装置 | |
CN104519282A (zh) | 图像拍摄方法及装置 | |
CN106294609A (zh) | 页面加载方法及装置 | |
CN104536787B (zh) | 资源预加载方法及装置 | |
CN104156245A (zh) | 列表更新方法和装置 | |
CN104598131A (zh) | 调节页面显示方式的方法及装置 | |
CN105630411A (zh) | 内存管理方法及装置 | |
CN104168422A (zh) | 处理图像的方法及装置 | |
CN107315792A (zh) | 页面更新方法、装置、电子设备和计算机可读存储介质 | |
CN103885712A (zh) | 网页调整方法、装置及电子设备 | |
CN105630337A (zh) | 控件控制方法及装置 | |
CN105453024A (zh) | 用于显示的方法及其电子装置 | |
CN104407924A (zh) | 内存优化方法及装置 | |
CN105808305A (zh) | 静态资源的加载方法和装置 | |
CN104636164A (zh) | 启动页面生成方法及装置 | |
CN105354017A (zh) | 信息处理方法及装置 | |
CN104461283A (zh) | 网络视图的截图方法及装置、电子设备 | |
CN104035673A (zh) | 对象控制方法及相关装置 | |
CN105550213A (zh) | 图片浏览方法和装置 | |
CN104035977A (zh) | 网页加载方法及装置 | |
CN105335061A (zh) | 信息的显示方法、装置及终端 | |
CN104020972A (zh) | 背景显示方法、装置及电子设备 | |
CN105094633A (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 |