CN110032701A - 图像展示控制方法、装置、存储介质及电子设备 - Google Patents

图像展示控制方法、装置、存储介质及电子设备 Download PDF

Info

Publication number
CN110032701A
CN110032701A CN201910271230.4A CN201910271230A CN110032701A CN 110032701 A CN110032701 A CN 110032701A CN 201910271230 A CN201910271230 A CN 201910271230A CN 110032701 A CN110032701 A CN 110032701A
Authority
CN
China
Prior art keywords
image
presented
layout pane
pane
layout
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
Application number
CN201910271230.4A
Other languages
English (en)
Other versions
CN110032701B (zh
Inventor
孙静
杜其丰
何重龙
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Netease Hangzhou Network Co Ltd
Original Assignee
Netease Hangzhou Network Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Netease Hangzhou Network Co Ltd filed Critical Netease Hangzhou Network Co Ltd
Priority to CN201910271230.4A priority Critical patent/CN110032701B/zh
Publication of CN110032701A publication Critical patent/CN110032701A/zh
Application granted granted Critical
Publication of CN110032701B publication Critical patent/CN110032701B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开涉及人机交互技术领域,提供了一种图像展示控制方法、装置、存储介质及电子设备。所述图像展示控制方法包括:确定待展示图像;若所述待展示图像的数量等于预设数量,则将展示区域平均划分为预设数量的布局窗格,并根据第一缩略裁剪规则将预设数量的待展示图像展示在展示区域中预设数量的布局窗格;若所述待展示图像的数量小于预设数量,则根据待展示图像的数量确定待展示区域中布局窗格的数量和各布局窗格的大小,根据布局窗格的数量和各布局窗格的大小划分展示区域,并根据第二缩略裁剪规则将待展示图像展示在布局窗格。本公开能够实现图像展示区域的饱满显示,并且可以对指定图像的特定区域进行突出展示,有效提高图像展示效果。

Description

图像展示控制方法、装置、存储介质及电子设备
技术领域
本公开涉及人机交互技术领域,具体涉及一种图像展示控制方法、图像展示控制装置、存储介质及电子设备。
背景技术
随着互联网技术的发展,各种网络社交应用的用户数量及活跃度均在不断增加,网络社交已成为当今时代重要的沟通方式。
目前,越来越多的网络社交应用设置有发布动态信息的功能,用户可以发布文字、图像、音频、视频等信息与其他用户进行社交互动。但在现有的技术中,无论用户发布图像的数量为多少,均以相同大小的宫格对图像进行展示,无法实现对特定图像的突出显示;此外,在现有的展示技术中,应用程序会自动对待展示的图像进行缩放和/或剪裁,导致用户无法实现对特定图像的特定区域进行突出展示,这严重降低了图像的展示效果。
需要说明的是,在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的目的在于提供一种图像展示控制方法、图像展示控制装置、存储介质及电子设备,进而至少在一定程度上克服相关技术中存在的图像展示效果差的问题。
本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
根据本公开的一个方面,提供一种图像展示控制方法,包括:
确定待展示图像;
若所述待展示图像的数量等于预设数量,则将展示区域平均划分为所述预设数量的布局窗格,并根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格;
若所述待展示图像的数量小于所述预设数量,则根据所述待展示图像的数量确定所述待展示区域中布局窗格的数量和各布局窗格的大小,根据所述布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
在本公开的一个实施例中,若所述待展示图像的数量大于预设数量,则将所述展示区域平均划分为所述预设数量的布局窗格,根据所述第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格,并在预设的布局窗格显示图像数量指示信息。
在本公开的一个实施例中,若所述布局窗格为正方形,则所述根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格包括:
将所述待展示图像缩放至其短边与所述布局窗格的边长相同;
以所述布局窗格的中心位置与所述待展示图像的中心位置重合,以所述布局窗格的尺寸对经过缩放的图像进行裁剪;以及
将经裁剪的图像展示在所述布局窗格。
在本公开的一个实施例中,若所述待展示图像的宽高比小于1,则所述第二缩略裁剪规则包括;
将所述待展示图像缩放至其宽度与所述布局窗格的宽度相同;以及根据所述布局窗格的大小对经缩放的图像的预定高度区域进行裁剪。
在本公开的一个实施例中,若所述布局窗格对应的待展示图像的宽高比小于1,则所述第二缩略裁剪规则包括:
以所述布局窗格的中心位置与所述图像的中心位置重合,将所述图像缩放至其宽度与所述布局窗格的宽度相同;以及
根据所述布局窗格的大小对经缩放的图像进行裁剪。
在本公开的一个实施例中,若所述布局窗格对应的待展示图像的宽高比小于1,则所述第二缩略裁剪规则包括:
以所述布局窗格的中心位置与所述图像的中心位置重合,将所述图像缩放至其高度与所述布局窗格的高度相同;以及
根据所述布局窗格的大小对经缩放的图像进行裁剪。
在本公开的一个实施例中,所述图像展示控制方法还包括:
预先建立待展示图像数量与布局窗格的映射关系。
根据本公开的另一方面,提供一种图像展示控制装置,包括:
图像确定模块,用于确定待展示图像;
第一控制模块,用于在所述待展示图像的数量等于预设数量时,将展示区域平均划分为所述预设数量的布局窗格,并根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格;
第二控制模块,用于在所述待展示图像的数量小于所述预设数量时,据所述待展示图像的数量确定所述待展示区域中布局窗格的数量和各布局窗格的大小,根据所述布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
根据本公开的再一方面,提供一种计算机可读存储介质,其上存储计算机程序,该计算机程序被处理器执行时实现上述任一项所述的方法。
根据本公开的再一方面,提供一种电子设备,包括:
处理器;以及
存储器,用于存储处理器的可执行指令;
其中,处理器配置为经由执行可执行指令来执行上述任一项所述的方法。
与现有技术相比,本公开至少具有以下区别和有益效果:
本公开提供了一种图像展示控制方法,可以根据待展示图像的数量确定图像展示区域中布局窗格的数量及各布局窗格的大小,并根据布局窗格和/或待展示图像的宽高比对待展示图像进行裁剪,从而实现对特定图像的特定展示。一方面,通过布局窗格的数量和各布局窗格的大小划分所述展示区域,可以克服现有的展示技术中宫格形状单一、展示区域存在空白区域的问题,提高了图像的展示效果;另一方面,根据各布局窗格的大小和形状对与其对应的待展示图像进行缩放,可以有效解决相关技术中采用统一的缩放规则而导致的图像画面过大或过小的问题;再一方面,根据布局窗格的宽高比及图像的宽高比对待展示图像进行裁剪,可以实现对图像中特定区域的突出显示,提高图像展示的效果,并且能够以更简单方便的方式对图像进行展示。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。在附图中:
图1是相关技术中一种图像展示的示意图;
图2是相关技术中另一种图像展示的示意图;
图3示例性示出本公开实施方式中一种图像展示控制方法的流程图;
图4示例性示出本公开实施例中一种图像展示界面的示意图;
图5示例性示出本公开实施例中一种第一缩略裁剪规则的示意图;
图6示例性示出本公开实施例中另一种第一缩略裁剪规则的示意图;
图7示例性示出本公开实施例中一种根据布局窗格划分展示区域的示意图;
图8示例性示出本公开实施例中另一种根据布局窗格划分展示区域的示意图;
图9示例性示出本公开实施例中一种一种第二缩略裁剪规则的示意图;
图10示例性示出本公开实施例中另一种第二缩略裁剪规则的示意图;
图11示例性示出本公开实施例中另一种第二缩略裁剪规则的示意图;
图12示例性示出本公开实施例中另一种第二缩略裁剪规则的示意图;
图13示例性示出本公开实施例中另一种第二缩略裁剪规则的示意图;
图14示例性示出本公开实施例中一种图像展示界面的示意图;
图15示例性示出本公开实施方式中一种图像展示控制装置的结构图。
图16示例性示出本公开实施方式中一种电子设备的结构图。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本公开的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而省略所述特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。
此外,附图仅为本公开的示例性图解,并非一定是按比例绘制。附图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体,不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。附图中所示的流程图仅是示例性说明,不是必须包括所有的步骤。例如,有的步骤还可以分解,而有的步骤可以合并或部分合并,因此实际执行的顺序有可能根据实际情况改变。另外,本公开的术语“第一”、“第二”仅是为了区分的目的,不应将其作为本公开的限制。
随着移动互联网技术的发展,通过社交网络应用进行图像展示的技术得到了广泛的应用。相关技术中一种图像展示界面如图1所示,在该方案中对所有图像均采用统一的宫格形式进行展示,这种方式由于难以有效利用到右下角的空白位置,因而造成展示区域存在显示空白的视觉缺陷;相关技术中另一种图像展示界面如图2所示,这种展示技术中用户发布多张图像时展示区域仅显示一张图像,导致用户难以预知其他图像的内容及展示效果,严重降低了用户的社交体验。并且在上述两种方案中,在将图像显示为缩略图时应用软件采用统一的规则对图像进行缩放及裁剪,难以实现对图像特定区域的突出显示,严重降低了网络社交中所发布图像的展示效果。
基于上述缺陷,本公开提供了一种图像展示控制方法,参考图3,所述图像展示控制方法包括以下步骤:
步骤S31:确定待展示图像;
步骤S33:若所述待展示图像的数量等于预设数量,将展示区域平均划分为所述预设数量的布局窗格,并根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格;
步骤S35:若所述待展示图像的数量小于所述预设数量,根据所述待展示图像的数量确定所述待展示区域中布局窗格的数量和各布局窗格的大小,根据所述布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
在上述图像展示控制方法中,可以根据待展示图像的数量确定图像展示区域中布局窗格的数量及各布局窗格的大小,并根据布局窗格和/或待展示图像的宽高比对待展示图像进行裁剪,从而实现对特定图像的特定展示。一方面,通过布局窗格的数量和各布局窗格的大小划分所述展示区域,可以克服现有的展示技术中宫格形状单一、展示区域存在空白区域的问题,提高了图像展示的效果;另一方面,根据各布局窗格的大小和形状对与其对应的待展示图像进行缩放,可以有效解决相关技术中采用统一的缩放规则而导致的图像画面过大或过小的问题;再一方面,根据布局窗格的宽高比及图像的宽高比对待展示图像进行裁剪,可以实现对图像中特定区域的突出显示,提高图像展示效果,并且能够以更简单方便的方式对图像进行展示。
本公开实施方式首先提供了一种图像展示控制方法,所述方法可以应用于社交网络应用,例如微信、微博、QQ等。所述社交网络应用可以在智能手机、平板电脑、笔记本电脑、台式电脑、电视等电子设备中运行;相应的,图像展示控制装置可以存储在智能手机、平板电脑、笔记本电脑、台式电脑、电视等电子设备中。以下主要以社交网络应用在手机上运行为例对本公开的实施例进行示例性说明。
图1位为本公开实施方式中一种图像展示控制方法的流程图。参考图1,所述图像展示控制方法包括以下步骤:
步骤S31:确定待展示图像;
其中,待展示图像的数量可以是一张也可以是多张,在待展示图像仅有一张的情况下,下文所述的布局窗格的大小可为设置为整个展示区域的大小,即无需根据布局窗格的数量的各布局窗格的大小对划分所述展示区域,但其他步骤的实施与展示多张图像并无特别差异。为更加充分全面地描述本公开所述的图像展示控制方法,下面主要以展示多张图像为例对本公开的技术方案进行详细说明。
在本公开的一个示例性实施例中,确定待展示图像可以是从手机相册中选取的一张或多张图像,也可以是通过手机的相机应用拍摄的一张或多张图像,还可以是通过有线连接、无线连接等方式接收到其他设备发送的一张或多张图像;应当理解,上述确定待展示图像的方式仅是对本公开实施方式中步骤S31的示例性说明而非列举式说明,在其他实施方式及实施例中,还可以通过其他方式确定待展示图像,本公开对此不做特别限定。此外,所述图像可以是动态图像也可以是静态图像,即步骤S31可以包括:确定待展示的一张或多张动态图像,也可以包括确定一张或多张待展示的静态图像,还可以包括确定由动态图像和静态图像组成的数张图像,本公开对此也不做特别限定。
此后进入步骤S33:若所述待展示图像的数量等于预设数量,将展示区域平均划分为所述预设数量的布局窗格,并根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格;
在本公开的一个示例性实施例中,所述预设数量为9张;相应的,可以将展示区域平均划分为9个布局窗格,其布局界面如图4所示,即可以通过九宫格的显示方式对所述图像进行展示。在图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。
此后进入步骤S35:若所述待展示图像的数量小于所述预设数量,则根据所述待展示图像的数量确定所述待展示区域中布局窗格的数量和各布局窗格的大小,根据所述布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
在本公开的一个示例性实施例中,所述图像展示控制方法还可以包括:预先建立待展示图像数量与布局窗格的映射关系。具体而言,可以在确定待展示图像之前,预先建立各图像数量对应的布局窗格的数量,以及各布局窗格的形状和大小。在预设数量是9张的情况下待展示图像的数量可以是小于9张的任意正整数。可以理解,在不同数量的图像下根据布局窗格的数量和各布局窗格的大小划分展示区域的方式也不仅相同。例如,在待展示图像数量为3-8张的情况下,展示区域的布局可以如图7和图8所示。应当理解,图7所示的划分方式仅是对该实施例的示例性说明,而非列举式说明,每个数量下的展示区域的划分方式并不限于图7所示。例如在图7-1中,较大的图像可以展示在右边区域,而在图7-3中,较大的图像可以展示在右边区域,也可以展示在左下区域或者右下区域,本公开对此不做特别限定。
在本公开的一个示例性实施例中,第二缩略裁剪规则可以包括针对正方形布局窗格的缩略规则及针对长方形布局窗格的缩略规则。其中,针对正方形布局窗格的缩略规则可以参考上述图5及图6所示的缩略规则,此处不再做重复性描述;针对长方形布局窗格的缩略规则参考下文所述:
参考图9,若待展示图像的宽高比小于1,即待展示图像91的宽度小于高度,则将待展示图像91缩放至其宽度与布局窗格92宽度相同,得到图像93,并以布局窗格92的大小对图像93进行裁剪,得到缩略图94。可选地,可以选取图像93的2/5高度处进行裁剪;可选地,在图10所示的图像中,还可以选取待展示图像最上方的位置进行裁剪;应当理解,在其他实施例中,还可以选取待展示图像的其他位置进行裁剪,本公开对此不做特别限定。
参考图11,若待展示图像的宽高比大于1,即待展示图像111的宽度大于高度,则以布局窗格112的中心位置与图像111的中心位置重合,将图像111缩放至其宽度与布局窗格112的宽度相同,得到图像113,并以布局窗格112的大小对图像113进行裁剪得到缩略图114。参考图12及图13,在另一实施例中,也可以将待展示图像缩放至其高度与布局窗格的高度相同并进行裁剪。
在本公开的另一示例性实施例中,所述图像展示方法还可以包括:若所述待展示图像的数量大于预设数量,则将所述展示区域平均划分为所述预设数量的布局窗格,根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格,并在预设的布局窗格显示图像数量指示信息。可选地,图像数量指示信息可以是待展示图像的总数量;可选地,图像数量指示信息也可以是待展示图像中未显示在布局窗格中的图像数量。
详细而言,参考图14,在待展示图像的数量大于9张的情况下,可以按照上述步骤S33对选定的九张图像进行展示,并在展示区域中特定位置显示所有待展示图像的数量;例如可以在右下角布局窗格中显示所有待展示图像的数量。用户可以可以预知待展示图像的数量信息,还可以通过滑动操作、点击指令等方式查看未显示在展示区域中的其他待展示图像,以便预知图像展示之后的显示效果。
本公开另一实施方式提供了一种图像展示控制装置,如图15所示,图像展示控制装置150包括:
图像确定模块151,用于确定待展示图像;
第一控制模块152,用于在所述待展示图像的数量等于预设数量时,将展示区域平均划分为所述预设数量的布局窗格,并根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格;
第二控制模块153,用于在所述待展示图像的数量小于所述预设数量时,根据所述待展示图像的数量确定所述待展示区域中布局窗格的数量和各布局窗格的大小,根据所述布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
在本公开的示例性实施例中,图像展示控制装置150还可以包括:
第三控制模块,用于在若所述待展示图像的数量大于预设数量时,将所述展示区域平均划分为所述预设数量的布局窗格,根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格,并在预设的布局窗格显示图像数量指示信息。
在本公开的示例性实施例中,第一控制模块152还可以包括:
用于将所述待展示图像缩放至其短边与所述布局窗格的边长相同的子模块;
用于以所述布局窗格的中心位置与所述待展示图像的中心位置重合,以所述布局窗格的尺寸对经过缩放的图像进行裁剪的子模块;以及
用于将经过裁剪的图像展示在布局窗格的子模块。
在本公开的示例性实施例中,第二控制模块153还可以包括:
用于在所述待展示图像的宽高比小于1时,将所述待展示图像缩放至其宽度与所述布局窗格的宽度相同的子模块;以及
用于根据所述布局窗格的大小对经缩放的图像的预定高度区域进行裁剪的子模块。
在本公开的示例性实施例中,第二控制模块153还可以包括:
用于在所述布局窗格对应的待展示图像的宽高比小于1时,以所述布局窗格的中心位置与所述图像的中心位置重合,并将所述图像缩放至其宽度与所述布局窗格的宽度相同的子模块;以及
用于根据所述布局窗格的大小对经缩放的图像进行裁剪的子模块。
在本公开的示例性实施例中,第二控制模块153还可以包括:
用于在所述布局窗格对应的待展示图像的宽高比小于1时,以所述布局窗格的中心位置与所述图像的中心位置重合,并将所述图像缩放至其高度与所述布局窗格的高度相同的子模块;以及
用于根据所述布局窗格的大小对经缩放的图像进行裁剪的子模块。
在本公开的示例性实施例中,图像展示控制装置150还可以包括:映射关系建立模块,用于预先建立待展示图像数量与布局窗格的映射关系。
本公开另一实施方式提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中,本发明的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当所述程序产品在终端设备上运行时,所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。
程序产品可以在终端设备,例如服务器上运行。在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
本公开另一实施方式提供一种能够实现上述方法的电子设备。所属技术领域的技术人员能够理解,本发明的各个方面可以实现为系统、方法或程序产品。因此,本发明的各个方面可以具体实现为以下形式,即:完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等),或硬件和软件方面结合的实施方式,这里可以统称为“电路”、“模块”或“系统”。
下面参照图16描述根据本发明的这种实施方式的电子设备1600。图16显示的电子设备1600仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图16所示,电子设备1600以通用计算设备的形式表现。电子设备1600的组件可以包括但不限于:上述至少一个处理单元1610、上述至少一个存储单元1620、连接不同系统组件(包括存储单元1620和处理单元1610)的总线1630、显示单元1640。
其中,所述存储单元存储有程序代码,所述程序代码可以被所述处理单元1610执行,使得所述处理单元1610执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如,所述处理单元1610可以执行上述实施方式及实施例中的各个步骤。
存储单元1620可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)1621和/或高速缓存存储单元1622,还可以进一步包括只读存储单元(ROM)1623。
存储单元1620还可以包括具有一组(至少一个)程序模块1625的程序/实用工具1624,这样的程序模块1625包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线1630可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备1600也可以与一个或多个外部设备1601(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备1600互的设备通信,和/或与使得该电子设备1600能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口1650进行。并且,电子设备1600还可以通过网络适配器1660与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器1660通过总线1630与电子设备1600的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备1600使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。
应当理解,上述附图仅是根据本发明示例性实施例的方法所包括的处理的示例性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其他实施例。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限。

Claims (10)

1.一种图像展示控制方法,其特征在于,包括:
确定待展示图像;
若所述待展示图像的数量等于预设数量,则将展示区域平均划分为所述预设数量的布局窗格,并根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格;
若所述待展示图像的数量小于所述预设数量,则根据所述待展示图像的数量确定所述待展示区域中布局窗格的数量和各布局窗格的大小,根据所述布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
2.根据权利要求1所述的图像展示控制方法,其特征在于,若所述待展示图像的数量大于所述预设数量,则将所述展示区域平均划分为所述预设数量的布局窗格,根据所述第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格,并在预设的布局窗格显示图像数量指示信息。
3.根据权利要求1所述的图像展示控制方法,其特征在于,若所述布局窗格为正方形,则所述根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格包括:
将所述待展示图像缩放至其短边与所述布局窗格的边长相同;
以所述布局窗格的中心位置与所述待展示图像的中心位置重合,以所述布局窗格的尺寸对经过缩放的图像进行裁剪;以及
将经裁剪的图像展示在所述布局窗格。
4.根据权利要求1所述的图像展示控制方法,其特征在于,若所述待展示图像的宽高比小于1,则所述第二缩略裁剪规则包括;
将所述待展示图像缩放至其宽度与所述布局窗格的宽度相同;以及根据所述布局窗格的大小对经缩放的图像的预定高度区域进行裁剪。
5.根据权利要求1所述的图像展示控制方法,其特征在于,若所述布局窗格对应的待展示图像的宽高比小于1,则所述第二缩略裁剪规则包括:
以所述布局窗格的中心位置与所述图像的中心位置重合,将所述图像缩放至其宽度与所述布局窗格的宽度相同;以及
根据所述布局窗格的大小对经缩放的图像进行裁剪。
6.根据权利要求1所述的图像展示控制方法,其特征在于,若所述布局窗格对应的待展示图像的宽高比小于1,则所述第二缩略裁剪规则包括:
以所述布局窗格的中心位置与所述图像的中心位置重合,将所述图像缩放至其高度与所述布局窗格的高度相同;以及
根据所述布局窗格的大小对经缩放的图像进行裁剪。
7.根据权利要求1所述的图像展示控制方法,其特征在于,还包括:
预先建立待展示图像数量与布局窗格的映射关系。
8.一种图像展示控制装置,其特征在于,包括:
图像确定模块,用于确定待展示图像;
第一控制模块,用于在所述待展示图像的数量等于预设数量时,将展示区域平均划分为所述预设数量的布局窗格,并根据第一缩略裁剪规则将所述预设数量的待展示图像展示在所述展示区域中所述预设数量的布局窗格;
第二控制模块,用于在所述待展示图像的数量小于所述预设数量时,据所述待展示图像的数量确定所述待展示区域中布局窗格的数量和各布局窗格的大小,根据所述布局窗格的数量和各布局窗格的大小划分所述展示区域,并根据第二缩略裁剪规则将所述待展示图像展示在所述布局窗格;其中,所述第二缩略裁剪规则为根据所述布局窗格的宽高比和/或所述布局窗格对应的待展示图像的宽高比确定的裁剪规则。
9.一种计算机可读存储介质,其上存储计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-7任一项所述的方法。
10.一种电子设备,其特征在于,包括:
处理器;以及
存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1-7任一项所述的方法。
CN201910271230.4A 2019-04-04 2019-04-04 图像展示控制方法、装置、存储介质及电子设备 Active CN110032701B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910271230.4A CN110032701B (zh) 2019-04-04 2019-04-04 图像展示控制方法、装置、存储介质及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910271230.4A CN110032701B (zh) 2019-04-04 2019-04-04 图像展示控制方法、装置、存储介质及电子设备

Publications (2)

Publication Number Publication Date
CN110032701A true CN110032701A (zh) 2019-07-19
CN110032701B CN110032701B (zh) 2021-07-09

Family

ID=67237556

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910271230.4A Active CN110032701B (zh) 2019-04-04 2019-04-04 图像展示控制方法、装置、存储介质及电子设备

Country Status (1)

Country Link
CN (1) CN110032701B (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110400368A (zh) * 2019-08-07 2019-11-01 杭州安恒信息技术股份有限公司 精简展示物联网资产安全的方法、装置及电子设备
CN111754407A (zh) * 2020-06-27 2020-10-09 北京百度网讯科技有限公司 图像展示的布局方法、装置、设备以及存储介质
CN113360063A (zh) * 2021-05-31 2021-09-07 网易(杭州)网络有限公司 一种图像展示方法、装置、电子设备及存储介质
CN114428594A (zh) * 2022-01-24 2022-05-03 北京百度网讯科技有限公司 图像显示方法、装置、电子设备及存储介质
WO2023005104A1 (zh) * 2021-07-28 2023-02-02 中国科学院深圳先进技术研究院 一种多视图展示方法、装置、设备和介质
CN115941861A (zh) * 2022-12-14 2023-04-07 上海山源电子科技股份有限公司 窗格画面播放方法、装置、电子设备及介质
CN116737102A (zh) * 2023-08-15 2023-09-12 南京易联阳光信息技术股份有限公司 云医药数据处理方法及平台

Citations (23)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20010005854A1 (en) * 1999-12-28 2001-06-28 Honda Giken Kogyo Kabushiki Kaisha System for sending and receiving e-mail to which a plurality of positional data are attachable
US20040252140A1 (en) * 2003-06-12 2004-12-16 Nec Plasma Display Corporation Apparatus for displaying images at multiple gray scales and method of reducing moving-picture pseudo-frame in the apparatus
US20070299830A1 (en) * 2006-06-26 2007-12-27 Christopher Muenchhoff Display of search results
CN101183353A (zh) * 2006-11-17 2008-05-21 佳能株式会社 信息处理装置、控制方法以及计算机可读介质
CN101425092A (zh) * 2008-12-05 2009-05-06 北大方正集团有限公司 基于桌面分色格式的图像对象排版方法及装置
CN101436307A (zh) * 2008-12-15 2009-05-20 北大方正集团有限公司 一种公式的交互式排版方法及系统
US20100088647A1 (en) * 2006-01-23 2010-04-08 Microsoft Corporation User interface for viewing clusters of images
CN101937428A (zh) * 2010-08-11 2011-01-05 优视科技有限公司 移动终端设备的带文字内容的图片的重新排版方法及系统
CN101996193A (zh) * 2009-08-21 2011-03-30 北京搜狗科技发展有限公司 一种展现网络资源链接的处理方法、系统及互联网终端
CN102469297A (zh) * 2010-11-10 2012-05-23 上海宝信软件股份有限公司 联动客户端数字视频显示的方法
CN102638654A (zh) * 2012-03-28 2012-08-15 华为技术有限公司 一种输出多画面的方法、装置及设备
CN102650985A (zh) * 2011-02-25 2012-08-29 易搜比控股公司 一种显示画面的动态排版方法
CN102663010A (zh) * 2012-03-20 2012-09-12 复旦大学 基于标注语义的个性化图像浏览与推荐方法及系统
CN102729902A (zh) * 2012-07-19 2012-10-17 西北工业大学 一种服务于汽车安全驾驶的嵌入式全景显示装置和方法
CN102789448A (zh) * 2012-06-21 2012-11-21 奇智软件(北京)有限公司 一种电子数据排版方法及装置
CN102905187A (zh) * 2011-07-25 2013-01-30 卡西欧计算机株式会社 图像显示系统、图像显示方法、社交网络服务系统
CN103699608A (zh) * 2013-12-13 2014-04-02 乐视网信息技术(北京)股份有限公司 页面布局方法及装置
CN103810485A (zh) * 2014-01-22 2014-05-21 深圳市东信时代信息技术有限公司 识别装置、文字识别系统及方法
CN103996167A (zh) * 2014-05-30 2014-08-20 广州金山网络科技有限公司 一种缩略图的显示方法以及用户设备
CN106920141A (zh) * 2015-12-28 2017-07-04 阿里巴巴集团控股有限公司 页面展示内容处理方法及装置
CN107750369A (zh) * 2015-06-17 2018-03-02 三星电子株式会社 用于显示多个图像的电子设备和用于处理图像的方法
CN107920015A (zh) * 2017-11-17 2018-04-17 北京小米移动软件有限公司 发布图片的方法和发布图片的装置
CN109523503A (zh) * 2018-09-11 2019-03-26 北京三快在线科技有限公司 一种图像裁剪的方法和装置

Patent Citations (23)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20010005854A1 (en) * 1999-12-28 2001-06-28 Honda Giken Kogyo Kabushiki Kaisha System for sending and receiving e-mail to which a plurality of positional data are attachable
US20040252140A1 (en) * 2003-06-12 2004-12-16 Nec Plasma Display Corporation Apparatus for displaying images at multiple gray scales and method of reducing moving-picture pseudo-frame in the apparatus
US20100088647A1 (en) * 2006-01-23 2010-04-08 Microsoft Corporation User interface for viewing clusters of images
US20070299830A1 (en) * 2006-06-26 2007-12-27 Christopher Muenchhoff Display of search results
CN101183353A (zh) * 2006-11-17 2008-05-21 佳能株式会社 信息处理装置、控制方法以及计算机可读介质
CN101425092A (zh) * 2008-12-05 2009-05-06 北大方正集团有限公司 基于桌面分色格式的图像对象排版方法及装置
CN101436307A (zh) * 2008-12-15 2009-05-20 北大方正集团有限公司 一种公式的交互式排版方法及系统
CN101996193A (zh) * 2009-08-21 2011-03-30 北京搜狗科技发展有限公司 一种展现网络资源链接的处理方法、系统及互联网终端
CN101937428A (zh) * 2010-08-11 2011-01-05 优视科技有限公司 移动终端设备的带文字内容的图片的重新排版方法及系统
CN102469297A (zh) * 2010-11-10 2012-05-23 上海宝信软件股份有限公司 联动客户端数字视频显示的方法
CN102650985A (zh) * 2011-02-25 2012-08-29 易搜比控股公司 一种显示画面的动态排版方法
CN102905187A (zh) * 2011-07-25 2013-01-30 卡西欧计算机株式会社 图像显示系统、图像显示方法、社交网络服务系统
CN102663010A (zh) * 2012-03-20 2012-09-12 复旦大学 基于标注语义的个性化图像浏览与推荐方法及系统
CN102638654A (zh) * 2012-03-28 2012-08-15 华为技术有限公司 一种输出多画面的方法、装置及设备
CN102789448A (zh) * 2012-06-21 2012-11-21 奇智软件(北京)有限公司 一种电子数据排版方法及装置
CN102729902A (zh) * 2012-07-19 2012-10-17 西北工业大学 一种服务于汽车安全驾驶的嵌入式全景显示装置和方法
CN103699608A (zh) * 2013-12-13 2014-04-02 乐视网信息技术(北京)股份有限公司 页面布局方法及装置
CN103810485A (zh) * 2014-01-22 2014-05-21 深圳市东信时代信息技术有限公司 识别装置、文字识别系统及方法
CN103996167A (zh) * 2014-05-30 2014-08-20 广州金山网络科技有限公司 一种缩略图的显示方法以及用户设备
CN107750369A (zh) * 2015-06-17 2018-03-02 三星电子株式会社 用于显示多个图像的电子设备和用于处理图像的方法
CN106920141A (zh) * 2015-12-28 2017-07-04 阿里巴巴集团控股有限公司 页面展示内容处理方法及装置
CN107920015A (zh) * 2017-11-17 2018-04-17 北京小米移动软件有限公司 发布图片的方法和发布图片的装置
CN109523503A (zh) * 2018-09-11 2019-03-26 北京三快在线科技有限公司 一种图像裁剪的方法和装置

Cited By (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110400368A (zh) * 2019-08-07 2019-11-01 杭州安恒信息技术股份有限公司 精简展示物联网资产安全的方法、装置及电子设备
CN111754407A (zh) * 2020-06-27 2020-10-09 北京百度网讯科技有限公司 图像展示的布局方法、装置、设备以及存储介质
CN111754407B (zh) * 2020-06-27 2024-03-01 北京百度网讯科技有限公司 图像展示的布局方法、装置、设备以及存储介质
CN113360063A (zh) * 2021-05-31 2021-09-07 网易(杭州)网络有限公司 一种图像展示方法、装置、电子设备及存储介质
CN113360063B (zh) * 2021-05-31 2023-02-03 网易(杭州)网络有限公司 一种图像展示方法、装置、电子设备及存储介质
WO2023005104A1 (zh) * 2021-07-28 2023-02-02 中国科学院深圳先进技术研究院 一种多视图展示方法、装置、设备和介质
CN114428594A (zh) * 2022-01-24 2022-05-03 北京百度网讯科技有限公司 图像显示方法、装置、电子设备及存储介质
CN114428594B (zh) * 2022-01-24 2023-09-01 北京百度网讯科技有限公司 图像显示方法、装置、电子设备及存储介质
CN115941861A (zh) * 2022-12-14 2023-04-07 上海山源电子科技股份有限公司 窗格画面播放方法、装置、电子设备及介质
CN115941861B (zh) * 2022-12-14 2023-09-26 上海山源电子科技股份有限公司 窗格画面播放方法、装置、电子设备及介质
CN116737102A (zh) * 2023-08-15 2023-09-12 南京易联阳光信息技术股份有限公司 云医药数据处理方法及平台
CN116737102B (zh) * 2023-08-15 2023-10-20 南京易联阳光信息技术股份有限公司 云医药数据处理方法及平台

Also Published As

Publication number Publication date
CN110032701B (zh) 2021-07-09

Similar Documents

Publication Publication Date Title
CN110032701A (zh) 图像展示控制方法、装置、存储介质及电子设备
CN106164856B (zh) 自适应用户交互窗格管理器
US20160004425A1 (en) Method of displaying graphic user interface and electronic device implementing same
CN109508128B (zh) 搜索控件显示方法、装置、设备及计算机可读存储介质
US9971480B2 (en) Methods and apparatus for providing graphical view of digital content
US11379112B2 (en) Managing content displayed on a touch screen enabled device
US20170221242A1 (en) Automatic overdraw reduction before rendering
CN111641797B (zh) 视频通话界面显示控制方法、装置、存储介质及设备
CN110032700A (zh) 信息发布控制方法、装置、存储介质及电子设备
US9513795B2 (en) System and method for graphic object management in a large-display area computing device
WO2021073327A1 (zh) 窗口显示方法、装置、终端及存储介质
CN109669657A (zh) 一种用于进行远程文档协作的方法与设备
EP3126948A1 (en) Content display with dynamic zoom focus
CN110825997A (zh) 信息流页面的显示方法、装置、终端设备及系统
WO2022179409A1 (zh) 控件显示方法、装置、设备及介质
US20150277715A1 (en) Content display with contextual zoom focus
US11295708B2 (en) Two-dimensional indication in contents
CN110389702A (zh) 一种截图方法、装置和存储介质
US20140201648A1 (en) Displaying hotspots in response to movement of icons
CN110456957B (zh) 显示交互方法、装置、设备、存储介质
CN112162800A (zh) 页面显示方法、装置、电子设备和计算机可读存储介质
US10732794B2 (en) Methods and systems for managing images
US20200218335A1 (en) Adapting a display of interface elements on a touch-based device to improve visibility
EP4060470A1 (en) Display method and device, and computer readable storage medium
JP2013105238A (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