CN117149315A

CN117149315A - 界面显示方法、装置、设备、存储介质和程序产品

Info

Publication number: CN117149315A
Application number: CN202210562240.5A
Authority: CN
Inventors: 莫博宇
Original assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Current assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority date: 2022-05-23
Filing date: 2022-05-23
Publication date: 2023-12-01
Also published as: WO2023226433A1

Abstract

本申请涉及一种界面显示方法、装置、设备、存储介质和程序产品。该方法包括：在显示屏上显示应用的第一界面；在显示第一界面的过程中，若检测到预设操作，则显示第一区域和第二区域，并在第一区域和第二区域中均显示第一界面，其中，第一区域和第二区域均用于显示应用的界面。采用本方法能够提高界面显示的灵活性。

Description

界面显示方法、装置、设备、存储介质和程序产品

技术领域

本申请涉及人机交互技术领域，特别是涉及一种界面显示方法、装置、设备、存储介质和程序产品。

背景技术

随着计算机技术的发展，应用程序在人们的日常生活中已经越来越常见了。界面是应用程序的重要组成部分，界面可以向用户提供信息，并且可以供用户与应用程序进行交互。

然而，当前的界面显示方式存在灵活性较低的问题。

发明内容

基于此，有必要针对上述技术问题，提供一种能够提高界面显示灵活性的界面显示方法、装置、设备、存储介质和程序产品。

第一方面，本申请提供了一种界面显示方法。应用于电子设备，所述电子设备包括显示屏，所述方法包括：

在所述显示屏上显示应用的第一界面；在显示所述第一界面的过程中，若检测到预设操作，则显示第一区域和第二区域，并在所述第一区域和所述第二区域中均显示所述第一界面，其中，所述第一区域和所述第二区域均用于显示所述应用的界面。

第二方面，本申请提供了一种界面显示装置。应用于电子设备，所述电子设备包括显示屏，所述装置包括：

第一显示模块，用于在所述显示屏上显示应用的第一界面；第二显示模块，用于在显示所述第一界面的过程中，若检测到预设操作，则显示第一区域和第二区域，并在所述第一区域和所述第二区域中均显示所述第一界面，其中，所述第一区域和所述第二区域均用于显示所述应用的界面。

第三方面，本申请还提供了一种电子设备。所述电子设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述第一方面提供的界面显示方法。

第四方面，本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面提供的界面显示方法。

第五方面，本申请还提供了一种计算机程序产品。所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述第一方面提供的界面显示方法。

上述界面显示方法、装置、设备、存储介质和程序产品，通过在显示应用的第一界面的过程中，若检测到预设操作，则显示第一区域和第二区域，并在第一区域和第二区域中均显示第一界面，其中，该第一区域和第二区域均用于显示该应用的界面，这样，就可以在检测到预设操作之后，显示两个区域，并在该两个区域中备份显示第一界面，并且，该两个区域都可以显示该应用的界面，通过这样的方式可以实现在显示屏中备份显示界面的效果，故而可以提高界面显示的灵活性。

附图说明

图1为一个实施例中界面显示方法的流程图；

图2为一个实施例中界面显示的示意图；

图3为一个实施例中界面显示的示意图；

图4为一个实施例中界面显示的示意图；

图5为一个实施例中界面显示的示意图；

图6为一个实施例中界面显示的示意图；

图7为一个实施例中界面显示的示意图；

图8为一个实施例中界面显示的示意图；

图9为一个实施例中界面显示的示意图；

图10为一个实施例中界面显示的示意图；

图11为一个实施例中界面显示的示意图；

图12为一个实施例中界面显示的示意图；

图13为一个实施例中界面显示的示意图；

图14为一个实施例中界面显示的示意图；

图15为一个实施例中界面显示的示意图；

图16为一个实施例中界面显示的示意图；

图17为一个实施例中界面显示的示意图；

图18为一个实施例中界面显示的示意图；

图19为一个实施例中界面显示的示意图；

图20为一个实施例中界面显示的示意图；

图21为一个实施例中界面显示的示意图；

图22为一个实施例中界面显示方法的流程图；

图23为一个实施例中界面显示方法的技术实现方式的示意图；

图24为一个实施例中界面显示装置的结构框图；

图25为一个实施例中电子设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

为了提高界面显示的灵活性，本申请实施例提供了一种界面显示方法，其中，该界面显示方法的执行主体可以是界面显示装置，该界面显示装置可以通过软件、硬件或者软硬件结合的方式实现成为电子设备的部分或者全部，下述方法实施例中，均以执行主体是电子设备为例来进行说明。其中，该电子设备包括显示屏，该电子设备可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备，物联网设备可为智能音箱、智能电视、智能空调、智能车载设备等，便携式可穿戴设备可为智能手表、智能手环、头戴设备等。

在一个实施例中，如图1所示，提供了一种界面显示方法，以该方法应用于电子设备为例进行说明，包括以下步骤：

步骤101、在显示屏上显示应用的第一界面。

其中，该应用可以为系统应用，也可以为第三方应用，该应用可以为视频应用、即时通信应用、新闻应用、音乐应用或者游戏应用等，本申请实施例不对该应用的具体类型进行限定。

步骤102、在显示第一界面的过程中，若检测到预设操作，则显示第一区域和第二区域，并在第一区域和第二区域中均显示第一界面。

其中，第一区域和第二区域均用于显示应用的界面。

在本申请的可选实施例中，该预设操作可以包括以下操作中的至少一种：目标手势操作、对拖拽控件的拖拽操作、对固定控件的触发操作。

在本申请的可选实施例中，通过将第一界面显示在第一区域和第二区域中，实现了对第一界面的备份显示，其中，第二区域中显示的第一界面用来与用户进行交互，第一区域则可以显示缩小的第一界面，并且，需要指出的是，第一区域中的缩小的第一界面为保活界面，也即是，第一区域中的缩小的第一界面可以反映出界面内容的实时变化。

在一种实现方式中，第一区域可以叠加显示于第二区域之上，并覆盖第二区域的一部分。

请参考图2，如图2所示，第二区域Q2覆盖整个显示屏，第一区域Q1叠加显示于Q2之上，而且，覆盖第二区域Q2的右侧区域。需要指出的是，尽管图2示出了第一区域Q1覆盖第二区域Q2的右侧区域的情况，但是在实际实现时，第一区域Q1还可以覆盖第二区域Q2的左侧区域、上方区域或者下方区域，本申请实施例不对第一区域Q1覆盖第二区域Q2的方式进行限定。

需要指出的是，在第一区域叠加显示于第二区域之上，并覆盖第二区域的一部分的显示方式中，第一区域可以被呼出从而叠加显示于第二区域之上，第一区域也可以被隐藏，从而使电子设备的显示屏全屏显示第二区域，本申请实施例不对第一区域呼出和隐藏的方式进行限定。

在另一种实现方式中，第一区域和第二区域不存在相互覆盖的区域，即第一区域和第二区域互不重叠。

