图像展示控制方法、装置、存储介质及电子设备转让专利
申请号 : CN201910271230.4
文献号 : CN110032701B
文献日 : 2021-07-09
发明人 : 孙静 , 杜其丰 , 何重龙
申请人 : 网易(杭州)网络有限公司
摘要 :
权利要求 :
1.一种图像展示控制方法,其特征在于,包括:确定待展示图像;
若所述待展示图像的数量等于预设数量,则将展示区域平均划分为所述预设数量的布局窗格,并根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格;其中,所述第一缩略裁剪规则包括根据所述布局窗格的边长对所述待展示图像进行缩放以及根据所述布局窗格的中心位置对所述待展示图像进行裁剪;
若所述待展示图像的数量小于所述预设数量,则根据所述待展示图像的数量确定所述待展示区域中布局窗格的数量和各布局窗格的大小,根据所述布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
2.根据权利要求1所述的图像展示控制方法,其特征在于,若所述待展示图像的数量大于所述预设数量,则将所述展示区域平均划分为所述预设数量的布局窗格,根据所述第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格,并在预设的布局窗格显示图像数量指示信息。
3.根据权利要求1所述的图像展示控制方法,其特征在于,若所述布局窗格为正方形,则所述根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格包括:
将所述待展示图像缩放至其短边与所述布局窗格的边长相同;
以所述布局窗格的中心位置与所述待展示图像的中心位置重合,以所述布局窗格的尺寸对经过缩放的图像进行裁剪;以及将经裁剪的图像展示在所述布局窗格。
4.根据权利要求1所述的图像展示控制方法,其特征在于,若所述待展示图像的宽高比小于1,则所述第二缩略裁剪规则包括;
将所述待展示图像缩放至其宽度与所述布局窗格的宽度相同;以及根据所述布局窗格的大小对经缩放的图像的预定高度区域进行裁剪。
5.根据权利要求1所述的图像展示控制方法,其特征在于,若所述布局窗格对应的待展示图像的宽高比小于1,则所述第二缩略裁剪规则包括:以所述布局窗格的中心位置与所述图像的中心位置重合,将所述图像缩放至其宽度与所述布局窗格的宽度相同;以及
根据所述布局窗格的大小对经缩放的图像进行裁剪。
6.根据权利要求1所述的图像展示控制方法,其特征在于,若所述布局窗格对应的待展示图像的宽高比小于1,则所述第二缩略裁剪规则包括:以所述布局窗格的中心位置与所述图像的中心位置重合,将所述图像缩放至其高度与所述布局窗格的高度相同;以及
根据所述布局窗格的大小对经缩放的图像进行裁剪。
7.根据权利要求1所述的图像展示控制方法,其特征在于,还包括:预先建立待展示图像数量与布局窗格的映射关系。
8.一种图像展示控制装置,其特征在于,包括:图像确定模块,用于确定待展示图像;
第一控制模块,用于在所述待展示图像的数量等于预设数量时,将展示区域平均划分为所述预设数量的布局窗格,并根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格;其中,所述第一缩略裁剪规则包括根据所述布局窗格的边长对所述待展示图像进行缩放以及根据所述布局窗格的中心位置对所述待展示图像进行裁剪;
第二控制模块,用于在所述待展示图像的数量小于所述预设数量时,据所述待展示图像的数量确定所述待展示区域中布局窗格的数量和各布局窗格的大小,根据所述布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
9.一种计算机可读存储介质,其上存储计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1‑7任一项所述的方法。
10.一种电子设备,其特征在于,包括:处理器;以及
存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1‑7任一项所述的方法。
说明书 :
图像展示控制方法、装置、存储介质及电子设备
技术领域
背景技术
的数量为多少,均以相同大小的宫格对图像进行展示,无法实现对特定图像的突出显示;此
外,在现有的展示技术中,应用程序会自动对待展示的图像进行缩放和/或剪裁,导致用户
无法实现对特定图像的特定区域进行突出展示,这严重降低了图像的展示效果。
发明内容
中所述预设数量的布局窗格;
局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述
布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格
对应的待展示图像的宽高比确定的裁剪规则。
的待展示图像展示在所述展示区域中所述预设数量的布局窗格,并在预设的布局窗格显示
图像数量指示信息。
展示在所述展示区域中所述预设数量的布局窗格;
窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展
示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比
和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
对待展示图像进行裁剪,从而实现对特定图像的特定展示。一方面,通过布局窗格的数量和
各布局窗格的大小划分所述展示区域,可以克服现有的展示技术中宫格形状单一、展示区
域存在空白区域的问题,提高了图像的展示效果;另一方面,根据各布局窗格的大小和形状
对与其对应的待展示图像进行缩放,可以有效解决相关技术中采用统一的缩放规则而导致
的图像画面过大或过小的问题;再一方面,根据布局窗格的宽高比及图像的宽高比对待展
示图像进行裁剪,可以实现对图像中特定区域的突出显示,提高图像展示的效果,并且能够
以更简单方便的方式对图像进行展示。
附图说明
些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些
附图获得其他的附图。在附图中:
具体实施方式
全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结
构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许
多具体细节从而给出对本公开的实施方式的充分理解。然而,本领域技术人员将意识到,可
以实践本公开的技术方案而省略所述特定细节中的一个或更多,或者可以采用其它的方
法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知技术方案以避免喧宾夺主而
使得本公开的各方面变得模糊。
功能实体,不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些
功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或
处理器装置和/或微控制器装置中实现这些功能实体。附图中所示的流程图仅是示例性说
明,不是必须包括所有的步骤。例如,有的步骤还可以分解,而有的步骤可以合并或部分合
并,因此实际执行的顺序有可能根据实际情况改变。另外,本公开的术语“第一”、“第二”仅
是为了区分的目的,不应将其作为本公开的限制。
格形式进行展示,这种方式由于难以有效利用到右下角的空白位置,因而造成展示区域存
在显示空白的视觉缺陷;相关技术中另一种图像展示界面如图2所示,这种展示技术中用户
发布多张图像时展示区域仅显示一张图像,导致用户难以预知其他图像的内容及展示效
果,严重降低了用户的社交体验。并且在上述两种方案中,在将图像显示为缩略图时应用软
件采用统一的规则对图像进行缩放及裁剪,难以实现对图像特定区域的突出显示,严重降
低了网络社交中所发布图像的展示效果。
示区域中所述预设数量的布局窗格;
和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示
在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布
局窗格对应的待展示图像的宽高比确定的裁剪规则。
图像进行裁剪,从而实现对特定图像的特定展示。一方面,通过布局窗格的数量和各布局窗
格的大小划分所述展示区域,可以克服现有的展示技术中宫格形状单一、展示区域存在空
白区域的问题,提高了图像展示的效果;另一方面,根据各布局窗格的大小和形状对与其对
应的待展示图像进行缩放,可以有效解决相关技术中采用统一的缩放规则而导致的图像画
面过大或过小的问题;再一方面,根据布局窗格的宽高比及图像的宽高比对待展示图像进
行裁剪,可以实现对图像中特定区域的突出显示,提高图像展示效果,并且能够以更简单方
便的方式对图像进行展示。
台式电脑、电视等电子设备中运行;相应的,图像展示控制装置可以存储在智能手机、平板
电脑、笔记本电脑、台式电脑、电视等电子设备中。以下主要以社交网络应用在手机上运行
为例对本公开的实施例进行示例性说明。
的数量的各布局窗格的大小对划分所述展示区域,但其他步骤的实施与展示多张图像并无
特别差异。为更加充分全面地描述本公开所述的图像展示控制方法,下面主要以展示多张
图像为例对本公开的技术方案进行详细说明。
连接、无线连接等方式接收到其他设备发送的一张或多张图像;应当理解,上述确定待展示
图像的方式仅是对本公开实施方式中步骤S31的示例性说明而非列举式说明,在其他实施
方式及实施例中,还可以通过其他方式确定待展示图像,本公开对此不做特别限定。此外,
所述图像可以是动态图像也可以是静态图像,即步骤S31可以包括:确定待展示的一张或多
张动态图像,也可以包括确定一张或多张待展示的静态图像,还可以包括确定由动态图像
和静态图像组成的数张图像,本公开对此也不做特别限定。
在所述展示区域中所述预设数量的布局窗格;
像进行展示。在图4所示的各布局窗格为正方形的情况下,可以根据布局窗格的边长对待展
示图像进行缩放以及根据布局窗格的中心位置对带展示图像进行裁剪。详细而言,根据第
一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布
局窗格可以包括:
至其短边与所述布局窗格的边长相同,以实现图像在布局窗格中的饱满显示。示例性地,图
5为正方形布局窗格下根据第一缩略图裁剪规则对待展示图像进行裁剪的示意图。参考图
5,布局窗格52对应的待展示图像为图像51,首先,根据布局窗格52的边长对图像51进行缩
放,使其短边长度与布局窗格52的边长相等,得到图像53;其次,以布局窗格52的中心位置
与图像53的中心位置重合,根据布局窗格52的尺寸对图像53进行裁剪,得到缩略图54。再一
示例性地,图6为正方形布局窗格下根据第一缩略图裁剪规则对另一待展示图像进行裁剪
的示意图。参考图6,布局窗格62对应的待展示图像为图像61,首先,根据布局窗格62的边长
对图像61进行缩放,使其短边长度与布局窗格62的边长相等,得到图像63;其次,以布局窗
格62的中心位置与图像63的中心位置重合,根据布局窗格62的尺寸对图像63进行裁剪,得
到缩略图64。
窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展
示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比
和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
各图像数量对应的布局窗格的数量,以及各布局窗格的形状和大小。在预设数量是9张的情
况下待展示图像的数量可以是小于9张的任意正整数。可以理解,在不同数量的图像下根据
布局窗格的数量和各布局窗格的大小划分展示区域的方式也不仅相同。例如,在待展示图
像数量为3‑8张的情况下,展示区域的布局可以如图7和图8所示。应当理解,图7所示的划分
方式仅是对该实施例的示例性说明,而非列举式说明,每个数量下的展示区域的划分方式
并不限于图7所示。例如在图7‑1中,较大的图像可以展示在右边区域,而在图7‑3中,较大的
图像可以展示在右边区域,也可以展示在左下区域或者右下区域,本公开对此不做特别限
定。
可以参考上述图5及图6所示的缩略规则,此处不再做重复性描述;针对长方形布局窗格的
缩略规则参考下文所述:
图像93进行裁剪,得到缩略图94。可选地,可以选取图像93的2/5高度处进行裁剪;可选地,
在图10所示的图像中,还可以选取待展示图像最上方的位置进行裁剪;应当理解,在其他实
施例中,还可以选取待展示图像的其他位置进行裁剪,本公开对此不做特别限定。
112的宽度相同,得到图像113,并以布局窗格112的大小对图像113进行裁剪得到缩略图
114。参考图12及图13,在另一实施例中,也可以将待展示图像缩放至其高度与布局窗格的
高度相同并进行裁剪。
第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的
布局窗格,并在预设的布局窗格显示图像数量指示信息。可选地,图像数量指示信息可以是
待展示图像的总数量;可选地,图像数量指示信息也可以是待展示图像中未显示在布局窗
格中的图像数量。
如可以在右下角布局窗格中显示所有待展示图像的数量。用户可以可以预知待展示图像的
数量信息,还可以通过滑动操作、点击指令等方式查看未显示在展示区域中的其他待展示
图像,以便预知图像展示之后的显示效果。
像展示在所述展示区域中所述预设数量的布局窗格;
布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述
待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽
高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
图像展示在所述展示区域中所述预设数量的布局窗格,并在预设的布局窗格显示图像数量
指示信息。
同的子模块;以及
同的子模块;以及
种程序产品的形式,其包括程序代码,当所述程序产品在终端设备上运行时,所述程序代码
用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例
性实施方式的步骤。
其结合使用。
半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举
的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读
存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器
(CD‑ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介
质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其
结合使用的程序。
过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户
计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算
设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远
程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网
(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商
来通过因特网连接)。
个方面可以具体实现为以下形式,即:完全的硬件实施方式、完全的软件实施方式(包括固
件、微代码等),或硬件和软件方面结合的实施方式,这里可以统称为“电路”、“模块”或“系
统”。
组件(包括存储单元1620和处理单元1610)的总线1630、显示单元1640。
示例性实施方式的步骤。例如,所述处理单元1610可以执行上述实施方式及实施例中的各
个步骤。
块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
的局域总线。
该电子设备1600能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解
调器等等)通信。这种通信可以通过输入/输出(I/O)接口1650进行。并且,电子设备1600还
可以通过网络适配器1660与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共
网络,例如因特网)通信。如图所示,网络适配器1660通过总线1630与电子设备1600的其它
模块通信。应当明白,尽管图中未示出,可以结合电子设备1600使用其它硬件和/或软件模
块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带
驱动器以及数据备份存储系统等。
实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失
性存储介质(可以是CD‑ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算
设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的
方法。
序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行。
模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模
块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或
惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由权利要求
指出。