CN110633380B - 图片处理界面的控制方法、装置、电子设备及可读介质 - Google Patents

图片处理界面的控制方法、装置、电子设备及可读介质 Download PDF

Info

Publication number
CN110633380B
CN110633380B CN201910839066.2A CN201910839066A CN110633380B CN 110633380 B CN110633380 B CN 110633380B CN 201910839066 A CN201910839066 A CN 201910839066A CN 110633380 B CN110633380 B CN 110633380B
Authority
CN
China
Prior art keywords
display layer
window
picture
boundary
boundary position
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.)
Active
Application number
CN201910839066.2A
Other languages
English (en)
Other versions
CN110633380A (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.)
Beijing Youzhuju Network Technology Co Ltd
Original Assignee
Beijing Infinite Light Field Technology 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 Beijing Infinite Light Field Technology Co Ltd filed Critical Beijing Infinite Light Field Technology Co Ltd
Priority to CN201910839066.2A priority Critical patent/CN110633380B/zh
Publication of CN110633380A publication Critical patent/CN110633380A/zh
Application granted granted Critical
Publication of CN110633380B publication Critical patent/CN110633380B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/54Browsing; Visualisation therefor

Abstract

本公开实施例公开了一种图片处理界面的控制方法、装置、电子设备及可读介质。所述方法包括:若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容;响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;若否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。通过采用本公开实施例所提供的技术方案,可以达到通过增加屏幕显示内容的层次架构,以及多层次之间的逻辑关联,来提高用户进行图片处理的操作效率的目的。

Description