请参考图3，如图3所示，第一区域Q1位于显示屏的左侧区域，第二区域Q2位于显示屏的右侧区域，第一区域Q1和第二区域Q2之间不具有相互覆盖的区域。需要指出的是，尽管图3中示出，第一区域Q1位于显示屏的左侧区域，第二区域Q2位于显示屏的右侧区域，但是在实际实现时，第一区域Q1可以位于显示屏的右侧区域，第二区域Q2可以位于显示屏的左侧区域；或者，第一区域Q1可以位于显示屏的上方区域，第二区域Q2可以位于显示屏的下方区域；或者，第一区域Q1可以位于显示屏的下方区域，第二区域Q2可以位于显示屏的上方区域。换言之，在实际实现时，第一区域Q1和第二区域Q2可以横向排布，也可以纵向排布。请参考图4，其为第一区域Q1和第二区域Q2纵向排布的示意图，在图4中，第一区域Q1位于显示屏的下方区域，第二区域Q2位于显示屏的上方区域。

在第一区域和第二区域不存在相互覆盖区域的情况下，第一区域和第二区域的尺寸可以相等，也可以不相等，例如，第一区域的尺寸可以小于第二区域的尺寸。

需要指出的是，在本申请的可选实施例中，电子设备可以在显示屏尺寸小于预设尺寸阈值的情况下，以第一区域叠加显示于第二区域之上，并覆盖第二区域的一部分的显示形式显示第一区域和第二区域。在显示屏尺寸大于或等于该预设尺寸阈值的情况下，以第一区域和第二区域不存在相互覆盖的区域的显示形式显示第一区域和第二区域。

在一种可能的实现方式中，电子设备可以响应于用户触发的尺寸调整操作调整第一区域的尺寸和第二区域的尺寸中的至少一个。其中，该尺寸调整操作可以为对第一区域和第二区域之间的分割线的拖动操作，也可以为对第一区域的边界线的拖动操作，还可以为对第二区域的边界线的拖动操作，本申请实施例不对该尺寸调整操作的具体类型进行限定。

请参考图5，在第一区域和第二区域不存在相互覆盖区域的情况下，用户可以拖动第一区域Q1和第二区域Q2之间的分割线，当电子设备检测到该拖动操作后，可以基于该拖动操作调整第一区域Q1和第二区域Q2的尺寸，如图5所示，在尺寸调整之后，第一区域Q1的尺寸增大，同时，第二区域Q2的尺寸减小。

请参考图6，在第一区域叠加显示于第二区域之上的情况下，用户可以拖动第一区域Q1的边界线，当电子设备检测到该拖动操作后，可以基于该拖动操作调整第一区域Q1的尺寸，如图6所示，在尺寸调整之后，第一区域Q1的尺寸增大。

需要指出的是，上述图5和图6所示的尺寸调整的图示仅仅是示例性的，在实际实现时，第一区域Q1叠加显示于第二区域Q2之上，且，第一区域Q1覆盖第二区域Q2的左侧区域、上方区域或者下方区域的情况，以及，第一区域Q1和第二区域Q2不存在相互覆盖的区域，且，第一区域Q1位于显示屏的右侧区域而第二区域Q2位于显示屏的左侧区域、第一区域Q1位于显示屏的上方区域而第二区域Q2位于显示屏的下方区域、第一区域Q1位于显示屏的下方区域而第二区域Q2位于显示屏的上方区域的情况，电子设备进行尺寸调整的方式与图5和图6所示同理，本申请实施例在此不再赘述。

在一种可能的实现方式中，第一区域可以包括抽屉控件，这种情况下，在显示第一区域的过程中，若检测到针对抽屉控件的触发操作，则隐藏第一区域中除抽屉控件以外的其他部分。

请参考图7，第二区域Q2覆盖整个显示屏，第一区域Q1叠加显示于Q2之上，且覆盖第二区域Q2的右侧区域，第一区域Q1包括抽屉控件c，该抽屉控件c可以设置于第一区域Q1的左侧边界线处。若电子设备检测到对该抽屉控件c的触发操作，则可以隐藏第一区域Q1中除抽屉控件c以外的其他部分，请参考图8，其为抽屉控件c被触发之后，第一区域Q1中除抽屉控件c以外的其他部分均被隐藏的示意图，如图8所示，在第一区域Q1被隐藏之后，电子设备可以无遮挡地全屏显示第二区域Q2。

请参考图9，第一区域Q1位于显示屏的左侧区域，第二区域Q2位于显示屏的右侧区域，第一区域Q1和第二区域Q2之间不具有相互覆盖的区域，第一区域Q1包括抽屉控件c，该抽屉控件c可以设置于第一区域Q1的右侧边界线处，若电子设备检测到对该抽屉控件c的触发操作，则可以隐藏第一区域Q1中除抽屉控件c以外的其他部分。请参考图10，其为抽屉控件c被触发之后，第一区域Q1中除抽屉控件c以外的其他部分均被隐藏的示意图，如图10所示，在第一区域Q1被隐藏之后，电子设备自动放大第二区域Q2，放大后的第二区域Q2覆盖整个显示屏，电子设备可以无遮挡地全屏显示第二区域Q2。

需要指出的是，实际实现时，在抽屉控件c被触发后，抽屉控件c的一部分可以被隐藏，另一部分不被隐藏。

在本申请的可选实施例中，在隐藏第一区域中除抽屉控件以外的其他部分之后，若检测到针对抽屉控件的触发操作，则电子设备可以重新显示第一区域，电子设备重新显示第一区域的图示可以参考图7和图9，本申请实施例在此不再赘述。

需要指出的是，上述图7至图10所示的对抽屉控件的操作的图示仅仅是示例性的，在实际实现时，第一区域Q1叠加显示于第二区域Q2之上，且，第一区域Q1覆盖第二区域Q2的左侧区域、上方区域或者下方区域的情况，以及，第一区域Q1和第二区域Q2不存在相互覆盖的区域，且，第一区域Q1位于显示屏的右侧区域而第二区域Q2位于显示屏的左侧区域、第一区域Q1位于显示屏的上方区域而第二区域Q2位于显示屏的下方区域、第一区域Q1位于显示屏的下方区域而第二区域Q2位于显示屏的上方区域的情况，对抽屉控件的操作方式与图7至图10所示同理，本申请实施例在此不再赘述。

根据上文说明可知，设置抽屉控件的主要目的是：在需要时隐藏第一区域，从而保证能够清晰不遮挡地全屏显示第二区域，在一些实施方式中，可以在电子设备的显示屏尺寸较小时才有这一需求，而在电子设备的显示屏尺寸较大时，可以将第一区域和第二区域固定显示于电子设备显示屏中。

基于以上考虑，在本申请的可选实施例中，电子设备可以在显示屏尺寸小于预设尺寸阈值的情况下，在第一区域中显示抽屉控件，而在显示屏尺寸不小于该预设尺寸阈值的情况下，可以不在第一区域中显示抽屉控件。

除此以外，在第一区域叠加显示于第二区域之上，且，覆盖第二区域的一部分的显示方式中，电子设备可以不考虑自身的显示屏尺寸，而在第一区域中固定显示抽屉控件。

