CN112732958A - 图像显示方法、装置和电子设备 - Google Patents

图像显示方法、装置和电子设备 Download PDF

Info

Publication number
CN112732958A
CN112732958A CN202011521995.8A CN202011521995A CN112732958A CN 112732958 A CN112732958 A CN 112732958A CN 202011521995 A CN202011521995 A CN 202011521995A CN 112732958 A CN112732958 A CN 112732958A
Authority
CN
China
Prior art keywords
image
images
input
displaying
single 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.)
Pending
Application number
CN202011521995.8A
Other languages
English (en)
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.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication 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 Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Priority to CN202011521995.8A priority Critical patent/CN112732958A/zh
Publication of CN112732958A publication Critical patent/CN112732958A/zh
Priority to EP21909216.0A priority patent/EP4239497A4/en
Priority to JP2023534673A priority patent/JP2023553083A/ja
Priority to PCT/CN2021/137662 priority patent/WO2022135219A1/zh
Priority to US18/212,165 priority patent/US20230334740A1/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/54—Browsing; Visualisation therefor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00—Indexing scheme for image data processing or generation, in general
    • G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]

Abstract

本申请公开了一种图像显示方法、装置和电子设备。该图像显示方法包括：显示第一拼图，接收针对第一单图的第一输入；响应于第一输入，显示与第一单图关联的第一图像；其中，第一单图为构成第一拼图的图像之一，第一图像为第二拼图或第二单图，以解决图片显示交互方式单一的问题。

Description