图片处理界面的控制方法、装置、电子设备及可读介质
技术领域
本公开实施例涉及移动终端技术领域,尤其涉及一种图片处理界面的控制方法、装置、电子设备及可读介质。
背景技术
目前,随着经济的快速发展,用户对智能终端的使用效率要求越来越高。对于很多用户来说,通过软件晒照片和视频等已经成为了主流娱乐方式。因此,如何能够快速的对图片进行处理,得到符合用户心理预期的效果已经成为了绝大多数用户的诉求。
传统的图片处理方式,是基于用户在选择的图片,通过点击进入到该图片的编辑界面。这种编辑方式由于页面的显示内容单一,并没有能够体验智能终端的高效性。因此,一种符合用户高效、便捷等使用需求的新型的图片处理方式,亟待被开发和推广。
发明内容
本公开实施例提供一种图片处理界面的控制方法、装置、电子设备及可读介质,以达到通过增加屏幕显示内容的层次架构,以及多层次之间的逻辑关联,来提高用户进行图片处理的操作效率的目的。
第一方面,本公开实施例提供了一种图片处理界面的控制方法,该方法包括:
若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容;
响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;
若否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。
进一步的,在将所述第一显示层的边界位置调整至预设位置之后,所述方法还包括:
响应于第一显示层的边界位置调整指令,实时调整所述第一显示层的边界位置。
进一步的,响应于第一显示层的边界位置调整指令,实时调整所述第一显示层的边界位置,包括:
若触控操作的起始位置在窗口中的位置为第一显示层的边界位置,则确定所述触控操作为边界位置的调整操作指令;
基于所述调整操作指令,对第一显示层的边界位置进行调整。
进一步的,若触控操作的起始位置在窗口中的位置为第一显示层的边界位置,则确定所述触控操作为边界位置的调整操作指令,包括:
若检测到触控操作,确定触控操作的坐标位置,判断所述坐标位置是否在第一显示层的边界位置的预设范围内,若是,则确定所述触控操作为边界位置的调整操作指令;
相应的,基于所述调整操作指令,对第一显示层的边界位置进行调整,包括:
获取触控操作的坐标位置变化量,并根据所述坐标位置变化量确定第一显示层的边界位置的位置变化量,并显示变化后的第一显示层的边界位置;
获取触控操作的结束位置,根据所述结束位置的坐标位置确定第一显示层的边界位置的最终定位位置。
进一步的,所述方法还包括:
根据窗口的帧率确定获取触控操作的坐标位置变化量的时间间隔。
进一步的,所述第二显示层还包括图片编辑工具视图,所述图片预览视图与图片编辑工具视图在窗口中按照竖直方向排布。
进一步的,第一显示层的边界为第一显示层的上边界,所述预设位置包括窗口的中间位置,或窗口的底边位置;
其中,所述第一显示层的边界位置处于窗口的底边位置时,在窗口的底边位置显示存在第一显示层边界的符号。
第二方面,本公开实施例还提供了一种图片处理界面的控制装置,该装置包括:
相册内容显示模块,用于若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容;
边界位置识别模块,用于响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;
目标图片显示模块,用于若所述边界位置识别模块识别为否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。
第三方面,本公开实施例提供了一种电子设备,包括存储器,处理器及存储在存储器上并可在处理器运行的计算机程序,所述处理器执行所述计算机程序时实现如本公开实施例所述的图片处理界面的控制方法。
第四方面,本公开实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本公开实施例所述的图片处理界面的控制方法。
本公开实施例所提供的技术方案,若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容;响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;若否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。通过采用本公开所提供的技术方案,可以达到通过增加屏幕显示内容的层次架构,以及多层次之间的逻辑关联,来提高用户进行图片处理的操作效率的目的。
附图说明
图1是本公开实施例提供的图片处理界面的控制方法的流程图;
图2是本公开实施例提供的相册界面示意图;
图3是本公开实施例提供的目标图片查看界面示意图;
图4是本公开实施例提供的目标图片编辑界面示意图;
图5是本公开实施例提供的图片处理界面的控制装置的结构示意图;
图6是本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本公开,而非对本公开的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本公开相关的部分而非全部结构。
在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理,但是其中的许多步骤可以被并行地、并发地或者同时实施。此外,各步骤的顺序可以被重新安排。当其操作完成时所述处理可以被终止,但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。
实施例一
图1是本公开实施例提供的图片处理界面的控制方法的流程图,本实施例可适用于在移动终端上进行图片处理的情况,所述方法可以由本公开实施例所提供的图片处理界面的控制装置执行,该装置可以由软件和/或硬件的方式来实现,并可集成于智能终端等电子设备中。
如图1所示,所述图片处理界面的控制方法包括:
S110、若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容。
其中,进入到相册页面的方式可以是直接打开相册,还可以是从后台运行切换至前台运行。在本实施例中,可以适用于但是不限于相册中图片的编辑,还可以包括视频的编辑、以及其他载体中图片或者视频的编辑等等。
在本技术方案中,进入到相册界面之后,可以将相册在窗口中的第一显示层显示,例如在第一显示层显示相册中的图片浏览界面。其中,第一显示层可以是预设架构中的一个显示层,可以存在上、下、左和右四个边界。在本技术方案中,如果未经过任何操作,则可以在进入相册界面后在整个窗口显示相册的图片浏览界面。即为其中的第一显示层的四个边界与窗口的大小是吻合的,以智能手机为例,可以将第一显示层的上边界与手机屏幕的上边界重合,左、右、下边界也采用相同的方式设置。这样设置的好处是可以提供最大的空间供用户浏览图片,以便用户能够通过浏览确定想要编辑的图片或者视频文件。
S120、响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方。
其中,目标图片的选择指令可以是用户通过点击操作发出的,可以子啊第一显示层上,识别用户的点击操作位置所对应的图片确定为目标图片。在确定目标图片之后,可以将目标图片子啊第二显示层上的预览视图中进行显示。其中第二显示层还可以设置有其他视图,例如对图片进行编辑工作的工具显示视图。每个视图可以占据第二显示层中的固定区域,例如上半部分为第二显示层的图片预览视图,下半部分为编辑工具视图。其中每个视图中的内容也可以在移动终端中通过全屏来查看。
在本技术方案中,第一显示层覆盖在第二显示层上方。其中,可以包括但不限于此两个显示层,第一显示层覆盖在第二显示层的上方,若完全覆盖,则第二显示层显示的内容将会被第一显示层遮挡,无法被用户查看到。因此,在本申请中,可以将第一显示层的边界位置进行移动。在本实施例中,可选的,可以将第一显示层的上边界位置进行移动。示例性的,相册的界面可以是全屏显示,也可以是仅有下半部分屏幕显示,则在这种情况下,可以将第一显示层的上边界移动到窗口的中间位置。可以理解的,由于第二显示层的上半部分没有被遮挡,则可以显示内容,而下半部分被遮挡,则只能够显示第一显示层的内容,即显示相册的图片预览界面。本技术方案这样设置的好处是可以灵活的在屏幕的窗口范围内,部分或者全部的显示用户实际需要的内容,实现了对内容的灵活展示,有利于用户针对图片进行处理的过程中的切换速度。例如发现当前的目标图片不合适,可以直接从下半部分的相册中选择其他和是的图片作为目标图片,等等。
S130、若否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。
其中,如果预设位置为可以将第二显示屏的部分或者全部内容显示的位置,则需要移动第一显示层的边界位置,至少不会使第一显示层的边界位置与窗口的边界重合,如果重合的话,将无法显示给用户第二显示屏中的内容。因此,当第一显示层的边界位置没有在预设位置时,则可以在确定目标图片后将第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。
在本技术方案中,可选的,第一显示层的边界为第一显示层的上边界,所述预设位置包括窗口的中间位置,或窗口的底边位置;其中,所述第一显示层的边界位置处于窗口的底边位置时,在窗口的底边位置显示存在第一显示层边界的符号。其中,第一显示层的上边界可以分别根据用户的操作固定在窗口的上方边界,中间位置和下方边界,当第一显示层的上边界固定在窗口的上方边界时,则是全屏显示第一显示层中的内容,如果固定在中间位置,则是半屏显示第一显示层的内容,如果固定在下方边界,则可以是全屏显示第二显示层中的内容。在本技术方案中,可以在固定在下方边界时,显示存在第一显示层边界的符号,以提示用户可以通过上拉的方式查看第一显示层中的内容。这样设置的好处是可以在用户对相册中的图片进行浏览和处理的过程中操作更加方便,提高用户的图片处理效率。
在本技术方案中,可选的,所述第二显示层还包括图片编辑工具视图,所述图片预览视图与图片编辑工具视图在窗口中按照竖直方向排布。其中,如果在预览视图中打开的是视频,则可以在图片编辑工具视图中显示视频编辑的工具,例如裁剪视频的长度,增加字幕等。在本实施例中,图片的预览和编辑工具的显示可以是分别在窗口的上半部分和下半部分,这样设置的好处是可以根据用户对第一显示层的控制,选择只显示预览图片或者显示预览图片和编辑工具。
图2是本公开实施例提供的相册界面示意图。如图2所示,当用户通过点击或者其他方式进入到相册后,可以在智能终端的整个窗口显示相册的内容,即相册中图片的预览图。其中,相册的上边界与窗口的上边界是重合的,因此用户可以在同一界面中查看更多的图片,有助于用户快速的确定想要编辑的图片,用户可以通过滑动相册中的区域来对窗口中显示图片进行滑动预览。同时,用户可以通过点击确定自己想要编辑或者更加详细查看的图片。
图3是本公开实施例提供的目标图片查看界面示意图。如图3所示,当用户从相册中选择目标图片之后,可以将相册的上边界移动至屏幕的中间位置,这样,可以通过窗口的第二显示层的上半部分显示目标图片。其中,可以通过用户的点击操作在第二显示层的全屏来显示目标图片,在全屏显示时,示例性的,相册的上边界可以移动至窗口的下边界位置。这样可以将相册在窗口中隐藏起来,直接全屏显示目标图片。当用户通过上半屏查看目标图片觉得不是很适合编辑的情况下,可以在下半屏的第一显示层中显示的相册中重新挑选新的目标图片,可以通过在相册界面范围内滑动浏览相册中所有的图片,并通过点击操作来确定新的目标图片。
图4是本公开实施例提供的目标图片编辑界面示意图。如图4所示,可以在确定目标图片之后,通过滑动相册所在的第一显示层的上边界至窗口的下边界位置,使窗口显示整个第二显示层中的内容,在第二显示层的上半屏可以用来显示和预览目标图片,下半屏可以显示对目标图片进行编辑的工具。其中上、下半屏中显示的内容可以通过不同的视图来呈现。这样可以方便用户对目标图片的编辑操作,提高图片处理效率。其中,第一显示层的上边界可以在窗口的下边界位置显示有一定的标记,以利于当用户需要查看相册时,直接点击并拖动该标记来重新查看第一显示层中的相册界面。
本公开实施例所提供的技术方案,若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容;响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;若否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。通过采用本公开所提供的技术方案,可以达到通过增加屏幕显示内容的层次架构,以及多层次之间的逻辑关联,来提高用户进行图片处理的操作效率的目的。
在上述技术方案的基础上,可选的,在将所述第一显示层的边界位置调整至预设位置之后,所述方法还包括:响应于第一显示层的边界位置调整指令,实时调整所述第一显示层的边界位置。其中第一显示层的边界位置可以设置在窗口的中心位置和上下边界位置,还可以设置在窗口的任意位置。这样设置的好处是可以便于用户灵活的对窗口中显示的内容进行控制。
在上述各技术方案的基础上,可选的,响应于第一显示层的边界位置调整指令,实时调整所述第一显示层的边界位置,包括:若触控操作的起始位置在窗口中的位置为第一显示层的边界位置,则确定所述触控操作为边界位置的调整操作指令;基于所述调整操作指令,对第一显示层的边界位置进行调整。其中,可以在用户对第一显示屏的边界位置进行点击之后,根据用户的触控位置的变化,实时调整第一显示层的边界位置的变化。具体的,可以判断触控操作的起始位置是否在第一显示层的边界位置上,如果是,则可以确定用户当前的操作指令为调整第一显示层的边界位置的操作指令。进而可以根据调整操作指令,对第一显示层的边界位置进行调整。其中边界位置可以调整至窗口的任意位置,也可以只根据预设准许固定的位置进行调整,例如至固定在窗口的上边界位置、中间位置以及下边界位置。这样设置的好处是可以根据用户的操作对相册内容显示范围进行灵活的控制,并与用户对图片的处理,同时两个显示层之间的逻辑又是相互关联的,有利于提高用户对图片的处理速度。
在上述各技术方案的基础上,可选的,若触控操作的起始位置在窗口中的位置为第一显示层的边界位置,则确定所述触控操作为边界位置的调整操作指令,包括:若检测到触控操作,确定触控操作的坐标位置,判断所述坐标位置是否在第一显示层的边界位置的预设范围内,若是,则确定所述触控操作为边界位置的调整操作指令;相应的,基于所述调整操作指令,对第一显示层的边界位置进行调整,包括:获取触控操作的坐标位置变化量,并根据所述坐标位置变化量确定第一显示层的边界位置的位置变化量,并显示变化后的第一显示层的边界位置;获取触控操作的结束位置,根据所述结束位置的坐标位置确定第一显示层的边界位置的最终定位位置。在本实施例中,具体的,可以通过调用Touchstart()函数确定触控操作的坐标位置,以及持续调用Touchmove()函数获取触控操作的坐标位置变化量,并根据所述坐标位置变化量确定第一显示层的边界位置的位置变化量,并显示变化后的第一显示层的边界位置;调用Touchend()函数获取触控操作的结束位置,根据所述结束位置的坐标位置确定第一显示层的边界位置的最终定位位置。
在本技术方案中,优选的,根据窗口的帧率确定获取触控操作的坐标位置变化量的时间间隔。可以根据窗口的帧率确定所述持续调用Touchmove()函数过程的调用时间间隔。例如,窗口的帧率为每秒30帧,则可以在用户持续操作的情况下,每秒钟调用30次Touchmove()函数,并分别计算位置的变化量。进而根据触控位置的变化量确定第一显示层的边界位置。这样设置的好处是可以实现第一显示层的边界位置与用户的触控操作的位置对应,以符合用户对各个显示内容在窗口中所占位范围的大小进行调整的使用需求。
图5是本公开实施例提供的图片处理界面的控制装置的结构示意图。如图5所示,所述图片处理界面的控制装置,包括:
相册内容显示模块510,用于若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容;
边界位置识别模块520,用于响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;
目标图片显示模块530,用于若所述边界位置识别模块识别为否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。
本公开实施例所提供的技术方案,若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容;响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;若否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。通过采用本公开所提供的技术方案,可以达到通过增加屏幕显示内容的层次架构,以及多层次之间的逻辑关联,来提高用户进行图片处理的操作效率的目的。
上述产品可执行本公开任意实施例所提供的方法,具备执行方法相应的功能模块和有益效果。
图6是本公开实施例提供的一种电子设备的结构示意图。下面参考图6,其示出了适于用来实现本公开实施例的电子设备600的结构示意图。本公开实施例中的电子设备可以是用来提供信息展示功能的电子设备。图6示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他电子设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读介质或者是上述两者的任意组合。计算机可读介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备执行:若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容;响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;若否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或电子设备上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块、单元的名称在某种情况下并不构成对该模块、单元本身的限定。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
注意,上述仅为本公开的较佳实施例及所运用技术原理。本领域技术人员会理解,本公开不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本公开的保护范围。因此,虽然通过以上实施例对本公开进行了较为详细的说明,但是本公开不仅仅限于以上实施例,在不脱离本公开构思的情况下,还可以包括更多其他等效实施例,而本公开的范围由所附的权利要求范围决定。