在一种可能的实现方式中，第一区域和第二区域中的至少一个可以包括关闭控件，在这种情况下，若检测到针对关闭控件的触发操作，则根据被触发的关闭控件所设置的区域关闭第一区域或者第二区域。

例如，假如第一区域中设置有关闭控件，则在检测到对该关闭控件的触发操作后，可以关闭第一区域。又例如，假如第二区域中设置有关闭控件，则在检测到对该关闭控件的触发操作后，可以关闭第二区域。

在步骤102中，在一种可能的实现方式中，第一界面可以包括第一拖拽控件，在这种情况下，若检测到针对第一拖拽控件的拖拽操作(也即是预设操作)，则显示第一区域和第二区域，并在第一区域和第二区域中均显示第一界面。

需要指出的是，为了防止误触，第一拖拽控件可以设置于第一界面的顶部区域。

请参考图11，第一界面A包括第一拖拽控件t1，其中，该第一拖拽控件t1可以位于第一界面A的顶部区域中，若检测到针对该第一拖拽控件t1的拖拽操作，例如，用户长按该第一拖拽控件t1后，可以在第一拖拽控件t1上新生成一个经过缩小的第一界面A，该经过缩小的第一界面A可以跟随第一拖拽控件t1移动，并且显示屏上可以显示出第一区域Q1和第二区域Q2，在用户将第一拖拽控件t1拖动到第一区域Q1后，第一界面A就可以同时显示于第一区域Q1和第二区域Q2中。

在本申请的可选实施例中，若第一拖拽控件为首次显示，则可以显示第一功能说明界面，例如，在第一界面上叠加显示该第一功能说明界面，该第一功能说明界面包括第一拖拽控件的功能说明信息。请参考图12，其为在第一界面A上叠加显示第一功能说明界面S1的示意图。

在另一种可能的实现方式中，若基于第一界面检测到目标手势操作(也即是预设操作)，则显示第一区域和第二区域，其中，第一界面显示于第一区域和第二区域中。

请参考图13，若基于第一界面A检测到三指同时向上滑动的操作(图中所示的3个圆圈)，此时，可以显示第一区域Q1和第二区域Q2，其中，第一界面A同时显示于第一区域Q1和第二区域Q2中。

在又一种可能的实现方式中，第一界面可以包括第一固定控件，在这种情况下，若检测到针对第一固定控件的触发操作(也即是预设操作)，则显示第一区域和第二区域，并在第一区域和第二区域中均显示第一界面。

其中，关于第一固定控件被触发后即显示第一区域和第二区域的示意图与图11所示类似，其区别仅在于第一固定控件的样式与第一拖拽控件t1的样式有所不同，且，不需要对第一固定控件进行如图11所示的拖拽操作。例如，第一固定控件可以是一个图钉形状的控件，当点击该图钉形状的控件后即可触发显示第一区域和第二区域，并在第一区域和第二区域中均显示第一界面。为了简化说明，本申请实施例不对第一固定控件被触发后即显示第一区域和第二区域的示意图进行绘制。

与上文所述同理地，为了防止误触，第一固定控件可以设置于第一界面的顶部区域。另外，若第一固定控件为首次显示，则可以显示第二功能说明界面，例如，在第一界面上叠加显示该第二功能说明界面，该第二功能说明界面包括第一固定控件的功能说明信息。其中，第二功能说明界面的图示与图12中第一功能说明界面的图示类似，其区别仅在于第二功能说明界面中的功能说明信息与第一功能说明界面中的功能说明信息不同，为了简化叙述，本申请实施例不对第二功能说明界面的示意图进行绘制。

需要说明的是，在本申请的可选实施例中，第一界面可以进行多次备份显示，例如，在第一界面已经备份显示的情况下，也即是，在第一区域中已经存在缩小的第一界面的情况下，用户可以继续针对第二区域中显示的第一界面触发该预设操作，电子设备在检测到该预设操作之后，可以在第一区域中显示的第一界面的下方显示另一第一界面，也即是，在第一区域中显示新的缩小的第一界面，同时，在第二区域中继续显示第一界面，换言之，第一区域Q1中可以显示多个缩小的第一界面。

请参考图14，在第二区域Q2中显示有第一界面A，在第一区域Q1中显示有一个缩小的第一界面A，此时，若基于第二区域Q2中显示的第一界面A检测到三指同时向上滑动的操作(图中所示的3个圆圈)，此时，可以在第二区域Q2中继续显示第一界面A，同时，在第一区域Q1中显示新的缩小后的第一界面A，此时，第一区域Q1中存在两个缩小的第一界面A。

需要说明的是，在第二区域中显示的第一界面可以在用户的触发下进行界面跳转，下面，本申请实施例将对这一界面跳转过程进行说明。

可选的，若检测到针对该第二区域中显示的第一界面的界面跳转操作，则电子设备可以在第二区域中显示跳转后的该应用的第二界面。也即是，在本申请的可选实施例中，界面跳转之后，原来显示在第二区域中的第一界面可以被直接覆盖掉。

请参考图15，如图15所示，第二区域Q2中显示的第一界面A包括链接kb1，在检测到针对该链接kb1的触发操作后，第二区域Q2中可以显示该链接kb1所指向的第二界面B，而第二区域Q2中原来显示的第一界面A被直接覆盖掉。

需要说明的是，在图15仅示出了第一区域包含一个缩小的第一界面的情况下的界面跳转示意，但是，实际应用中，在界面跳转时，第一区域可以包含多个缩小的第一界面，这种情况下，界面跳转时，第二区域显示第二界面，而第一区域仍显示该多个缩小的第一界面。

另外，仅作为本申请实施例提供的可选的一种示例，在实际实现时，在第二区域显示第二界面的同时，原来显示在第二区域中的第一界面可以以备份的形式显示在第一区域中，也即是，在第二区域中显示跳转后的第二界面的同时，在第一区域中显示的第一界面的下方显示另一第一界面(新的第一界面)。

请参考图16，如图16所示，第二区域Q2中显示的第一界面A包括链接kb1，在检测到针对该链接kb1的触发操作后，第二区域Q2中可以显示该链接kb1所指向的第二界面B，与此同时，第二区域Q2中原来显示的第一界面A可以以备份的形式显示在第一区域Q1中，如图16所示，第一区域Q1原本存在1个缩小的第一界面A，在该链接kb1被触发后，第一区域Q1中可以显示2个缩小的第一界面A。

另外，还需要说明的是，第二区域中显示的第二界面也可以进行界面跳转，具体地，在检测到针对该第二界面的界面跳转操作之后，可以在第二区域中显示跳转后的该应用的第三界面，而原来显示在第二区域中的第二界面也可以被直接覆盖掉，本申请实施例对此不再赘述，当然，进一步地，第三界面也可以进行界面跳转，乃至于以后显示在第二区域中的界面都可以进行界面跳转，界面跳转的方式与上文所述同理，本申请实施例在此不再赘述。