图像显示方法、装置和电子设备
技术领域
本申请属于通信技术领域，具体涉及一种图像显示方法、装置和电子设备。
背景技术
随着移动终端拍照能力的提升，应用支持的图片玩法也是层出不穷。目前提供的图片查看功能，无论是在本地相册查看图片，还是通过诸如朋友圈、电子相册小程序等网络手段查看图片时，图片查看方式通常是点击图片，则放大显示，以查看图片细节，显示图片时的控制方式单一。
发明内容
本申请实施例的目的是提供一种图像显示方法、装置和电子设备，能够解决相关技术显示图片时的控制方式单一的问题。
为了解决上述技术问题，本申请是这样实现的：
第一方面，本申请实施例提供了一种图像显示方法，该方法包括：显示第一拼图，接收针对第一单图的第一输入；响应于第一输入，显示与第一单图关联的第一图像；其中，第一单图为构成第一拼图的图像之一，第一图像为第二拼图或第二单图。
第二方面，本申请实施例提供了一种图像显示装置，该装置包括：第一显示模块，用于显示第一拼图，接收针对第一单图的第一输入；第二显示模块，用于响应于第一输入，显示与第一单图关联的第一图像；其中，第一单图为构成第一拼图的图像之一，第一图像为第二拼图或第二单图。
第三方面，本申请实施例提供了一种电子设备，该电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
第四方面，本申请实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
第五方面，本申请实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法。
在本申请实施例中，通过在显示第一拼图之后，如果接收针对第一拼图中第一单图的第一输入，则显示与第一单图预先关联好的第一图像，通过这种交互显示的方式，可以在第一拼图中已展示的图像之外，展示与构成第一拼图的单图相关联的图像，以实现一种新的图片显示交互方式，解决了相关技术图片显示交互方式单一的问题，能够通过丰富的交互方式展示更多隐藏的图像，提供了查看当前展示的图像之外的图像的入口。
附图说明
图1是本申请实施例提供的一种可选的图像显示方法的流程示意图；
图2是本申请实施例提供的一种可选的图像显示方法的交互示意图一；
图3是本申请实施例提供的一种可选的图像显示方法的交互示意图二；
图4是本申请实施例提供的一种可选的图像显示方法的交互示意图三；
图5是本申请实施例提供的一种可选的图像显示方法的交互示意图四；
图6是本申请实施例提供的一种可选的图像显示方法的交互示意图五；
图7是本申请实施例提供的一种可选的图像显示方法的交互示意图六；
图8是本申请实施例提供的一种可选的图像显示方法的交互示意图七；
图9a是本申请实施例提供的一种可选的图像显示方法的交互示意图八；
图9b是本申请实施例提供的一种可选的图像显示方法的交互示意图九；
图9c是本申请实施例提供的一种可选的图像显示方法的交互示意图十；
图10是本申请实施例提供的一种可选的图片显示交互装置的模块示意图；
图11是本申请实施例提供的一种可选的电子设备的示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
本申请实施例提供的图像显示方法可以应用于多种应用场景，例如，用户可以在电子设备查看本地存储的上述封面图片和隐藏图片，也可以是在诸如电子相册、社交分享平台、应用软件或应用软件的小程序等网络平台上查看上述封面图片和隐藏图片，本申请实施例对此不作具体限定，在任意一种能够查看照片的软件、系统组件、网络平台中，都可以应用本申请实施例提供的图像显示方法，以达到丰富图片显示交互方式的效果。
下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的图像显示方法进行详细地说明。
如图1所示，本申请实施例提供的图像显示方法包括如下步骤：
步骤101，显示第一拼图，接收针对第一单图的第一输入；
步骤102，响应于第一输入，显示与第一单图关联的第一图像；
其中，第一单图为构成第一拼图的图像之一，第一图像为第二拼图或第二单图。
在本申请实施例中，图像可以是单图也可以是拼图，拼图是由至少两张单图拼接而成的图像。在构成第一拼图的至少两张单图之中，至少存在一张单图(第一单图)预先关联有“隐藏”的图像(第一图像)，在接收到针对第一单图的第一输入之后，可以显示第一单图预先关联的“隐藏”图像，这样，第一单图可以视作查看关联的“隐藏”图像的“入口”，在“入口”接收到第一输入的情况下，可以显示预先关联好的“隐藏”图像。通过这种交互显示的方式，可以在第一拼图中已展示的图像之外，展示与构成第一拼图的单图相关联的图像，而不是控制放大的显示接收到第一输入的第一单图，解决了相关技术图片显示交互方式单一的问题。
构成第一拼图中的单图中，可以仅有部分单图预先关联有对应的图像，也可以每张单图都预先关联有对应的图像。以第一单图关联的第一图像为例，第一图像可以是第二拼图或第二单图。进一步的，作为一种可选的示例，如果第一图像是第二拼图，那么第二拼图中的单图仍然可以进一步关联有“隐藏”的图像，例如，第二拼图中的第三单图可以关联有第二图像，第二图像可以是第三拼图或第四单图，这样，如果接收到针对第三单图的第一输入，那么，可以显示与第三单图关联的第二图像。
在触发显示“隐藏”的图像之后，可以在显示区域内同时显示上一层的拼图以及“隐藏”的图像，例如，可以并列显示，如果显示区域的面积不够，可以缩小上一层拼图的显示区域，来为显示“隐藏”图像提供显示空间；或者，也可以将上一层拼图和“隐藏”图像部分重叠的显示；或者，也可以将“隐藏”图像完全覆盖掉上一层的拼图，也即，在显示区域内不显示上一层的拼图，只显示被触发显示的“隐藏”图像。在显示“隐藏”图像时，可以通过一些动画效果来动态的显示出“隐藏”的图像，例如，在并列显示的情况下，可以动态的逐渐缩小上一层拼图，并在空余出的显示区域内逐渐放大“隐藏”图像；在“隐藏”图像覆盖掉上一层拼图时，可以将上一层拼图逐渐透明化直至在显示区域内消失，将“隐藏”图像在显示区域内由透明逐渐变为完全显示，等等，需要说明的是，以上仅用于示例性的说明动态显示的效果，不用于对本申请实施例的图像显示方法进行限定。
第一输入是指针对于拼图中一张单图的输入，第一输入用于指示将接收到第一输入的单图预先关联的图像显示出来。第一输入可以是单击、双击、长按等任意预先指定的输入种类，接收输入的设备可以是触摸显示屏、鼠标、键盘等多种类型的输入设备。示例性的，在通过配置有触摸显示屏的手机展示第一拼图的情况下，第一输入具体可以是接收到用户点击触摸单击在显示屏上显示的第一拼图中第一单图的显示区域。
示例性的，如附图2所示为第一拼图的一种可选的示意图，在该示例中，在手机20的触摸显示屏201上显示第一拼图，包括多张单图，具体包括单图1～单图4。在附图2的示例中，如果用户点击触摸显示屏201上单图2(第一单图)的显示区域，则手机20接收到用户的点击输入(第一输入)，进而，手机20可以响应于用户的点击，刷新当前页面，取消显示第一拼图，在显示屏201上显示与单图2预先关联的“隐藏”的下一层单图，如附图3所示，显示与单图2关联的第一图像：第二拼图，包括单图5～单图9。可选的，隐藏的单图也可以只有一张，那么直接取消显示第一拼图，显示与单图2关联的第二单图即可，在此不再提供附图示例。
需要说明的是，取消显示第一拼图是一种可选的实施方式，在另一些实施方式中，可以在显示屏上同时显示第一拼图和与单图2关联的图像。
具体而言，在一种可选的实施例中，在执行步骤102显示与第一单图关联的第一图像之后，可以根据第一图像与第一单图是否内容相同的两种不同情况(1)和(2)，显示第一图像的方式可以通过不同的实施方式实现：
情况(1)：第一图像与第一单图的内容相同。在这种情况下，取消显示第一拼图，并全屏显示第一图像。
也即，如果第一单图并未关联其它图像，那么，在第一单图接收到第一输入之后，可以全屏的显示第一单图，以实现一种放大显示第一拼图中的一张单图的效果。
情况(2)：在第一图像与第一单图的内容不同。在这种情况下，分屏显示第一拼图和第一图像。
也即，如果第一单图预先关联了其它的图像，那么，在第一单图接收到第一输入之后，可以通过分屏的显示效果，在显示区域内同时显示第一拼图、以及与第一单图关联的第一图像。分屏可以是上下分屏、左右分屏、或者其它显示区域互补重叠的分屏显示方式。
在一种可选的实施方式中，在显示与单图2关联的第一图像之后，还可以返回显示第一拼图的界面，一种可选的实施方式为，在显示与单图2预先关联的第一图像之后，接收第五输入，其中，第五输入用于指示取消显示第一图像，返回显示第一拼图，进而，响应于第五输入，显示第一拼图。可选的，第五输入可以是针对第一图像的输入，例如，对于触摸屏，第五输入可以是单击指定的区域、双击指定的区域、从指定区域内触摸并向任意方向执行滑动操作，等等。
示例性的，在如附图3所示的界面中，如果用户点击了单图5～单图9的显示区域以外的显示区域(第五输入)，如附图3所示，则可以返回附图2所示的界面，显示第一拼图：包括单图1～4。在显示第一拼图时，用户还可以对单图2以外的单图执行第一输入对应的操作，例如点击单图1，如果单图1预先关联有第三图像，则在接收到针对单图1的操作之后，显示第三图像，如附图4所示，第三图像可以是拼图，具体可以包括单图10～12。附图4为一种可选的示例，还可以采用其它的拼图模板显示第三图像，可选的，显示第三图像的拼图模板也可以与显示第一图像的拼图模板不同。
在另一种可选的实施方式中，在显示与单图2关联的第一图像之后，还可以进一步显示第一图像下一层隐藏的图像，也即，与第一图像关联的图像，其中，在第一图像是第二拼图的情况下，第二拼图中的至少一张单图可以预先关联有对应的图像，并在单图接收到第一输入之后显示关联的图像。
例如，在如附图2和附图3提供的示例中，点击第一单图(单图2)之后，可以显示与单图2关联的第二拼图：包括单图5～单图9，进一步的，用户可以在如附图3所示的界面中，点击单图6(第三单图)，在单图6预先关联有第二图像的情况下，显示第二图像，具体的，第二图像可以是拼图，包括单图13～16，一种可选的显示方式如附图5所示，取消显示第一拼图和第一图像，全屏显示第二图像，另一种可选的显示方式为第一拼图、第一图像和第二图像分屏、或部分重叠的显示，或者，只分屏或部分重叠的显示第一图像和第二图像，等等。
在一种可选的示例中，在显示与一个单图关联的隐藏图像时，可以在该单图的区域内显示隐藏图像，使隐藏图像覆盖掉该单图，例如，一种可选的示例为，在接收到针对第一拼图中第一单图的第一输入之后，通过翻转第一单图的动态效果在第一单图的原显示区域内取消显示第一单图，翻转为在第一单图的原显示区域内显示第一图像。也即，在第一单图接收到第一输入之后，在保持第一拼图除第一单图以外的单图不变的情况下，在第一单图的显示区域内取消显示第一单图，显示与第一单图关联的第一图像，一种可选的示例为，在附图2所示的第一拼图中的单图2接收到第一输入之后，显示如图6所示的界面，在单图2的原显示区域内显示与单图2关联的第二拼图：包括单图5～单图9。
在显示第一拼图之前，可以根据用户的输入生成第一拼图。一种可选的实施方式为，在显示第一拼图之前，接收在图像集中选择一张或多张图像的第六输入；进而根据第六输入生成第一拼图。如果选中的图像为多张，则将多张图像进行拼接，生成第一拼图，被选中的每张图像为第一拼图中的单图；如果选中的图像为一张，则将被选中的图像作为第一拼图，且通过指定的分割方式进行分割，分割图像后得到的每块图像为第一拼图中的一张单图。
可选的，用户生成第一拼图的操作可以在电子设备的系统组件、电子设备中安装的应用软件、网络页面等平台执行。示例性的，以用户通过手机的相册系统组件中生成第一拼图为例，如附图7所示，用户可以在手机70的桌面上点击相册功能的图标701，然后进入相册功能界面如附图8所示，展示相册(图像集)中的一张或多张相册图片(图像集中的图像)。如附图8所示，用户可以通过点击相册图片右上角的勾选框，以选中或取消选中该相册图片，如果勾选框内有√，则表示该相册图片被选中，如果没有，则表示该相册图片未被选中。在选中一张或多张相册图片之后，点击“拼图封面”的图标，则指示根据当前已选中的一张或多张相册图片生成第一拼图，并显示如附图9a所示的界面。
用户选中的相册图片可以是一张或多张。在用户选中的相册图片为多张相册图片的情况下，用户在点击“拼图封面”的图标之后，显示如附图9a所示的界面，单图1～单图4为用户在相册中选中的4张相册图片，以默认的拼接方式在界面901的上方展示拼接得到的拼图的显示效果，用户可以在模板区域902内选择一种模板，在选择之后可以在界面901上方实时的预览用户当前选择模板的拼接方式拼接拼图的效果。如果用户选择“确定”图标904，则按照界面901内的拼图预览生成第一拼图。可选的，如果用户需要删除或添加第一拼图中的单图时，可以点击图标903，再次进入如图8所示的相册，按照如图8所示的实施方式选择用于生成第一拼图的相册图片。
在另一种场景中，用户选中的相册图片可以是一张，那么，用户在点击“拼图封面”的图标之后，可以显示如附图9a所示的界面，单图1～单图4为用户在相册中选中的1张相册图片按照预设分割方式分割之后的效果，单图1～单图4拼接得到的第一拼图与用户选中的相册图片的内容是相同的，单图1～单图4的内容分别是选中的相册图片中对应区域内的内容。相应的，模板区域902内用于显示分割模板，用户选择一种模板之后，可以在界面901的上方预览将选中的相册图片按照当前选中的模板进行分割的效果。确定生成第一拼图和更改第一拼图的方式可以参考上述用户选中多张相册图片生成第一拼图的实施方式，在此不再赘述。
在生成第一拼图之后，可以继续生成第一拼图中任意单图的关联图像，生成的过程与第一拼图相似。在生成并显示第一拼图之后，在接收针对第一单图的第一输入之前，该方法还包括建立第一图像与第一单图的关联关系的过程，具体可以包括如下步骤：接收针对第一单图的第二输入；响应第二输入，显示N张图像；接收用户的第三输入；响应于第三输入，选择N张图像中的M张图像并建立M张图像与第一单图的关联关系；其中，M张图像包括第一图像。通过在N张图像中选择M张图像，建立M张图像与第一单图的关联关系，从而实现了生成与第一单图相关联的第一图像，可以向用户提供便捷的关联操作方式。
示例性的，在如附图9a所示的界面中，第二输入可以是用户点击单图2(第一单图)以选中该单图，如图9b所示，选中的单图2可以通过叠加阴影的方式示意出已被选中，然后点击图标903，可以再次展示如图8所示的相册(显示N张图像)，用户可以在相册中选择一张或多张相册图片(通过第三输入选择M张图像)，以确定当前选中的单图2关联的图像，其中，M张图像包括上述的第一图像。
在M的值大于等于二的情况下，响应于第三输入，选择N张图像中M张图像并建立与第一单图的关联关系，包括：响应于第三输入，选择N张图像中M张图像，将M张图像拼接为第二拼图，并建立第二拼图与第一单图的关联关系。从而，可以在选择两张以上图像与第一单图建立关联关系时，通过拼图的方式展示选中的两张以上图像，提供了丰富的图片显示方式。
示例性的，在如图9b所示的界面中，选择一张或多张相册图片之后，可以点击“拼图封面”，以确定选中M张图像与第一单图建立关联关系，接着，再次进入到与图9a相似的界面图9c，以展示用户选择的M张图像。如果是一张相册图片，则显示针对一张相册图片的分割效果(分割效果可以包括不分割，也即，仅用单图作为单图2的关联图像)，并可以进一步对分割的模板进行选择设置，在用户点击“确定”图标904之后，将选中的一张相册图片与单图2进行关联。如果用户选择的是两张以上的相册图片，也即，选中的M张图像大于等于两张图片，则显示两张以上相册图片的拼接效果，在初始显示时可以通过默认的拼接模板拼接选中的两张以上相册图像，用户可以进一步对拼接模板进行选择。具体的，可以显示K个拼接模板；在接收到用户针对K个拼接模板中的目标拼接模板的第四输入之后，按照目标拼接模板拼接选中的图像，以得到第二拼图，进而，建立第二拼图与第一单图的关联关系。例如，在图9c的界面中，用户点击“确定”图标904之后，将将M张图像拼接为第二拼图，并建立第二拼图与单图2(第一单图)的关联关系。
在创建第一拼图中的第一单图与第一图像的关联关系之后，用户还可以创建第一拼图中除第一单图以外的其它单图与其它图像的关联关系。在用户确认之后，可以将所有的图像以及互相之间的关联关系进行保存。
例如，在通过手机保存的情况下，手机可以在本地保存这些关系。一种可选的存储关系为：P＝{p1，p2，……}；P1＝{p11，p12，……}；P2＝{p21，……}；……；P21＝{p211，p212，……}。其中，P是第一拼图中所有单图的集合，包括多张单图p1，p2，……；P1是第一拼图中单图p1关联的图像中单图的集合，包括多张单图p21，……；P2是第一拼图中单图p2关联的图像中单图的集合，包括多张单图p21，……；P21是与单图p21的关联的图像中单图的集合，包括多张单图p211，p212，……。在需要查看上述保存的关系时，用户可以进入手机的相册功能，在相册功能提供的一个功能模块下，通过本申请实施例提供的图像显示方法，查看第一拼图以及其关联的单图。
上述示例是以本地创建第一拼图和关联的图像的关联关系的方式为例，相似的，在应用软件、网络页面等平台创建的方式也可以依此类推，在创建之后，可以将创建好的关联关系以及选中的所有单图集合保存在应用软件或网络页面对应的服务器中，以使创建的用户或其他有浏览权限的用户查看，在此不再赘述。
在本申请实施例中，通过在显示第一拼图之后，如果接收针对第一拼图中第一单图的第一输入，则显示与第一单图预先关联好的第一图像，通过这种交互显示的方式，可以在第一拼图中已展示的图像之外，展示与构成第一拼图的单图相关联的图像，以实现一种新的图片显示交互方式，解决了相关技术图像显示方式单一的问题，能够通过丰富的交互方式展示更多隐藏的图像，提供了查看当前展示的图像之外的图像的入口。
需要说明的是，本申请实施例提供的图像显示方法，执行主体可以为图像显示装置，或者该图像显示装置中的用于执行加载图像显示方法的控制模块。本申请实施例中以图像显示装置执行加载图像显示方法为例，说明本申请实施例提供的图像显示方法。
本申请实施例还提供了一种图像显示装置，可以用于执行本申请实施例提供的图像显示方法。在本申请实施例提供的图像显示装置的说明中未详尽说明的部分，可以参考本申请实施例提供的图像显示方法。
如附图10所示，本申请实施例提供的图像显示装置100可以包括第一显示模块1001和第二显示模块1002。
其中，第一显示模块，用于显示第一拼图，接收针对第一单图的第一输入；第二显示模块，用于响应于第一输入，显示与第一单图关联的第一图像；其中，第一单图为构成第一拼图的图像之一，第一图像为第二拼图或第二单图。
可选的，该装置还包括：第一接收模块，用于在显示第一拼图之后，在接收针对第一单图的第一输入之前，接收针对第一单图的第二输入；第三显示模块，用于响应第二输入，显示N张图像；第二接收模块，用于接收用户的第三输入；第一执行模块，用于响应于第三输入，选择N张图像中的M张图像并建立M张图像与第一单图的关联关系。
可选的，M的值大于等于二，第一执行模块包括：第二执行模块，用于响应于第三输入，选择N张图像中M张图像，将M张图像拼接为第二拼图，并建立第二拼图与第一单图的关联关系；其中，M张图像包括第一图像。
可选的，第二执行模块包括：第一选择模块，用于响应于第三输入，选择N张图像中M张图像并显示K个拼接模板；第三接收模块，用于接收针对目标拼接模板的第四输入；拼接模块，用于响应于第四输入，按照目标拼接模板拼接M张图像，以得到第二拼图；建立模块，用于建立第二拼图与第一单图的关联关系。
可选的，该装置还包括：第四显示模块，用于在显示与第一单图关联的第一图像之后，在第一图像与第一单图的内容相同的情况下，取消显示第一拼图，并全屏显示第一图像；第五显示模块，用于在显示与第一单图关联的第一图像之后，在第一图像与第一单图的内容不同的情况下，分屏显示第一拼图和第一图像。
本申请实施例提供的图像显示装置，通过在显示第一拼图之后，如果接收针对第一拼图中第一单图的第一输入，则显示与第一单图预先关联好的第一图像，通过这种交互显示的方式，可以在第一拼图中已展示的图像之外，展示与构成第一拼图的单图相关联的图像，以实现一种新的图片显示交互方式，解决了相关技术图片显示交互方式单一的问题，能够通过丰富的交互方式展示更多隐藏的图像，提供了查看当前展示的图像之外的图像的入口。
本申请实施例中的图像显示装置可以是装置，也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备，也可以为非移动电子设备。示例性的，移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本或者个人数字助理(personaldigital assistant，PDA)等，非移动电子设备可以为服务器、网络附属存储器(NetworkAttached Storage，NAS)、个人计算机(personal computer，PC)、电视机(television，TV)、柜员机或者自助机等，本申请实施例不作具体限定。
本申请实施例中的图像显示装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本申请实施例不作具体限定。
本申请实施例提供的图像显示装置能够实现图1至图9c的方法实施例中图像显示装置实现的各个过程，且能够带来相同的技术效果，为避免重复，这里不再赘述。
可选的，本申请实施例还提供一种电子设备，包括处理器，存储器，存储在存储器上并可在所述处理器上运行的程序或指令，该程序或指令被处理器执行时实现上述图像显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要注意的是，本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
图11为实现本申请实施例的一种电子设备的硬件结构示意图。
该电子设备110包括但不限于：射频单元1101、网络模块1102、音频输出单元1103、输入单元1104、传感器1105、显示单元1106、用户输入单元1107、接口单元1108、存储器1109、以及处理器1110等部件。
本领域技术人员可以理解，电子设备110还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器1110逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。输入单元1104可以包括图形处理器、麦克风等。显示组件1106可以包括显示面板。用户输入单元1107可以包括触控面板和其他输入设备等。存储器1109可以存储有应用程序和操作系统等。图11中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
其中，用户输入单元1107用于接收用户的任意输入，显示单元1106用于显示图像。
本申请实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述图像显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，计算机可读存储介质可包括非易失性存储器，如计算机只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等。
本申请实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述图像显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
上面参考根据本公开的实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本公开的各方面。应当理解，流程图和/或框图中的每个方框以及流程图和/或框图中各方框的组合可以由计算机程序指令实现。这些计算机程序指令可被提供给通用计算机、专用计算机、或其它可编程数据处理装置的处理器，以产生一种机器，使得经由计算机或其它可编程数据处理装置的处理器执行的这些指令使能对流程图和/或框图的一个或多个方框中指定的功能/动作的实现。这种处理器可以是但不限于是通用处理器、专用处理器、特殊应用处理器或者现场可编程逻辑电路。还可理解，框图和/或流程图中的每个方框以及框图和/或流程图中的方框的组合，也可以由执行指定的功能或动作的专用硬件来实现，或可由专用硬件和计算机指令的组合来实现。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。