Claims (10)

1.一种图片处理界面的控制方法,其特征在于,包括:
若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容,所述第一显示层的大小为屏幕窗口大小;
响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;
若否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图;
所述图片处理界面的控制方法还包括:响应于所述第一显示层的选择指令,实时调整所述第二显示层的显示内容。
2.根据权利要求1所述的方法,其特征在于,在将所述第一显示层的边界位置调整至预设位置之后,所述方法还包括:
响应于第一显示层的边界位置调整指令,实时调整所述第一显示层的边界位置。
3.根据权利要求2所述的方法,其特征在于,响应于第一显示层的边界位置调整指令,实时调整所述第一显示层的边界位置,包括:
若触控操作的起始位置在窗口中的位置为第一显示层的边界位置,则确定所述触控操作为边界位置的调整操作指令;
基于所述调整操作指令,对第一显示层的边界位置进行调整。
4.根据权利要求3所述的方法,其特征在于,若触控操作的起始位置在窗口中的位置为第一显示层的边界位置,则确定所述触控操作为边界位置的调整操作指令,包括:
若检测到触控操作,确定触控操作的坐标位置,判断所述坐标位置是否在第一显示层的边界位置的预设范围内,若是,则确定所述触控操作为边界位置的调整操作指令;
相应的,基于所述调整操作指令,对第一显示层的边界位置进行调整,包括:
获取触控操作的坐标位置变化量,并根据所述坐标位置变化量确定第一显示层的边界位置的位置变化量,并显示变化后的第一显示层的边界位置;
获取触控操作的结束位置,根据所述结束位置的坐标位置确定第一显示层的边界位置的最终定位位置。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
根据窗口的帧率确定获取触控操作的坐标位置变化量的时间间隔。
6.根据权利要求1所述的方法,其特征在于,所述第二显示层还包括图片编辑工具视图,所述图片预览视图与图片编辑工具视图在窗口中按照竖直方向排布。
7.根据权利要求1所述的方法,其特征在于,第一显示层的边界为第一显示层的上边界,所述预设位置包括窗口的中间位置,或窗口的底边位置;
其中,所述第一显示层的边界位置处于窗口的底边位置时,在窗口的底边位置显示存在第一显示层边界的符号。
8.一种图片处理界面的控制装置,其特征在于,包括:
相册内容显示模块,用于若检测到进入相册界面,则通过窗口的预设架构中的第一显示层显示相册内容,所述第一显示层的大小为屏幕窗口大小;
边界位置识别模块,用于响应于目标图片的选择指令,将所述目标图片在窗口的预设架构中第二显示层的图片预览视图中显示,并识别所述第一显示层的边界位置是否处在预设位置;其中,所述第一显示层覆盖在所述第二显示层上方;
目标图片显示模块,用于若所述边界位置识别模块识别为否,则将所述第一显示层的边界位置调整至预设位置,以使窗口中第一显示层的未覆盖位置显示所述第二显示层的图片预览视图;
所述图片处理界面的控制装置还包括:响应于所述第一显示层的选择指令,实时调整所述第二显示层的显示内容。
9.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1-7中任一项所述的图片处理界面的控制方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7中任一项所述的图片处理界面的控制方法。
CN201910839066.2A 2019-09-05 2019-09-05 图片处理界面的控制方法、装置、电子设备及可读介质 Active CN110633380B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910839066.2A CN110633380B (zh) 2019-09-05 2019-09-05 图片处理界面的控制方法、装置、电子设备及可读介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910839066.2A CN110633380B (zh) 2019-09-05 2019-09-05 图片处理界面的控制方法、装置、电子设备及可读介质