此外，还需要说明的是，在本申请实施例中，第二界面也可以进行备份显示，具体地，若检测到针对该第二区域中显示的第二界面的预设操作，则在第一区域中显示第二界面，且在第二区域中继续显示第二界面。换言之，在第二区域显示第二界面的过程中，若检测到预设操作，则可以在第一区域中备份显示缩小的第二界面。

与上文所述同理地，第二界面也可以进行多次备份显示，例如，在第二界面已经备份显示的情况下，也即是，在第一区域中已经存在缩小的第二界面的情况下，用户可以继续针对第二区域中显示的第二界面触发该预设操作，电子设备在检测到该预设操作之后，可以在第一区域中显示新的缩小的第二界面，同时，在第二区域中继续显示第二界面，换言之，第一区域Q1中可以显示多个缩小的第二界面。

其中，第二界面进行界面跳转操作，以及第二界面进行备份显示的方式与上文所述同理，本申请实施例在此不再赘述。

当然，上文中的第三界面也可以进行备份显示或者多次备份显示，乃至于以后显示在第二区域中的界面都可以进行备份显示或者多次备份显示，其备份显示的方式与上文所述同理，本申请实施例在此不再赘述。

在本申请实施例中，除了可以针对第二区域中显示的界面进行备份显示以及界面跳转之外，还可以将第一区域中显示的界面转换至第二区域中进行显示，具体来说，在第一区域和第二区域显示的界面不相同的情况下，可以将第一区域中显示的界面转换至第二区域中进行显示。

可选的，若检测到针对第一区域中显示的第一目标界面的触发操作，则可以将第二区域中显示的第二目标界面替换为该第一目标界面，也即是，在将第一区域中显示的第一目标界面转换至第二区域显示时，第一目标界面可以直接覆盖第二目标界面。在本申请的一个可选的实施例中，被触发的第一目标界面可以继续在第一区域中显示。或者，在本申请的另一个可选的实施例中，被触发的第一目标界面将不会继续在第一区域中显示。

在本申请的可选实施例中，该第一目标界面可以为第一界面，该第二目标界面可以为第二界面，或者，该第一目标界面可以为第二界面，该第二目标界面可以为第三界面，本申请实施例对此不作具体限定。

请参考图17，若检测到针对第一区域Q1中第一界面A(也即是第一目标界面)的触发操作(如点击操作)，则可以在第二区域Q2中显示该第一界面A，与此同时，第二区域Q2中原本显示的第二界面B(也即是第二目标界面)可以被直接覆盖掉。

另外，仅作为本申请实施例提供的可选的一种示例，在将第一区域中显示的第一目标界面转换至第二区域显示的同时，第二区域中原来显示的第二目标界面可以转换至第一区域中显示。

请参考图18，若检测到针对第一区域Q1中第一界面A(也即是第一目标界面)的触发操作(如点击操作)，则可以在第二区域Q2中显示该第一界面A，与此同时，第二区域Q2中原本显示的第二界面B(也即是第二目标界面)的缩小界面可以显示于第一区域Q1中。

根据上文所述可知，第一区域可以用于显示应用的多个界面，在第一区域存在多个界面的情况下，若基于第一区域检测到浏览操作(例如，该浏览操作可以为上滑操作或者下滑操作)，则电子设备可以响应于浏览操作滑动第一区域中的多个界面。请参考图19，其示出了电子设备响应于浏览操作滑动第一区域中的多个界面的示意图。

除此以外，可选的，第一区域中的界面还可以设置关闭控件，其中，若检测到针对第一区域中显示的第一目标界面的关闭控件的触发操作后，电子设备可以在第一区域中关闭第一目标界面。请参考图20，其示出了在第一区域Q1中显示的第一目标界面C(示例性地，该第一目标界面C与上文所述的第一界面形同)的关闭控件被触发后，在第一区域Q1中关闭第一目标界面C的示意图。

另外，对于第一区域包含抽屉控件的情况，若检测到针对该抽屉控件的触发操作，则电子设备可以隐藏第一区域中除抽屉控件以外的其他部分，之后，若检测到针对第二区域中显示的第二目标界面(例如，该第二目标界面可以为第二界面)的预设操作，则可以将该第二目标界面置于被隐藏的第一区域中，同时，在第二区域中继续显示该第二目标界面。

而在将第二界面置于被隐藏的第一区域之后，若检测到针对该抽屉控件的触发操作，则电子设备可以重新显示第一区域，此时，在第一区域中可以显示该第二目标界面。

为了便于读者理解本申请实施例提供的技术方案，下面，本申请实施例将提供一种可选的界面操作过程，需要指出的是，这种可选的界面操作过程可能并未穷尽所有可以能的界面切换情况，读者应该理解，该可选的界面操作过程还可以包括上文中所述的界面切换情况。

请参考图21，第一界面A的顶部区域包含拖拽控件t1，其中，在该拖拽控件t1为首次显示的情况下，第一界面A上叠加显示第一功能说明界面s1，该第一功能说明界面s1可以包含对拖拽控件t1的功能说明信息。用户可以在第一界面A显示的过程中，对该拖拽控件t1进行拖拽，其中，用户长按该拖拽控件t1后，可以在拖拽控件t1上新生成一个经过缩小的第一界面A，该经过缩小的第一界面A可以跟随拖拽控件移动，并且显示屏上可以显示出第一区域Q1和第二区域Q2，在用户将拖拽控件拖动到第一区域Q1后，第一界面A就可以显示于第一区域Q1和第二区域Q2中，其中，第一界面A以缩略的形式显示在第一区域Q1中，且，第一界面A在第一区域Q1中保活。

显示于第二区域Q2的第一界面A的顶部区域也包含拖拽控件t1，用户可以拖拽显示于第二区域Q2的拖拽控件t1，同理地，用户长按该拖拽控件t1后，可以在拖拽控件t1上新生成一个经过缩小的第一界面A，该经过缩小的第一界面A可以跟随拖拽控件移动，在用户将拖拽控件拖动到第一区域Q1后，第一区域Q1在已有的第一界面A的下方显示新的第一界面A，而第二区域Q2中继续显示第一界面A。

通过上述方法，用户可以在第一区域Q1中生成多个第一界面A的备份。

另外，第二区域Q2中的第一界面A还可以进行界面跳转，该第一界面A包括链接kb1，在检测到针对该链接kb1的触发操作后，第二区域Q2中可以显示该链接kb1所指向的第二界面B。

而后，若用户想要将第一区域Q1中显示的第一界面A转移至第二区域Q2中进行显示，则用户可以触发第一区域Q1中显示的第一界面A，此时，第二区域Q2中显示第一界面A。

在另一个实施例中，例如，第一界面A的顶部区域包含一图钉形状的固定控件，预设操作为点击该固定控件。在电子设备的触摸显示屏显示第一界面A的过程中，用户可以对显示在界面顶部的图钉形状控件进行点击操作，之后电子设备可以在触摸显示屏上显示出第一区域Q1和第二区域Q2，并在该第一区域Q1和第二区域Q2中均显示第一界面A，其中第一区域Q1中显示的是缩小后的第一界面A，并且第一区域Q1中显示的第一界面A是保活界面，即第一区域Q1中显示的第一界面A和第二区域Q2中显示的第一界面A一样，都是可以反映出界面的实时变化的。