Claims (12)

1.一种图像显示方法，其特征在于，所述方法包括：
显示第一拼图，接收针对第一单图的第一输入；
响应于所述第一输入，显示与所述第一单图关联的第一图像；
其中，所述第一单图为构成所述第一拼图的图像之一，所述第一图像为第二拼图或第二单图。
2.根据权利要求1所述的图像显示方法，其特征在于，在显示第一拼图之后，在接收针对第一单图的第一输入之前，所述方法还包括：
接收针对所述第一单图的第二输入；
响应所述第二输入，显示N张图像；
接收用户的第三输入；
响应于所述第三输入，选择所述N张图像中的M张图像并建立所述M张图像与所述第一单图的关联关系；
其中，所述M张图像包括所述第一图像。
3.根据权利要求2所述的图像显示方法，其特征在于，M的值大于等于二，所述响应于所述第三输入，选择N张图像中M张图像并建立与所述第一单图的关联关系，包括：
响应于所述第三输入，选择N张图像中M张图像，将所述M张图像拼接为所述第二拼图，并建立所述第二拼图与所述第一单图的关联关系。
4.根据权利要求3所述的图像显示方法，其特征在于，所述响应于所述第三输入，选择N张图像中M张图像，将所述M张图像拼接为所述第二拼图，并建立所述第二拼图与所述第一单图的关联关系，包括：
响应于所述第三输入，选择N张图像中M张图像并显示K个拼接模板；
接收针对目标拼接模板的第四输入，响应于所述第四输入，按照所述目标拼接模板拼接所述M张图像，以得到所述第二拼图；
建立所述第二拼图与所述第一单图的关联关系。
5.根据权利要求1所述的图像显示方法，其特征在于，在显示与所述第一单图关联的第一图像之后，包括：
在所述第一图像与所述第一单图的内容相同的情况下，取消显示所述第一拼图，并全屏显示所述第一图像；
在所述第一图像与所述第一单图的内容不同的情况下，分屏显示所述第一拼图和所述第一图像。
6.一种图像显示装置，其特征在于，所述装置包括：
第一显示模块，用于显示第一拼图，接收针对第一单图的第一输入；
第二显示模块，用于响应于所述第一输入，显示与所述第一单图关联的第一图像；
其中，所述第一单图为构成所述第一拼图的图像之一，所述第一图像为第二拼图或第二单图。
7.根据权利要求6所述的图像显示装置，其特征在于，所述装置还包括：
第一接收模块，用于在显示第一拼图之后，在接收针对第一单图的第一输入之前，接收针对所述第一单图的第二输入；
第三显示模块，用于响应所述第二输入，显示N张图像；
第二接收模块，用于接收用户的第三输入；
第一执行模块，用于响应于所述第三输入，选择所述N张图像中的M张图像并建立所述M张图像与所述第一单图的关联关系；其中，所述M张图像包括所述第一图像。
8.根据权利要求7所述的图像显示装置，其特征在于，M的值大于等于二，所述第一执行模块包括：
第二执行模块，用于响应于所述第三输入，选择N张图像中M张图像，将所述M张图像拼接为所述第二拼图，并建立所述第二拼图与所述第一单图的关联关系。
9.根据权利要求8所述的图像显示装置，其特征在于，所述第二执行模块包括：
第一选择模块，用于响应于所述第三输入，选择N张图像中M张图像并显示K个拼接模板；
第三接收模块，用于接收针对目标拼接模板的第四输入；
拼接模块，用于响应于所述第四输入，按照所述目标拼接模板拼接所述M张图像，以得到所述第二拼图；
建立模块，用于建立所述第二拼图与所述第一单图的关联关系。
10.根据权利要求6所述的图像显示装置，其特征在于，所述装置还包括：
第四显示模块，用于在显示与所述第一单图关联的第一图像之后，在所述第一图像与所述第一单图的内容相同的情况下，取消显示所述第一拼图，并全屏显示所述第一图像；
第五显示模块，用于在显示与所述第一单图关联的第一图像之后，在所述第一图像与所述第一单图的内容不同的情况下，分屏显示所述第一拼图和所述第一图像。
11.一种电子设备，其特征在于，包括处理器，存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如权利要求1-5任一项所述的图像显示方法的步骤。
12.一种可读存储介质，其特征在于，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如权利要求1-5任一项所述的图像显示方法的步骤。
CN202011521995.8A 2020-12-21 2020-12-21 图像显示方法、装置和电子设备 Pending CN112732958A (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
CN202011521995.8A CN112732958A (zh) 2020-12-21 2020-12-21 图像显示方法、装置和电子设备
EP21909216.0A EP4239497A4 (en) 2020-12-21 2021-12-14 IMAGE DISPLAY METHOD AND APPARATUS AND ELECTRONIC DEVICE
JP2023534673A JP2023553083A (ja) 2020-12-21 2021-12-14 画像表示方法、装置及び電子機器
PCT/CN2021/137662 WO2022135219A1 (zh) 2020-12-21 2021-12-14 图像显示方法、装置和电子设备
US18/212,165 US20230334740A1 (en) 2020-12-21 2023-06-20 Image display method, apparatus, and electronic device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011521995.8A CN112732958A (zh) 2020-12-21 2020-12-21 图像显示方法、装置和电子设备

Publications (1)

Publication Number Publication Date
CN112732958A true CN112732958A (zh) 2021-04-30

Family

ID=75605001

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011521995.8A Pending CN112732958A (zh) 2020-12-21 2020-12-21 图像显示方法、装置和电子设备

Country Status (5)

Country Link
US (1) US20230334740A1 (zh)
EP (1) EP4239497A4 (zh)
JP (1) JP2023553083A (zh)
CN (1) CN112732958A (zh)
WO (1) WO2022135219A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022135219A1 (zh) * 2020-12-21 2022-06-30 维沃移动通信有限公司 图像显示方法、装置和电子设备

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160203577A1 (en) * 2015-01-12 2016-07-14 JigTime, Inc. Methods and systems for interactive image sharing
CN108141511A (zh) * 2015-09-30 2018-06-08 富士胶片株式会社 图像处理装置、摄像装置、图像处理方法以及程序
CN109636720A (zh) * 2018-11-28 2019-04-16 维沃移动通信（杭州）有限公司 一种图像显示方法及终端设备
CN109656450A (zh) * 2018-11-28 2019-04-19 维沃移动通信有限公司 一种图像显示方法及终端设备
CN109862258A (zh) * 2018-12-27 2019-06-07 维沃移动通信有限公司 一种图像显示方法及终端设备
CN111064888A (zh) * 2019-12-25 2020-04-24 维沃移动通信有限公司 提示方法及电子设备

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9152292B2 (en) * 2009-02-05 2015-10-06 Hewlett-Packard Development Company, L.P. Image collage authoring
KR101861698B1 (ko) * 2011-08-18 2018-05-28 엘지전자 주식회사 휴대 전자기기 및 이의 제어방법
CN112732958A (zh) * 2020-12-21 2021-04-30 维沃移动通信有限公司 图像显示方法、装置和电子设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160203577A1 (en) * 2015-01-12 2016-07-14 JigTime, Inc. Methods and systems for interactive image sharing
CN108141511A (zh) * 2015-09-30 2018-06-08 富士胶片株式会社 图像处理装置、摄像装置、图像处理方法以及程序
CN109636720A (zh) * 2018-11-28 2019-04-16 维沃移动通信（杭州）有限公司 一种图像显示方法及终端设备
CN109656450A (zh) * 2018-11-28 2019-04-19 维沃移动通信有限公司 一种图像显示方法及终端设备
CN109862258A (zh) * 2018-12-27 2019-06-07 维沃移动通信有限公司 一种图像显示方法及终端设备
CN111064888A (zh) * 2019-12-25 2020-04-24 维沃移动通信有限公司 提示方法及电子设备

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022135219A1 (zh) * 2020-12-21 2022-06-30 维沃移动通信有限公司 图像显示方法、装置和电子设备

Also Published As

Publication number Publication date
EP4239497A4 (en) 2024-03-20
US20230334740A1 (en) 2023-10-19
WO2022135219A1 (zh) 2022-06-30
EP4239497A1 (en) 2023-09-06
JP2023553083A (ja) 2023-12-20

Similar Documents

Publication Publication Date Title
CN112860163B (zh) 图像编辑方法和装置
CN113079316B (zh) 图像处理方法、图像处理装置及电子设备
US20230359323A1 (en) Display method, display apparatus, and electronic device
CN113467660A (zh) 信息分享方法和电子设备
CN112269522A (zh) 图像处理方法、装置、电子设备和可读存储介质
CN114116098B (zh) 应用图标管理方法、装置、电子设备及存储介质
US20230334740A1 (en) Image display method, apparatus, and electronic device
CN114518822A (zh) 应用图标管理方法、装置和电子设备
CN112399010B (zh) 页面显示方法、装置和电子设备
WO2023241612A1 (zh) 文件选择方法、装置、电子设备及可读存储介质
CN113379866A (zh) 一种壁纸设置方法和装置
WO2023155858A1 (zh) 文档编辑方法及其装置
WO2023155874A1 (zh) 应用图标管理方法、装置和电子设备
CN111638839A (zh) 截屏方法、装置和电子设备
CN113783770B (zh) 图像分享方法、图像分享装置和电子设备
CN114679546A (zh) 一种显示方法及其装置、电子设备和可读存储介质
CN111966259B (zh) 截图方法、装置及电子设备
CN115037874A (zh) 拍照方法、装置和电子设备
CN113672135A (zh) 一种对象操控方法、装置及电子设备
CN112383708A (zh) 拍摄方法、装置、电子设备及可读存储介质
CN112261483A (zh) 视频输出方法及装置
CN117009020A (zh) 壁纸设置方法、装置、电子设备及可读存储介质
CN116501225A (zh) 图像截取方法、装置及电子设备
CN112508774A (zh) 图像的处理方法及装置
CN114253449A (zh) 截屏方法、装置、设备及介质

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