Publications (2)

Publication Number Publication Date
CN110633380A CN110633380A (zh) 2019-12-31
CN110633380B true CN110633380B (zh) 2022-05-17

Family

ID=68971229

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910839066.2A Active CN110633380B (zh) 2019-09-05 2019-09-05 图片处理界面的控制方法、装置、电子设备及可读介质

Country Status (1)

Country Link
CN (1) CN110633380B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111432291B (zh) * 2020-03-20 2021-11-05 稿定(厦门)科技有限公司 视频分段取帧场景下的视图更新方法及装置
CN113760414B (zh) * 2020-06-02 2023-11-28 北京字节跳动网络技术有限公司 绘制图形的方法和装置
CN111935493B (zh) * 2020-08-12 2022-09-13 网易(杭州)网络有限公司 主播相册处理方法及装置、存储介质、电子设备
CN117112119A (zh) * 2023-10-23 2023-11-24 深圳市亿莱顿科技有限公司 图片展示方法和装置

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108132753A (zh) * 2017-12-21 2018-06-08 广州阿里巴巴文学信息技术有限公司 一种用户手势操作的识别方法、装置和终端设备
CN109992183A (zh) * 2019-03-29 2019-07-09 努比亚技术有限公司 图片预览与选取的方法、终端及存储介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20170037466A (ko) * 2015-09-25 2017-04-04 엘지전자 주식회사 이동 단말기 및 이의 제어방법

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108132753A (zh) * 2017-12-21 2018-06-08 广州阿里巴巴文学信息技术有限公司 一种用户手势操作的识别方法、装置和终端设备
CN109992183A (zh) * 2019-03-29 2019-07-09 努比亚技术有限公司 图片预览与选取的方法、终端及存储介质