第二区域Q2中的第一界面A还可以进行界面跳转。例如，用户可以点击该第一界面A中包括的链接kb1，电子设备在检测到针对该链接kb1的点击操作后，第二区域Q2中可以显示该链接kb1所指向的第二界面B。

在第二区域Q2中显示链接kb1所指向的第二界面B之后，若用户想要将第一区域Q1中显示的第一界面A转移至第二区域Q2中进行显示，则用户可以点击第一区域Q1中显示的第一界面A，之后，第二区域Q2中可以显示出第一界面A，即第二区域Q2中原来显示的第二界面B被第一界面A替换。

或者，在第二区域Q2中显示链接kb1所指向的第二界面B之后，用户也可以点击第二界面B顶部的图钉形状控件，从而触发在第一区域Q1中显示一缩小的第二界面B。此时第一区域Q1中包含缩小的界面A和B。之后，若第二区域Q2中显示的第二界面B中包含跳转链接，则用户也可以点击该跳转链接，从而在第二区域Q2中显示跳转后的第三界面C。此时第一区域Q1中仍然包含缩小的界面A和B。

即，在本实施例中，当在某一界面上检测到预设操作时，电子设备可以在第一区域Q1中保活显示该界面的缩小界面。当检测到针对第一区域Q1中显示的某一界面的触发操作时，电子设备可以将被触发的该界面切换到第二区域Q2中显示。可以理解的是，由于第二区域Q2的面积可以大于第一区域Q1，因此将第一区域Q1中被触发的界面切换到第二区域Q2中显示时更方便用户查看相应界面上的信息。

下面以一使用场景为例进行说明。

比如，用户当前使用的是一个即时通信应用。该即时通信应用的每一界面的顶部均可以包含一图钉形状的固定控件，预设操作为点击该固定控件。

例如，用户在聊天界面D和好友聊天，此时好友在聊天界面发送了一篇公众号文章的链接过来。此时，用户既想时刻关注聊天界面D的变化，又想跳转到公众号文章的链接所指向的界面E，那么用户可以点击聊天界面D顶部的图钉形状控件，从而触发显示屏显示出第一区域Q1和第二区域Q2，并在该第一区域Q1和第二区域Q2中均显示聊天界面D，其中第一区域Q1中显示的是缩小后的聊天界面D，并且第一区域Q1中显示的聊天界面D是保活界面。之后，用户可以点击第二区域Q2中显示的聊天界面D上的公众号文章的链接，从而跳转到公众号文章对应的界面E。

例如，用户又对界面E上的另一跳转链接的内容感兴趣，那么用户还可以点击界面E顶部的图钉形状控件，从而触发在第一区域Q1中显示一缩小且保活的界面E，此时第一区域Q1中显示有缩小后的界面D和E。之后，用户可以点击上述另一跳转链接，从而使电子设备的显示屏在第二区域Q2显示上述另一跳转链接对应的界面F。

之后，用户通过第一区域Q1中显示的聊天界面D发现好友又发了一条聊天消息过来，那么用户可以点击第一区域Q中显示的聊天界面D，从而将第二区域Q2中显示的界面F替换为聊天界面D，此时第一区域Q1中仍然可以显示有缩小后的界面D和E。

之后，用户又想回到公众号文章对应的界面E上阅读公众号文章，那么用户可以点击第一区域Q中显示的界面E，从而将第二区域Q2中显示的界面D替换为界面E，此时第一区域Q1中仍然可以显示有缩小后的界面D和E。

可见，在本实施例中，用户可以通过预设操作将某一个界面保活显示到第一区域中，并在需要时快速地将保活显示在第一区域中的某一个界面切换到第二区域中查看，从而高效地实现多任务协同，大大提高了快速到达任务对应的界面的能力，同时提高了用户体验和交互的可玩性。

下面，本申请实施例将对在检测到预设操作后显示第一区域和第二区域的技术实现方式进行说明，请参考图22以及图23，该技术实现过程包括以下步骤：

步骤2201、在基于第一界面检测到预设操作后，在第一界面对应的第一activity组件所属的任务栈中创建第一区域对应的Rootactivity组件以及与该第一界面对应的新第一activity组件。

其中，该新第一activity组件在任务栈中置顶，Rootactivity组件位于该新第一activity组件之后，Rootactivity组件包括ScrollView控件，ScrollView控件中定义有多个SurfaceView区域。

此外，设置该新第一activity组件的bounds值指定其在显示屏中的显示位置，例如，显示在显示屏右侧区域，并设置RootActivity组件的bounds值指定其在显示屏中的显示位置，例如，显示在显示屏左侧区域。

activity组件是Android系统中最基本也是最为常见的四大组件之一。activity组件能够提供一个界面，可以用来与用户交互从而完成某项任务。Task(任务栈)是一个具有栈结构的容器，可以放置多个activity实例，一般来说，任务栈中置顶的activity实例显示于电子设备显示屏中。ScrollView控件是Android系统中的基本UI控件，其中文翻译可以为滚动条或者竖直滚动条。SurfaceView是一块显示屏的缓存区，可以在其内绘制图形。

步骤2202、将第一activity组件、新一activity组件以及Rootactivity组件设置为可见和重新返回状态。

在Android系统中，activity组件具有多种状态，其中，可见(英文：visible)和重新返回状态(英文：Resumed)就是activity组件的状态，也即是，可见并可以与用户交互的激活状态。

步骤2203、将第一activity组件的SurfaceControl重关联(英文：reparent)至多个SurfaceView区域中的第一SurfaceView区域中，并根据第一SurfaceView区域的尺寸对第一activity组件的SurfaceControl进行缩放处理，根据第一SurfaceView区域的位置对第一activity组件的SurfaceControl进行显示位置更新处理。

这样，就可以将第一activity组件的显示内容以第一SurfaceView来承载。并且通过setposition对第一activity组件的SurfaceControl进行显示位置更新处理，通过setmatrix对第一activity组件的SurfaceControl的缩放系数进行更新处理。

在ScrollView中的多个SurfaceView承载多个activity组件时，也即是，在第一区域中存在多个界面时，可以通过滑动ScrollView来实现对该多个activity组件的浏览。

另外，实现界面跳转时，例如，实现第一界面跳转至第二界面时，可以在第一activity组件所属的任务栈中创建第二界面对应的第二activity组件，其中，第二activity组件在任务栈中置顶，而Rootactivity组件在任务栈中位于第二activity组件之后。

如果在界面跳转时，需要将第二区域中显示的第一界面显示于第一区域中，则可以将新第一activity组件的SurfaceControl重关联至多个SurfaceView区域中的第二SurfaceView区域中，并根据第二SurfaceView区域的尺寸对新第一activity组件的SurfaceControl进行缩放处理，根据第二SurfaceView区域的位置对新第一activity组件的SurfaceControl进行显示位置更新处理。

此外，若需要将第一区域中的第一目标界面转移至第二区域中显示，则可以将第一目标界面对应的第三activity组件在任务栈中置顶，并断开第三activity组件与和第一区域对应的Rootactivity组件包括的ScrollView控件中第三SurfaceView区域的关联。

如果与此同时，需要将第二区域中原本显示的第二目标界面显示在第一区域中，则可以将第二目标界面对应的第四activity组件的SurfaceControl重关联至多个SurfaceView区域中的第四SurfaceView区域中，并根据第四SurfaceView区域的尺寸对第四activity组件的SurfaceControl进行缩放处理，根据第四SurfaceView区域的位置对第四activity组件的SurfaceControl进行显示位置更新处理。

在响应于尺寸调整操作调整第一区域和第二区域的尺寸时，可以根据尺寸调整操作调整第一区域对应的Rootactivity组件的bounds值、调整第二区域中显示的第二目标界面对应的第四activity组件的bounds值，并调整关联于Rootactivity组件包括的ScrollView控件中SurfaceView区域的activity组件对应的缩放系数。

应该理解的是，虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

基于同样的发明构思，本申请实施例还提供了一种用于实现上述所涉及的界面显示方法的界面显示装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似，故下面所提供的一个或多个界面显示装置实施例中的具体限定可以参见上文中对于界面显示方法的限定，在此不再赘述。

在一个实施例中，如图24所示，提供了一种界面显示装置2400，包括：第一显示模块2401以及第二显示模块2402，其中：

该第一显示模块2401，用于在该显示屏上显示应用的第一界面。

该第二显示模块2401，用于在显示该第一界面的过程中，若检测到预设操作，则显示第一区域和第二区域，并在该第一区域和该第二区域中均显示该第一界面，其中，该第一区域和该第二区域均用于显示该应用的界面。

在本申请的一个可选实施例中，该第二显示模块2402，还用于：若检测针对该第二区域中显示的该第一界面的该预设操作，则在该第一区域中显示的该第一界面的下方显示另一该第一界面，并在该第二区域中继续显示该第一界面。

在本申请的一个可选实施例中，该第二显示模块2402，还用于：若检测到针对该第二区域中显示的该第一界面的界面跳转操作，则在该第二区域中显示跳转后的该应用的第二界面。

在本申请的一个可选实施例中，该第二显示模块2402，还用于：若检测到针对该第二区域中显示的该第一界面的界面跳转操作，则在该第二区域中显示跳转后的该应用的第二界面，并在该第一区域中继续显示已显示的两个该第一界面。

在本申请的一个可选实施例中，该第二显示模块2402，还用于：若检测到针对该第二区域中显示的该第二界面的该预设操作，则在该第一区域中显示该第二界面，且在该第二区域中继续显示该第二界面。

在本申请的一个可选实施例中，该第一区域中显示有至少一个界面，且该第一区域和该第二区域中显示的界面不同，该第二显示模块2402，还用于：若检测到针对该第一区域中显示的第一目标界面的触发操作，则将该第二区域中显示的第二目标界面替换为该第一目标界面。

在本申请的一个可选实施例中，该第一目标界面为该第一界面，该第二目标界面为该第二界面。

在本申请的一个可选实施例中，该第二显示模块2402，还用于：若检测到尺寸调整操作，则响应于该尺寸调整操作调整该第一区域的尺寸和该第二区域的尺寸中的至少一个。

在本申请的一个可选实施例中，该第二显示模块2402，还用于：在该第一区域存在多个界面的情况下，若基于该第一区域检测到浏览操作，则响应于该浏览操作滑动该第一区域中的多个界面。

在本申请的一个可选实施例中，该第一区域叠加显示于该第二区域之上，并覆盖该第二区域的一部分；或者，

该第一区域和该第二区域不存在相互覆盖的区域。

在本申请的一个可选实施例中，该第二显示模块2402，还用于：在该电子设备的显示屏尺寸小于预设尺寸阈值的情况下，以该第一区域叠加显示于该第二区域之上，并覆盖该第二区域的一部分的显示形式显示该第一区域和该第二区域；在该电子设备单的显示屏尺寸大于或等于该预设尺寸阈值的情况下，以该第一区域和该第二区域不存在相互覆盖的区域的显示形式显示该第一区域和该第二区域。

在本申请的一个可选实施例中，该第一区域和该第二区域横向排布；或者，该第一区域和该第二区域纵向排布。

在本申请的一个可选实施例中，该第一区域包括抽屉控件，该第二显示模块2402，还用于在显示该第一区域的过程中，若检测到针对该抽屉控件的触发操作，则隐藏该第一区域中除该抽屉控件以外的其他部分。

在本申请的一个可选实施例中，该第二区域中显示有第二目标界面，该第二显示模块2402，还用于：若检测到针对该第二目标界面的预设操作，将该第二目标界面置于被隐藏的该第一区域中，并在该第二区域中继续显示该第二目标界面。

在本申请的一个可选实施例中，该第二显示模块2402，还用于：若检测到针对该抽屉控件的触发操作，则重新显示该第一区域。

在本申请的一个可选实施例中，该第二显示模块2402，还用于：重新显示该第一区域，并在该第一区域中显示该第二目标界面。

在本申请的一个可选实施例中，该第二目标界面为该第二界面。

在本申请的一个可选实施例中，该第一区域和该第二区域中的至少一个包括关闭控件，该第二显示模块2402，还用于：若检测到针对该关闭控件的触发操作，则根据被触发的该关闭控件所设置的区域关闭该第一区域或者该第二区域。

在本申请的一个可选实施例中，该第一区域中显示有至少一个界面，该第一区域显示的界面包括关闭控件，该第二显示模块2402，还用于：若检测到针对该第一区域中显示的第一目标界面的关闭控件的触发操作，在该第一区域中关闭该第一目标界面。

在本申请的一个可选实施例中，该第一目标界面为该第一界面。

在本申请的一个可选实施例中，该预设操作包括对拖拽控件的拖拽操作；或者，该预设操作包括目标手势操作；或者，该预设操作包括对固定控件的触发操作。

在本申请的一个可选实施例中，该预设操作包括对拖拽控件的拖拽操作，该第二显示模块2402，还用于：若该拖拽控件为首次显示，则显示第一功能说明界面，该第一功能说明界面包括该拖拽控件的功能说明信息。

在本申请的一个可选实施例中，该预设操作包括对该固定控件的触发操作，该第二显示模块2402，还用于：若该固定控件为首次显示，则显示第二功能说明界面，该第二功能说明界面包括该固定控件的功能说明信息。

上述界面显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于电子设备中的处理器中，也可以以软件形式存储于电子设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种电子设备，其内部结构图可以如图25所示。该电子设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的通信接口用于与外部的电子设备进行有线或无线方式的通信，无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种界面显示方法。该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该电子设备的输入装置可以是显示屏上覆盖的触摸层，也可以是电子设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图25中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的电子设备的限定，具体的电子设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种电子设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：