Also Published As

Publication number Publication date
CN110633380A (zh) 2019-12-31

Similar Documents

Publication Publication Date Title
CN110633380B (zh) 图片处理界面的控制方法、装置、电子设备及可读介质
DK180452B1 (en) USER INTERFACES FOR RECEIVING AND HANDLING VISUAL MEDIA
AU2020104220B4 (en) User interfaces for capturing and managing visual media
US9003324B2 (en) Control device and control method thereof
KR20220130197A (ko) 촬영 방법, 장치, 전자설비 및 저장매체
CN105979339B (zh) 一种窗口显示方法及客户端
KR102266901B1 (ko) 디스플레이 장치 및 디스플레이 방법
US11875023B2 (en) Method and apparatus for operating user interface, electronic device, and storage medium
US20120229489A1 (en) Pillarboxing Correction
US11037600B2 (en) Video processing method and apparatus, terminal and medium
CN110568982B (zh) 在线演示文稿中的图片裁剪方法、装置、存储介质及设备
EP3764631A1 (en) Intelligent assistant control method and terminal device
CN112423084B (zh) 热点榜单的显示方法、装置、电子设备和存储介质
KR102176662B1 (ko) 전자 장치 및 그 동작 방법
CN109640158B (zh) 一种视频播放的控制方法、装置、设备和介质
CN111459601A (zh) 数据处理方法、装置、电子设备及计算机可读介质
US9412042B2 (en) Interaction with and display of photographic images in an image stack
CN112954441A (zh) 视频编辑及播放方法、装置、设备、介质
CN112752132A (zh) 漫画图片弹幕显示方法、装置、介质及电子设备
US9047795B2 (en) Methods and devices for providing a wallpaper viewfinder
CN113613067A (zh) 视频处理方法、装置、设备及存储介质
CN112995401A (zh) 控件显示方法、装置、设备及介质
CN115022696B (zh) 视频预览方法、装置、可读介质及电子设备
CN114428660B (zh) 页面处理方法、装置、设备及存储介质
CN110225177B (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
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20230506

Address after: Room 802, Information Building, 13 Linyin North Street, Pinggu District, Beijing, 101299

Patentee after: Beijing youzhuju Network Technology Co.,Ltd.

Address before: No. 715, 7th floor, building 3, 52 Zhongguancun South Street, Haidian District, Beijing 100081

Patentee before: Beijing infinite light field technology Co.,Ltd.

TR01 Transfer of patent right