在显示屏上显示应用的第一界面；在显示该第一界面的过程中，若检测到预设操作，则显示第一区域和第二区域，并同时在该第一区域和该第二区域中显示该第一界面，其中，该第一区域和该第二区域均用于显示该应用的界面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：若检测针对该第二区域中显示的该第一界面的该预设操作，则在该第一区域中显示的该第一界面的下方显示另一该第一界面，并在该第二区域中继续显示该第一界面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：若检测到针对该第二区域中显示的该第一界面的界面跳转操作，则在该第二区域中显示跳转后的该应用的第二界面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：若检测到针对该第二区域中显示的该第一界面的界面跳转操作，则在该第二区域中显示跳转后的该应用的第二界面，并在该第一区域中继续显示已显示的两个该第一界面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：若检测到针对该第二区域中显示的该第二界面的该预设操作，则在该第一区域中显示该第二界面，且在该第二区域中继续显示该第二界面。

在一个实施例中，该第一区域中显示有至少一个界面，且该第一区域和该第二区域中显示的界面不同，处理器执行计算机程序时还实现以下步骤：若检测到针对该第一区域中显示的第一目标界面的触发操作，则将该第二区域中显示的第二目标界面替换为该第一目标界面。

在一个实施例中，该第一目标界面为该第一界面，该第二目标界面为该第二界面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：若检测到尺寸调整操作，则响应于该尺寸调整操作调整该第一区域的尺寸和该第二区域的尺寸中的至少一个。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：在该第一区域存在多个界面的情况下，若基于该第一区域检测到浏览操作，则响应于该浏览操作滑动该第一区域中的多个界面。

在一个实施例中，该第一区域叠加显示于该第二区域之上，并覆盖该第二区域的一部分；或者，该第一区域和该第二区域不存在相互覆盖的区域。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：在该电子设备的显示屏尺寸小于预设尺寸阈值的情况下，以该第一区域叠加显示于该第二区域之上，并覆盖该第二区域的一部分的显示形式显示该第一区域和该第二区域；在该电子设备单的显示屏尺寸大于或等于该预设尺寸阈值的情况下，以该第一区域和该第二区域不存在相互覆盖的区域的显示形式显示该第一区域和该第二区域。

在一个实施例中，该第一区域和该第二区域横向排布；或者，该第一区域和该第二区域纵向排布。

在一个实施例中，该第一区域包括抽屉控件，处理器执行计算机程序时还实现以下步骤：在显示该第一区域的过程中，若检测到针对该抽屉控件的触发操作，则隐藏该第一区域中除该抽屉控件以外的其他部分。

在一个实施例中，该第二区域中显示有第二目标界面，处理器执行计算机程序时还实现以下步骤：若检测到针对该第二目标界面的预设操作，将该第二目标界面置于被隐藏的该第一区域中，并在该第二区域中继续显示该第二目标界面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：若检测到针对该抽屉控件的触发操作，则重新显示该第一区域。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：重新显示该第一区域，并在该第一区域中显示该第二目标界面。

在一个实施例中，该第二目标界面为该第二界面。

在一个实施例中，该第一区域和该第二区域中的至少一个包括关闭控件，处理器执行计算机程序时还实现以下步骤：若检测到针对该关闭控件的触发操作，则根据被触发的该关闭控件所设置的区域关闭该第一区域或者该第二区域。

在一个实施例中，该第一区域中显示有至少一个界面，该第一区域显示的界面包括关闭控件，处理器执行计算机程序时还实现以下步骤：若检测到针对该第一区域中显示的第一目标界面的关闭控件的触发操作，在该第一区域中关闭该第一目标界面。

在一个实施例中，该第一目标界面为该第一界面。

在一个实施例中，该预设操作包括对拖拽控件的拖拽操作；或者，该预设操作包括目标手势操作；或者，该预设操作包括对固定控件的触发操作。

在一个实施例中，该预设操作包括对拖拽控件的拖拽操作，处理器执行计算机程序时还实现以下步骤：若该拖拽控件为首次显示，则显示第一功能说明界面，该第一功能说明界面包括该拖拽控件的功能说明信息。

在一个实施例中，该预设操作包括对该固定控件的触发操作，处理器执行计算机程序时还实现以下步骤：若该固定控件为首次显示，则显示第二功能说明界面，该第二功能说明界面包括该固定控件的功能说明信息。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：若检测针对该第二区域中显示的该第一界面的该预设操作，则在该第一区域中显示的该第一界面的下方显示另一该第一界面，并在该第二区域中继续显示该第一界面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：若检测到针对该第二区域中显示的该第一界面的界面跳转操作，则在该第二区域中显示跳转后的该应用的第二界面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：若检测到针对该第二区域中显示的该第一界面的界面跳转操作，则在该第二区域中显示跳转后的该应用的第二界面，并在该第一区域中继续显示已显示的两个该第一界面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：若检测到针对该第二区域中显示的该第二界面的该预设操作，则在该第一区域中显示该第二界面，且在该第二区域中继续显示该第二界面。

在一个实施例中，该第一区域中显示有至少一个界面，且该第一区域和该第二区域中显示的界面不同，计算机程序被处理器执行时还实现以下步骤：若检测到针对该第一区域中显示的第一目标界面的触发操作，则将该第二区域中显示的第二目标界面替换为该第一目标界面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：若检测到尺寸调整操作，则响应于该尺寸调整操作调整该第一区域的尺寸和该第二区域的尺寸中的至少一个。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：在该第一区域存在多个界面的情况下，若基于该第一区域检测到浏览操作，则响应于该浏览操作滑动该第一区域中的多个界面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：在该电子设备的显示屏尺寸小于预设尺寸阈值的情况下，以该第一区域叠加显示于该第二区域之上，并覆盖该第二区域的一部分的显示形式显示该第一区域和该第二区域；在该电子设备单的显示屏尺寸大于或等于该预设尺寸阈值的情况下，以该第一区域和该第二区域不存在相互覆盖的区域的显示形式显示该第一区域和该第二区域。

在一个实施例中，该第一区域包括抽屉控件，计算机程序被处理器执行时还实现以下步骤：在显示该第一区域的过程中，若检测到针对该抽屉控件的触发操作，则隐藏该第一区域中除该抽屉控件以外的其他部分。

在一个实施例中，该第二区域中显示有第二目标界面，计算机程序被处理器执行时还实现以下步骤：若检测到针对该第二目标界面的预设操作，将该第二目标界面置于被隐藏的该第一区域中，并在该第二区域中继续显示该第二目标界面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：若检测到针对该抽屉控件的触发操作，则重新显示该第一区域。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：重新显示该第一区域，并在该第一区域中显示该第二目标界面。

在一个实施例中，该第二目标界面为该第二界面。

在一个实施例中，该第一区域和该第二区域中的至少一个包括关闭控件，计算机程序被处理器执行时还实现以下步骤：若检测到针对该关闭控件的触发操作，则根据被触发的该关闭控件所设置的区域关闭该第一区域或者该第二区域。

在一个实施例中，该第一区域中显示有至少一个界面，该第一区域显示的界面包括关闭控件，计算机程序被处理器执行时还实现以下步骤：若检测到针对该第一区域中显示的第一目标界面的关闭控件的触发操作，在该第一区域中关闭该第一目标界面。

在一个实施例中，该第一目标界面为该第一界面。

在一个实施例中，该预设操作包括对拖拽控件的拖拽操作，计算机程序被处理器执行时还实现以下步骤：若该拖拽控件为首次显示，则显示第一功能说明界面，该第一功能说明界面包括该拖拽控件的功能说明信息。

在一个实施例中，该预设操作包括对该固定控件的触发操作，计算机程序被处理器执行时还实现以下步骤：若该固定控件为首次显示，则显示第二功能说明界面，该第二功能说明界面包括该固定控件的功能说明信息。

在一个实施例中，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：

在一个实施例中，该第二目标界面为该第二界面。

在一个实施例中，该第一目标界面为该第一界面。

需要说明的是，本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory，ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory，MRAM)、铁电存储器(Ferroelectric Random Access Memory，FRAM)、相变存储器(Phase Change Memory，PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器等。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory，DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等，不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等，不限于此。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请的保护范围应以所附权利要求为准。

Claims

1.一种界面显示方法，应用于电子设备，所述电子设备包括显示屏，其特征在于，所述方法包括：

在所述显示屏上显示应用的第一界面；

在显示所述第一界面的过程中，若检测到预设操作，则显示第一区域和第二区域，并在所述第一区域和所述第二区域中均显示所述第一界面，其中，所述第一区域和所述第二区域均用于显示所述应用的界面。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

若检测到针对所述第二区域中显示的所述第一界面的所述预设操作，则在所述第一区域中显示的所述第一界面的下方显示另一所述第一界面，并在所述第二区域中继续显示所述第一界面。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

若检测到针对所述第二区域中显示的所述第一界面的界面跳转操作，则在所述第二区域中显示跳转后的所述应用的第二界面。

4.根据权利要求2所述的方法，其特征在于，所述方法还包括：

若检测到针对所述第二区域中显示的所述第一界面的界面跳转操作，则在所述第二区域中显示跳转后的所述应用的第二界面，并在所述第一区域中继续显示已显示的两个所述第一界面。

5.根据权利要求3或4所述的方法，其特征在于，所述方法还包括：

若检测到针对所述第二区域中显示的所述第二界面的所述预设操作，则在所述第一区域中显示所述第二界面，且在所述第二区域中继续显示所述第二界面。

6.根据权利要求3或4所述的方法，其特征在于，所述第一区域中显示有至少一个界面，且所述第一区域和所述第二区域中显示的界面不同，所述方法还包括：

若检测到针对所述第一区域中显示的第一目标界面的触发操作，则将所述第二区域中显示的第二目标界面替换为所述第一目标界面。

7.根据权利要求6所述的方法，其特征在于，所述第一目标界面为所述第一界面，所述第二目标界面为所述第二界面。

8.根据权利要求1所述的方法，其特征在于，所述方法还包括：

若检测到尺寸调整操作，则响应于所述尺寸调整操作调整所述第一区域的尺寸和所述第二区域的尺寸中的至少一个。

9.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述第一区域存在多个界面的情况下，若基于所述第一区域检测到浏览操作，则响应于所述浏览操作滑动所述第一区域中的多个界面。

10.根据权利要求1所述的方法，其特征在于，所述第一区域叠加显示于所述第二区域之上，并覆盖所述第二区域的一部分；或者，

所述第一区域和所述第二区域不存在相互覆盖的区域。

11.根据权利要求10所述的方法，其特征在于，所述方法还包括：

在所述电子设备的显示屏尺寸小于预设尺寸阈值的情况下，以所述第一区域叠加显示于所述第二区域之上，并覆盖所述第二区域的一部分的显示形式显示所述第一区域和所述第二区域；

在所述电子设备单的显示屏尺寸大于或等于所述预设尺寸阈值的情况下，以所述第一区域和所述第二区域不存在相互覆盖的区域的显示形式显示所述第一区域和所述第二区域。

12.根据权利要求1所述的方法，其特征在于，所述第一区域和所述第二区域横向排布；或者，所述第一区域和所述第二区域纵向排布。

13.根据权利要求1所述的方法，其特征在于，所述第一区域包括抽屉控件，所述方法还包括：

在显示所述第一区域的过程中，若检测到针对所述抽屉控件的触发操作，则隐藏所述第一区域中除所述抽屉控件以外的其他部分。

14.根据权利要求13所述的方法，其特征在于，所述第二区域中显示有第二目标界面，所述方法还包括：

若检测到针对所述第二目标界面的所述预设操作，则将所述第二目标界面置于被隐藏的所述第一区域中，并在所述第二区域中继续显示所述第二目标界面。

15.根据权利要求14所述的方法，其特征在于，在所述隐藏所述第一区域中除所述抽屉控件以外的其他部分之后，所述方法包括：

若检测到针对所述抽屉控件的触发操作，则重新显示所述第一区域。

16.根据权利要求15所述的方法，其特征在于，所述重新显示所述第一区域，包括：

重新显示所述第一区域，并在所述第一区域中显示所述第二目标界面。

17.根据权利要求13至16任一所述的方法，其特征在于，所述第二目标界面为所述第二界面。

18.根据权利要求1所述的方法，其特征在于，所述第一区域和所述第二区域中的至少一个包括关闭控件，所述方法还包括：

若检测到针对所述关闭控件的触发操作，则根据被触发的所述关闭控件所设置的区域关闭所述第一区域或者所述第二区域。

19.根据权利要求1所述的方法，其特征在于，所述第一区域中显示有至少一个界面，所述第一区域显示的界面包括关闭控件，所述方法还包括：

若检测到针对所述第一区域中显示的第一目标界面的关闭控件的触发操作，在所述第一区域中关闭所述第一目标界面。

20.根据权利要求19所述的方法，其特征在于，所述第一目标界面为所述第一界面。

21.根据权利要求1所述的方法，其特征在于，所述预设操作包括对拖拽控件的拖拽操作；或者，所述预设操作包括目标手势操作；或者，所述预设操作包括对固定控件的触发操作。

22.根据权利要求21所述的方法，其特征在于，所述预设操作包括对拖拽控件的拖拽操作，所述方法还包括：

若所述拖拽控件为首次显示，则显示第一功能说明界面，所述第一功能说明界面包括所述拖拽控件的功能说明信息。

23.根据权利要求21所述的方法，其特征在于，所述预设操作包括对所述固定控件的触发操作，所述方法还包括：

若所述固定控件为首次显示，则显示第二功能说明界面，所述第二功能说明界面包括所述固定控件的功能说明信息。

24.一种界面显示装置，应用于电子设备，所述电子设备包括显示屏，其特征在于，所述装置包括：

第一显示模块，用于在所述显示屏上显示应用的第一界面；

第二显示模块，用于在显示所述第一界面的过程中，若检测到预设操作，则显示第一区域和第二区域，并在所述第一区域和所述第二区域中均显示所述第一界面，其中，所述第一区域和所述第二区域均用于显示所述应用的界面。

25.一种电子设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至23中任一项所述的方法的步骤。

26.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至23中任一项所述的方法的步骤。

27.一种计算机程序产品，包括计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至23中任一项所述的方法的步骤。