CN117827045A

CN117827045A - 一种显示方法及电子设备

Info

Publication number: CN117827045A
Application number: CN202211204046.6A
Authority: CN
Inventors: 高康
Original assignee: Huawei Device Co Ltd
Current assignee: Huawei Device Co Ltd
Priority date: 2022-09-29
Filing date: 2022-09-29
Publication date: 2024-04-05
Also published as: WO2024067142A1

Abstract

本申请提供一种显示方法及电子设备，该方法应用于电子设备，该方法包括：显示第一界面，所述第一界面包括第一区域和第二区域，所述第一区域和所述第二区域不重合，且所述第一区域和所述第二区域之间包含第一控件；响应于作用在所述第一控件上的第一操作，显示第一蒙层，所述第一蒙层包括第二控件，所述第二控件与所述第一控件对应，所述第一蒙层覆盖所述第一界面；响应于作用在所述第二控件上的第二操作，调整所述第一区域和所述第二区域的显示比例。本申请提供的方法能够提高显示用于控制界面中不同区域的显示比例的控件时的处理效率，并提高控件显示方案的实用性。

Description

一种显示方法及电子设备

技术领域

本申请涉及电子设备技术领域，尤其涉及一种显示方法及电子设备。

背景技术

平行视界是指应用内分屏显示的界面。在平行视界中，应用内的两个窗口可以同时显示在显示屏上的左右区域中。电子设备可以在两个窗口之间显示拖动条，并支持通过拖动条控制两个窗口的显示比例。其中，拖动条为一个独立图层，显示在平行视界应用或分屏应用的中间，可以独立响应拖拽事件，来改变应用界面的显示比例。

基于上述方法，电子设备绘制待显示的界面时的渲染压力会比较大，因此处理效率较低。

发明内容

本申请提供一种显示方法及电子设备，用以提高显示用于控制界面中不同区域的显示比例的控件时的处理效率，并提高控件显示方案的实用性。

第一方面，本申请实施例提供一种显示方法，应用于电子设备，该方法包括：显示第一界面，所述第一界面包括第一区域和第二区域，所述第一区域和所述第二区域不重合，且所述第一区域和所述第二区域之间包含第一控件；响应于作用在所述第一控件上的第一操作，显示第一蒙层，所述第一蒙层包括第二控件，所述第二控件与所述第一控件对应，所述第一蒙层覆盖所述第一界面；响应于作用在所述第二控件上的第二操作，调整所述第一区域和所述第二区域的显示比例。可选的，所述第一蒙层与所述第一界面对应；所述第一操作为触摸操作、按下操作或者长按操作。

在该方法中，电子设备显示的界面中包括用于控制界面中不同区域的显示比例的控件，因此控制界面中不同区域显示比例的控件与区域中的内容可以显示在同一界面即同一图层中，能够减小绘制界面过程的渲染压力，降低渲染过程的数据处理量，进而提高处理效率和显示速度。此外，该方案可以应用在显示多个界面的场景中，且支持每个界面中包含用于控制对应界面中不同区域的显示比例的控件，因此针对不同界面可以独立进行界面中不同区域的显示比例的控制，灵活性和实用性较高。

在一种可能的设计中，在响应于作用在所述第二控件上的第二操作之后，在调整所述第一区域和所述第二区域的显示比例之前，所述方法还包括：调整所述第二控件的显示位置；响应于检测到的第三操作，停止显示所述第一蒙层。可选的，所述第二操作为移动即拖拽操作，所述第三操作为释放即松手操作。所述第一操作、所述第二操作和所述第三操作为连续进行的操作。

在该方法中，电子设备在覆盖第一界面的第一蒙层中显示第二控件，使得用户可以在第一蒙层上对第二控件进行操作来调整第二控件的位置，并在调整第二控件的位置结束后停止显示第一蒙层，而第二控件是与第一控件对应的，因此可以通过对第二控件进行调整来确定针对第一控件的调整方式，且在调整过程中不会影响第一界面的格式。

在一种可能的设计中，所述方法还包括：响应于所述第三操作，根据所述第二控件在所述第一蒙层中的位置，调整所述第一控件在所述第一界面中的显示位置。

在该方法中，电子设备可以根据调整后第二控件的位置确定调整后第一控件的位置，并对第一控件的位置进行调整，进而实现对界面中不同区域的显示比例的调整。因此基于该方法能够保证可以通过界面中包含的第一控件实现控制界面中不同区域的显示比例的效果。

在一种可能的设计中，所述第一区域中的内容与所述第一控件位于同一图层中。

在该方法中，第一控件与界面上一个区域中的内容位于同一图层中，则电子设备可以在绘制该区域中内容的同时绘制第一控件，能够避免增加额外的承载控件的图层，提高绘制速度和效率，同时降低绘制难度和图层管理难度，实用性较高。

在一种可能的设计中，所述调整所述第一区域和所述第二区域的显示比例，包括：根据所述第二控件在所述第一蒙层中的位置，确定所述第一蒙层中第三区域和第四区域的显示比例；其中，所述第三区域与所述第一区域对应，所述第四区域与所述第二区域对应，所述第二控件位于所述第三区域和所述第四区域之间；按照所述第三区域和所述第四区域的显示比例，调整所述第一区域和所述第二区域的显示比例。

在该方法中，第一蒙层与第一界面对应，第一蒙层中的第二控件与第一界面中的第一控件对应，第一蒙层中第二控件两侧的区域分别与第一界面中第一控件两侧的区域对应，因此可以通过利用第二控件控制第一蒙层中不同区域显示比例的方法，对第一界面中不同区域的显示比例进行控制，则仅在第一蒙层显示过程中需要额外增加显示图层，能够降低图层绘制和管理的处理量和难度，提高处理效率，同时保证了能够实现对第一界面中不同区域的显示比例进行控制的效果。

在一种可能的设计中，所述第一蒙层的尺寸与所述第一界面的尺寸相同。

在该方法中，第一蒙层的尺寸与第一界面的尺寸相同，更便于在第一蒙层上进行第一界面中不同区域显示比例的相关控制操作，且便于用户预览控制效果，提高用户使用体验。

在一种可能的设计中，所述方法还包括：显示第二界面，所述第二界面包括第五区域和第六区域，所述第五区域和所述第六区域不重合，且所述第五区域和所述第六区域之间包含第三控件；其中，所述第二界面与所述第一界面同时显示；响应于作用在所述第三控件上的第四操作，显示第二蒙层，所述第二蒙层包括第四控件，所述第四控件与所述第三控件对应，所述第二蒙层覆盖所述第二界面；响应于作用在所述第四控件上的第五操作，调整所述第五区域和所述第六区域的显示比例。可选的，所述第二蒙层与所述第二界面对应；所述第四操作为触摸操作、按下操作或者长按操作。

在该方法中，电子设备可以同时显示不同界面，且不同界面中均包含用于控制界面中不同区域的显示比例的控件，因此针对不同界面可以独立进行界面中不同区域的显示比例的控制，灵活性和实用性较高。

在一种可能的设计中，所述第五区域中的内容和所述第三控件位于同一图层中。

在该方法中，第三控件与界面上一个区域中的内容位于同一图层中，则电子设备可以在绘制该区域中内容的同时绘制第三控件，能够避免增加额外的承载控件的图层，提高绘制速度和效率，同时降低绘制难度和图层管理难度，实用性较高。

在一种可能的设计中，所述方法还包括：响应于接收到的第六操作，调整所述第一界面的显示位置。可选的，所述第六操作为选择第一界面后进行移动的操作，所述第六操作包括作用在第一界面上设定区域内的触摸/按下/长按操作及接续的移动/拖拽操作。

在该方法中，电子设备可以根据用户操作对第一界面的显示位置进行调整，由于第一界面中包含第一控件，因此在调整第一界面的显示位置后，第一控件的显示位置也跟随移动，因此在控件的视觉显示上较为清楚灵活，且便于用户对控件进行操作来控制调整界面中不同区域的显示比例，因此用户使用体验较高。

在一种可能的设计中，所述第一控件和所述第二控件为拖动条。

在该方法中，第一控件和第二控件的显示格式为拖动条，便于划分界面中不同区域，也便于用户清楚直观的查看和明确控件的功能，进而简便快捷的进行相应控制操作。

在一种可能的设计中，所述第一区域和所述第二区域对应不同的活动activity。

在该方法中，界面中不同区域对应不同activity，因此不同区域中的内容可以由不同activity服务提供和控制，便于提高处理效率。

在一种可能的设计中，所述第一区域和所述第二区域对应同一应用，或者，所述第一区域和所述第二区域对应不同应用。

在该方法中，电子设备能够支持在同一界面中显示同一应用的内容或不同应用的内容，灵活性和实用性较高。

第二方面，本申请提供一种电子设备，该电子设备包括显示屏，存储器和一个或多个处理器；其中，存储器用于存储计算机程序代码，计算机程序代码包括计算机指令；当计算机指令被一个或多个处理器执行时，使得电子设备执行上述第一方面或第一方面的任一可能的设计所描述的方法。

第三方面，本申请提供一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，当计算机程序在计算机上运行时，使得计算机执行上述第一方面或第一方面的任一可能的设计所描述的方法。

第四方面，本申请提供一种计算机程序产品，该计算机程序产品包括计算机程序或指令，当计算机程序或指令在计算机上运行时，使得计算机执行上述第一方面或第一方面的任一可能的设计所描述的方法。

上述第二方面到第四方面的有益效果，请参见上述第一方面的有益效果的描述，这里不再重复赘述。

附图说明

图1为一种平行视界的显示方法的示意图；

图2本申请实施例提供的一种电子设备的硬件架构示意图；

图3为本申请实施例提供的一种电子设备的软件架构示意图；

图4为本申请实施例提供的一种窗口显示的方法示意图；

图5为本申请实施例提供的一种显示系统的架构示意图；

图6为本申请实施例提供的一种显示方法的示意图；

图7a为本申请实施例提供的一种平行视界的显示方法的示意图；

图7b为本申请实施例提供的一种平行视界的界面示意图；

图7c为本申请实施例提供的一种平行视界的显示方法的示意图；

图7d为本申请实施例提供的一种平行视界的界面示意图；

图8为本申请实施例提供的一种拖拽蒙层的示意图；

图9为本申请实施例提供的一种平行视界的界面示意图；

图10为本申请实施例提供的一种多个平行视界的界面示意图；

图11为本申请实施例提供的一种显示方法的示意图；

图12为本申请实施例提供的一种平行视界的界面示意图；

图13a为本申请实施例提供的一种触摸事件拦截方法的流程示意图；

图13b为本申请实施例提供的一种按下事件处理方法的流程示意图；

图13c为本申请实施例提供的一种移动事件处理方法的流程示意图；

图13d为本申请实施例提供的一种释放事件处理方法的流程示意图；

图14为本申请实施例提供的一种显示方法的示意图；

图15为本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

为了使本申请实施例的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施例作进一步地详细描述。

其中，在本申请实施例的描述中，以下，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。

为了便于理解，示例性的给出了与本申请相关概念的说明以供参考。

电子设备，可以为具有显示屏的设备。本申请一些实施例中电子设备可以是便携式设备，诸如手机、平板电脑、具备无线通讯功能的可穿戴设备(例如手表、手环等)、车载终端设备、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personal digital assistant，PDA)、智能家居设备(例如，智能电视、智能音箱等)、智能机器人、车间设备、无人驾驶(self driving)中的无线终端、远程手术(remotemedical surgery)中的无线终端、智能电网(smart grid)中的无线终端、运输安全(transportation safety)中的无线终端、智慧城市(smart city)中的无线终端，或智慧家庭(smart home)中的无线终端、飞行设备(例如，智能机器人、无人机、飞机)等。

其中，可穿戴设备为用户可以直接穿戴在身上或者整合到用户的衣服或配件上的一种便携式设备。

在本申请一些实施例中，电子设备还可以是还包含其它功能诸如个人数字助理和/或音乐播放器功能的便携式终端设备。便携式终端设备的示例性实施例包括但不限于搭载或者其它操作系统的便携式终端设备。上述便携式终端设备也可以是其它便携式终端设备，诸如具有触敏表面(例如触控面板)的膝上型计算机(laptop)等。还应当理解的是，在本申请其它一些实施例中，上述电子设备也可以不是便携式终端设备，而是具有触敏表面(例如触控面板)的台式计算机。

应理解，本申请实施例中“至少一个”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一(项)个”或其类似表达，是指的这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a、b或c中的至少一项(个)，可以表示：a，b，c，a和b，a和c，b和c，或a、b和c，其中a、b、c可以是单个，也可以是多个。

图1为一种平行视界界面的显示过程的示意图。电子设备可以在显示屏上显示应用的界面。显示应用界面后，若触发显示该应用的平行视界界面，则电子设备可以在显示屏上显示如图1中的(a)示意图所示的平行视界界面，该平行视界界面中包含左右两个窗口。同时，显示屏上还显示位于平行视界界面中的两个窗口间的拖动条，该拖动条位于独立图层中，且覆盖在平行视界界面中两个窗口中间的位置。用户可以通过对拖动条进行拖拽操作来调节左右两个窗口的显示比例。如图1中的(b)示意图所示，在用户触发对拖动条进行拖拽操作时，电子设备可以在显示屏显示包含拖动条的蒙层界面，该蒙层界面覆盖平行视界界面所在的图层。用户可以对显示在该蒙层界面中的拖动条进行拖拽操作来改变左右两个窗口的显示比例。当用户停止对拖动条的拖拽操作后，电子设备可以不再显示蒙层界面，同时可以根据拖动条被拖拽的位置，对应调整左右两个窗口的显示比例，并显示调整后窗口比例后的平行视界界面。

上述方法中，电子设备只能支持一个拖动条图层，因此只能在显示屏上显示一个拖动条。若需要显示多个拖动条，则需要额外在显示屏增加显示的图层，则会增加绘制和渲染图层的压力，且增加的图层为电子设备系统服务绘制的系统级图层，在显示应用的平行视界界面的过程中会加大对图层的管理难度，也会加大对图层中的拖动条进行使用的复杂度。

此外，在窗口化显示应用的平行视界界面(即非全屏显示应用的平行视界界面)的场景下，应用的平行视界界面在显示屏上的显示位置是可以移动变化的，而拖动条的显示位置难以跟随平行视界界面的显示位置移动。例如，用户按住应用的标题栏同时移动时，拖拽的内容属于应用的图层，因此应用的平行视界界面的显示位置跟随移动，而拖动条所在的图层是电子设备系统添加的独立图层，因此不会跟随移动。

鉴于以上问题，本申请实施例提供了一种显示方法及电子设备，该方案可以将拖动条显示在平行视界界面或分屏界面中，且拖动条可以跟随平行视界界面或分屏界面的移动而移动，灵活性较高，便于用户基于拖动条对相应界面的显示比例进行调整，实用性较高。

本申请实施例提供的方案能够支持同时显示多个应用的平行视界界面或多个分屏界面，并根据拖动条对相应界面的显示比例进行调节，且不会影响其它界面的显示，因此该方案的便捷性和实用性均较高。

下面参阅图2，对本申请实施例提供的方法适用的电子设备的结构进行介绍。

如图2中所示，电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，USB接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及SIM卡接口195等。

其中传感器模块180可以包括陀螺仪传感器、加速度传感器、接近光传感器、指纹传感器、触摸传感器、温度传感器、压力传感器、距离传感器、磁传感器、环境光传感器、气压传感器、骨传导传感器等。

可以理解的是，图2所示的电子设备100仅仅是一个范例，并不构成对电子设备的限定，并且电子设备可以具有比图中所示出的更多的或者更少的部件，可以组合两个或更多的部件，或者可以具有不同的部件配置。图2中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。

处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，图像信号处理器(image signal processor,ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor,DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit,NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。其中，控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。

处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。

本申请实施例提供的显示方法的执行可以由处理器110来控制或调用其他部件来完成，比如调用内部存储器121中存储的本申请实施例的处理程序，或者通过外部存储器接口120调用第三方设备中存储的本申请实施例的处理程序，来控制无线通信模块160向其它设备进行数据通信，提高电子设备100的智能化、便捷化程度，提升用户的体验。处理器110可以包括不同的器件，比如集成CPU和GPU时，CPU和GPU可以配合执行本申请实施例提供的显示方法，比如显示方法中部分算法由CPU执行，另一部分算法由GPU执行，以得到较快的处理效率。

显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emittingdiode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emittingdiode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot lightemitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。显示屏194可用于显示由用户输入的信息或提供给用户的信息以及各种图形用户界面(graphical user interface，GUI)。例如，显示屏194可以显示照片、视频、网页、或者文件等。再例如，显示屏194可以显示本申请实施例中所述的应用的平行视界的界面、蒙层界面等。

在本申请实施例中，显示屏194可以是一个一体的柔性显示屏，也可以采用两个刚性屏以及位于两个刚性屏之间的一个柔性屏组成的拼接显示屏。

摄像头193(前置摄像头或者后置摄像头，或者一个摄像头既可作为前置摄像头，也可作为后置摄像头)用于捕获静态图像或视频。通常，摄像头193可以包括感光元件比如镜头组和图像传感器，其中，镜头组包括多个透镜(凸透镜或凹透镜)，用于采集待拍摄物体反射的光信号，并将采集的光信号传递给图像传感器。图像传感器根据所述光信号生成待拍摄物体的原始图像。

内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，应用程序(比如本申请方案对应的功能等)的代码等。存储数据区可存储电子设备100使用过程中所创建的数据等。

内部存储器121还可以存储本申请方案的算法对应的一个或多个计算机程序。该一个或多个计算机程序被存储在上述内部存储器121中并被配置为被一个或多个处理器110执行，该一个或多个计算机程序包括指令，上述指令可以用于执行以下实施例中的各个步骤。

此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。

当然，本申请实施例方案的算法的代码还可以存储在外部存储器中。这种情况下，处理器110可以通过外部存储器接口120运行存储在外部存储器中的本申请方案的算法的代码。

传感器模块180可以包括陀螺仪传感器、加速度传感器、接近光传感器、指纹传感器、触摸传感器等。

触摸传感器，也称“触控面板”。触摸传感器可以设置于显示屏194，由触摸传感器与显示屏194组成触摸显示屏，也称“触控屏”。触摸传感器用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器也可以设置于电子设备100的表面，与显示屏194所处的位置不同。

示例性的，电子设备100的显示屏194显示主界面，主界面中包括多个应用(比如相机应用、运动健康应用等)的图标。例如用户可以通过触摸传感器点击主界面中相机应用的图标，触发处理器110启动相机应用，打开摄像头193。显示屏194显示相机应用的界面，例如取景界面。

电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。

天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。

移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。在本申请实施例中，移动通信模块150还可以用于与其它设备进行信息交互。

调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频装置(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。

无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks，WLAN)(如无线保真(wireless fidelity，WiFi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。本申请实施例中，无线通信模块160，用于与其它电子设备建立连接，进行数据交互。或者无线通信模块160可以用于接入接入点设备，向其它电子设备发送控制指令，或者接收来自其它电子设备发送的数据。

另外，电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。电子设备100可以接收按键190输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。电子设备100可以利用马达191产生振动提示(比如来电振动提示)。电子设备100中的指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。电子设备100中的SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。

应理解，在实际应用中，电子设备100可以包括比图2所示的更多或更少的部件，本申请实施例不作限定。图示电子设备100仅是一个范例，并且电子设备100可以具有比图中所示出的更多的或者更少的部件，可以组合两个或更多的部件，或者可以具有不同的部件配置。图中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。

电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。示例性的，如图3所示，该软件架构可以分为四层，从上至下分别为应用程序层，应用程序框架层(framework，FWK)，运行时和系统库，以及(Linux)内核(kernel)层。

应用程序层是操作系统的最上一层，包括操作系统的原生应用程序，例如相机、图库、日历、蓝牙、音乐、视频、信息等，还可以包括第三方应用程序。本申请实施例涉及的应用程序简称应用(application，APP)，为能够实现某项或多项特定功能的软件程序。通常，电子设备中可以安装多个应用，例如相机应用、邮箱应用等。下文中提到的应用，可以是电子设备出厂时已安装的系统应用，也可以是用户在使用电子设备的过程中从网络下载或从其他电子设备获取的第三方应用。

当然，对于开发者来说，开发者可以编写应用程序并安装到该层。一种可能的实现方式中，应用程序可以使用Java语言开发，通过调用应用程序框架层所提供的应用程序编程接口(application programming interface，API)来完成，开发者可以通过应用程序框架来与操作系统的底层(例如内核层等)进行交互，开发自己的应用程序。

在本申请一些实施例中，应用可以通过活动(Activity)进行应用窗口中界面的显示。其中，Activity用于提供一个用户界面对应的窗口(window)，每个Activity可以对应一个窗口。如图4中所示，Activity提供的窗口通常由手机窗口(PhoneWindow)服务和应用标题栏容器视图(DecorView)服务(简称为应用标题栏容器)实现。其中，PhoneWindow用于进行窗口相关的逻辑处理，DecorView用于进行窗口相关的显示处理，可以控制显示窗口。DecorView包括应用标题栏视图(CaptionView)(简称为应用标题栏)和内容视图(ContentView)两部分服务。其中，CaptionView用于在用户界面对应的窗口中呈现标题栏内容。ContentView用于在用户界面对应的窗口中呈现具体的应用内容。如图4中所示，当应用显示平行视界界面时，平行视界界面中的两个窗口分别对应一个Activity，每个Activity用于实现对应窗口的显示。

其中，Activity是一个负责与用户交互的应用程序组件，可以作为应用的载体存在。Activity提供了一个放置用户界面(user interface，UI)组件的窗口(即可视化的用户界面)，来绘制应用相关的各类视图，以供用户交互。Activity中所有操作都与用户密切相关，Activity可以监听用户的操作并对用户的操作进行响应。例如，用户打开一个应用后看到的整个用户界面就是一个Activity，当用户通过进行操作控制该应用界面跳转到另一个界面，则又是一个新的Activity。不同Activity之间可以通过意图(intent)进行通信。

应用程序框架层为应用程序层的API和编程框架。应用程序框架层可以包括一些预先定义的函数。应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。

窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定显示屏(或屏幕)，截取显示屏等。

内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括文件(例如文档、视频、图像、音频)，文本等信息。

视图系统包括可视控件，例如显示文字、图片、文档等内容的控件等。视图系统可用于构建应用程序。显示窗口中的界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。

电话管理器用于提供电子设备的通信功能。通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。

运行时包括核心库和虚拟机。运行时负责系统的调度和管理。

系统的核心库包含两部分：一部分是Java语言需要调用的功能函数，另一部分是系统的核心库。应用程序层和应用程序框架层运行在虚拟机中。以Java举例，虚拟机将应用程序层和应用程序框架层的Java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

系统库可以包括多个功能模块。例如：表面管理器，媒体库，三维图形处理库(例如：OpenGL ES)，二维图形引擎(例如：SGL)等。表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了二维和三维图层的融合。媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如：MPEG4，H.564，MP3，AAC，AMR，JPG，PNG等。三维图形处理库用于实现三维图形绘图、图像渲染、合成和图层处理等。二维图形引擎是二维绘图的绘图引擎。

内核层提供操作系统的核心系统服务，如安全性、内存管理、进程管理、网络协议栈和驱动模型等都基于内核层实现。内核层同时也作为硬件和软件栈之间的抽象层。该层有许多与电子设备相关的驱动程序，主要的驱动有：显示驱动；作为输入设备的键盘驱动；基于内存技术设备的Flash驱动；照相机驱动；音频驱动；蓝牙驱动；WiFi驱动等。

需要理解的是，如上所述的功能服务只是一种示例，在实际应用中，电子设备也可以按照其他因素来划分为更多或更少的功能服务，或者可以按照其他方式来划分各个服务的功能，或者也可以不划分功能服务，而是按照整体来工作。

本申请实施例提供的方案可以应用在平行视界场景或应用分屏场景中。具体可以用于显示应用的平行视界界面或分屏界面的场景中，并可以对平行视界界面或分屏界面中不同显示区域(窗口)的显示比例进行控制。其中，平行视界界面可以为包含左右两部分区域的内容的界面，左右两部分区域的内容可以属于同一应用，也可以属于不同应用，平行视界界面可以占据显示屏的部分或全部区域，即平行视界界面可以全屏显示也可以非全屏显示。分屏界面可以为包含左右或上下两部分区域的内容的界面，左右或上下区域的内容可以属于同一应用，也可以属于不同应用，分屏界面占据显示屏的全部区域，即分屏界面是全屏显示的。

以下以应用在平行视界场景中为例，对本申请实施例提供的方法进行介绍。本申请提供的方案应用在应用分屏场景中时的具体实施方式，可以参照下文所述的应用在平行视界场景中时的具体实施方式，本申请实施例中不再详述。

图5为本申请实施例提供的一种显示系统的系统架构示意图。该系统可以部署在电子设备中，用于实现本申请实施例提供的显示方法。如图5中所示，该系统中至少包括第一应用和第一服务，其中，第一应用可以为电子设备中的支持平行视界的应用，第一服务可以为电子设备中的系统服务。第一应用和第一服务协作，可以将第一应用的平行视界界面显示在电子设备的显示屏上，同时在应用的平行视界界面中显示用于控制不同显示区域的显示比例的拖动条。其中，第一应用的平行视界界面可以全屏显示在电子设备的显示屏上，也可以窗口化显示在电子设备的显示屏上，即显示在显示屏上的部分显示区域中。

在本申请一些实施例中，第一应用可以包括应用标题栏容器和应用标题栏，关于应用标题栏容器和应用标题栏，具体可参照上述结合图4进行的相关介绍，此处不再重述。

在本申请一些实施例中，应用标题栏容器可以用于监听用户在电子设备显示屏上进行的触控操作，其中，该触控操作为作用在第一应用的平行视界界面所在的显示区域内的操作。应用标题栏可以用于识别应用标题栏容器监听到的触控操作是否为拖拽拖动条的操作，并根据识别结果对后续处理流程的触发进行控制，其中，拖动条为位于第一应用的平行视界界面内的拖动条。

在本申请一些实施例中，第一服务可以包括输入事件管理服务(InputManagerService)、输入事件监听器(InputMonitor)、输入事件接收器(InputReceiver)、拖动条控制器、拖拽事件拦截器等。

其中，拖动条控制器可以用于对拖动条相关的界面或内容的显示进行控制，例如可以用于：根据用户对拖动条进行的拖拽操作控制该拖动条的显示位置，控制拖拽蒙层界面的显示，以及，控制第一应用的平行视界界面中不同区域的显示比例等。控制拖拽事件拦截器可以用于控制对输入事件的监听和拦截过程；输入事件管理服务可以用于对输入事件的传输进行控制；输入事件接收器可以用于接收输入事件；输入事件监听器可以用于对输入事件接收器进行调度和管理。其中，输入事件可以包括用户对第一应用的平行视界界面中的拖动条进行的拖拽操作对应的事件。其中，拖动条控制器可以控制拖拽事件拦截器，拖拽事件拦截器可以控制输入事件管理服务、输入事件监听器，输入事件监听器可以控制输入事件接收器。

在本申请一些实施例中，如上所述的显示系统可以部署在图3中所示的电子设备中，其中，第一应用可以部署在图3所示的电子设备的应用层中，第一服务可以部署在图3所示的电子设备的应用程序框架层中。

需要理解的是，如上所述的显示系统的系统架构只是一种示例，在实际应用中，该显示系统也可以按照其他因素来划分为更多或更少的功能服务，或者可以按照其他方式来划分各个服务的功能，或者也可以不划分功能服务，而是按照整体来工作。在实际应用中，该显示系统也可以包括更多或者更少的功能服务。

下面结合具体实施例，对本申请提供的方案进行详细说明。

参阅图6，本申请实施例提供的一种显示方法可以包括：

S601：电子设备显示第一应用的第一平行视界界面，第一平行视界界面中包含第一区域、第二区域和第一拖动条；其中，第一区域和第二区域不重合，第一拖动条位于第一区域和第二区域之间。

在本申请一些实施例中，第一区域中的内容和第一拖动条位于同一图层中，第一区域和第一拖动条属于同一窗口。则电子设备可以在绘制第一区域中内容的同时绘制第一拖动条，而无需增加额外图层，因此绘制和显示效率较高。

可选的，第一区域和第二区域对应不同activity，第一区域和第一拖动条对应同一activity。

在本申请一些实施例中，第一区域和第二区域用于显示第一应用的应用内容(或应用界面)。可选的，第一区域与第二区域中显示的内容不同。在分屏场景下，第一区域和第二区域可以用于显示同一应用或不同应用的应用内容。

在本申请一些实施例中，第一拖动条用于控制调整(或更改)第一平行视界界面中第一区域和第二区域的显示比例。

在本申请一些实施例中，电子设备可以在显示屏上全屏显示第一平行视界界面，也可以在显示屏上的部分显示区域中显示第一平行视界界面。

在本申请一些实施例中，电子设备在显示第一应用的第一平行视界界面之前，可以在显示屏上显示包含第一应用的应用内容的第一应用窗口；并可以在接收到用户下发的显示平行视界的指示后，再显示第一平行视界界面。则在步骤S601之前，还可以包括以下步骤：电子设备显示第一应用的第一应用窗口；电子设备接收用于指示显示第一应用的平行视界的操作。可选的，该操作可以是用户作用在第一应用窗口中的操作。

在本申请一些实施例中，第一平行视界界面中的第一区域和第一拖动条对应的第一窗口和第一平行视界界面中的第二区域对应的第二窗口可以是左右相邻的窗口。其中，第一区域中的内容和第一拖动条属于第一窗口，第二区域中的内容属于第二窗口。

在一种可能的情况中，第一窗口可以位于第二窗口左侧，则第一窗口的右边界与第二窗口的左边界相接，第一拖动条位于第一窗口右侧，即第一窗口的右边界处，例如可以是图7a中所示的位置。以应用为图库应用为例，该场景下图库应用的平行视界界面可以显示为图7b中所示的格式。

在另一种可能的情况中，第一窗口可以位于第二窗口右侧，则第一窗口的左边界与第二窗口的右边界相接，第一拖动条位于第一窗口左侧，即第一窗口的左边界处，例如可以是图7c中所示的位置。以应用为图库应用为例，该场景下图库应用的平行视界可以显示为图7d中所示的格式。

上述方法中，第一拖动条属于第一窗口，同时位于第一平行视界界面的中心区域，因此在视觉效果上第一拖动条位于第一区域和第二区域中间。针对第一拖动条的控制可以由第一区域对应的activity响应实现。

上述方法中，电子设备可以采用不同方式在第一平行视界界面中显示拖动条，灵活性较高。

在本申请一些实施例中，第一区域和第二区域中分别包含第一应用的应用标题栏的部分内容，第一区域中属于应用标题栏的部分内容与第二区域中属于应用标题栏的部分内容组成完整的第一应用的应用标题栏。可选的，第一拖动条的显示区域可以为第一窗口中除标题栏区域以外的区域，该标题栏区域为第一窗口中属于应用标题栏的内容所在的区域。例如如图7b中所示，拖动条可以不显示在图库应用的标题栏区域中。当然，拖动条也可以占用标题栏的显示区域，呈现例如图1中的(a)示意图中所示的拖动条的视觉效果。

电子设备显示其它应用的平行视界界面的方式可以参照图7a、图7c所示的方式，当然也不仅限于此，实际应用中，电子设备可以根据实际需要适当调整具体的显示方式(例如拖动条的大小等)，本申请实施例中不做具体限制。

基于上述方法，电子设备可以在平行视界界面中显示用于调节平行视界中不同显示区域的显示比例的拖动条，而无需通过独立图层进行拖动条的显示，因此能够降低系统渲染压力，同时提高显示速度和效率。此外，在平行视界界面中显示对应的拖动条，便于选择和使用拖动条进行界面区域显示比例的控制，能够提高用户使用体验。

示例性的，步骤S601所述的方法可以由电子设备(操作系统)的系统服务完成，该系统服务例如可以是上述图5中所示的第一服务。

S602：电子设备接收第一选择操作，其中，第一选择操作用于选择第一拖动条。

在本申请一些实施例中，第一选择操作可以为作用在第一拖动条的显示区域内的触摸操作或者按下操作。可选的，按下操作可以为长按操作。

可选的，该第一选择操作可以是用户作用在电子设备显示屏上的触控操作，或者可以是用户利用外部输入设备(例如手写笔等)作用在电子设备显示屏上的操作，或者可以是用户利用与电子设备通信连接的外部输入设备(例如鼠标等)进行的操作。

在本申请一些实施例中，第一选择操作可以为第一应用接收到的操作，电子设备可以通过系统服务监测第一应用接收到第一选择操作，进而确定接收到的第一选择操作，并进行后续处理。示例性的，系统服务可以是上述图5中所示的第一服务。

S603：电子设备响应于接收到的第一选择操作，显示第一蒙层；其中，第一蒙层覆盖第一平行视界界面，第一蒙层中包含第一拖动条对应的第二拖动条，第二拖动条在第一蒙层中的位置与第一拖动条在第一平行视界界面中的位置对应。

在本申请一些实施例中，第一蒙层与第一平行视界界面的形状和大小相同。可选的，第一蒙层中除第二拖动条以外的区域可以显示为非透明格式，使得第一蒙层所覆盖的第一平行视界界面中的内容被模糊或者完全被遮挡。第一蒙层中除第二拖动条以外的区域也可以显示为透明格式或者显示设定内容(例如应用图标等)。电子设备可以根据用户实际需求选择所采用的显示第一蒙层的方式，灵活性较高。

在本申请一些实施例中，当第一蒙层与第一平行视界界面的形状和大小相同时，第二拖动条在第一蒙层中的位置可以与第一拖动条在第一平行视界界面中的位置相同，可以认为第二拖动条在显示屏上的位置与第一拖动条在显示屏上的位置相同。后续当用户拖拽第二拖动条改变其位置后，第二拖动条在第一蒙层中的位置则可以作为更新后的第一平行视界界面中第一拖动条的位置。其中，第二拖动条可以用于作为第一拖动条在第一蒙层中对应的显示形态，用户在第一蒙层中对第二拖动条进行的操作相当于对第一平行视界界面中的第一拖动条进行的操作。

其中，当第一蒙层中除第二拖动条以外的区域显示为透明格式时，当用户对第二拖动条进行拖拽操作时，电子设备可以根据第二拖动条在第一蒙层中的位置确定第一拖动条在第一平行视界界面中的位置，进而根据该位置实时更新第一拖动条的显示位置以及第一区域和第二区域的显示比例，同时根据第一区域和第二区域的大小调整第一区域和第二区域中显示的内容的布局，以使显示的内容的布局与区域大小适配。

可选的，第二拖动条的大小与第一拖动条的大小可以相同，也可以不同，本申请实施例中不做具体限制。

示例性的，步骤S603所述的方法可以由电子设备的系统服务完成，该系统服务例如可以是上述图5中所示的第一服务。

示例性的，以上述图7b所示的场景为例，当电子设备接收到作用在第一拖动条的显示区域内的触摸操作或者按下操作时，可以显示图8中的示意图所示的界面，该界面与图7b所示的界面相比，增加显示了覆盖第一平行视界界面的第一蒙层即蒙层界面，且第一蒙层是不透明的。其中，第一蒙层与第一平行视界界面的形状和大小相同，因此覆盖了第一平行视界界面的内容，仅第一蒙层中的内容(蒙层区域和第二拖动条)对用户可见，更便于用户在第一蒙层中，通过拖拽第二拖动条的方式，下发更改第一平行视界界面中窗口显示比例的指示。第一蒙层中第一参考区域与第一窗口的大小相同，第二参考区域与第二窗口的大小相同。其中，第一参考区域包括第一区域对应的区域和第二拖动条所在区域，第二参考区域包括第二区域对应的区域。当用户拖拽第二拖动条移动时，第一参考区域和第二参考区域的大小随之发生变化，其中，第一参考区域可以用于表示调整后的第一窗口所在的区域，第二参考区域可以用于表示调整后的第二窗口所在的区域。

基于上述方法，电子设备在用户触发拖拽操作后，才在额外增加的单独的图层(即第一蒙层)中显示拖动条，能够尽可能降低增加额外图层的时间，提高绘制效率和管理图层的效率，同时，保证了用户可以通过对拖动条进行操作来控制平行视界界面中不同区域的显示比例。

S604：电子设备接收用于拖拽第二拖动条移动的第一拖拽操作，并响应于接收到的第一拖拽操作，更新显示第一蒙层中的第二拖动条；其中，第二拖动条在第一蒙层中的位置与第一拖拽操作作用在第一蒙层中的作用点的位置对应。

在本申请一些实施例中，第一拖拽操作为作用在第二拖动条的显示区域内的操作，且第一拖拽操作为第一选择操作之后的连续操作。例如，第一选择操作可以为用户作用在显示屏上第一拖动条所在显示区域内的按下操作，第一拖拽操作可以为在该按下操作后保持对应的按下状态进行滑动的操作。

可选的，第一拖拽操作可以是用户作用在电子设备显示屏上的触控操作，或者可以是用户利用外部输入设备(例如手写笔等)作用在电子设备显示屏上的操作，或者可以是用户利用与电子设备通信连接的外部输入设备(例如鼠标等)进行的操作。

在本申请一些实施例中，第一拖拽操作可以为第一应用接收到的操作，电子设备可以通过系统服务监听第一应用接收到第一拖拽操作，进而确定第一拖拽操作，并进行相应处理。示例性的，系统服务可以为上述图5中所示的第一服务。

在电子设备接收第一拖拽操作的过程中，电子设备可以实时确定第一拖拽操作在显示屏上的作用点，并实时的将该作用点的位置作为第一蒙层中第二拖动条的位置，从而在显示过程中实现第二拖动条跟随第一拖拽操作移动的显示效果。

示例性的，步骤S604所述的方法中接收第一拖拽操作的方法可以由第一应用完成，更新显示第一蒙层中的第二拖动条的方法可以由电子设备的系统服务完成，该系统服务例如可以是上述图5中所示的第一服务。

S605：当电子设备确定第一拖拽操作结束时，停止显示第一蒙层，并根据第二拖动条在第一蒙层中的位置更新第一平行视界界面；其中，更新后的第一平行视界界面中第一拖动条的位置与第二拖动条在第一蒙层中的位置相同。

在本申请一些实施例中，电子设备确定第一拖拽操作结束时，可以确定用户停止调整第一平行视界界面中第一区域和第二区域的显示比例，则电子设备可以停止显示第一蒙层，同时将此时第二拖动条在第一蒙层中的位置作为更新后第一拖动条在第一平行视界界面中的位置，并根据该位置调整第一区域和第二区域的显示比例，使得更新后的第一拖动条仍位于第一窗口中与第二窗口相邻的一侧边界处，且该侧边界与第二窗口中邻近第一窗口的边界相接，进而得到更新后的第一平行视界界面，并可以利用更新后的第一平行视界界面更新原本所显示的第一平行视界界面即更新前的第一平行视界界面。

示例性的，当第一拖拽操作用于将图8中所示的第二拖动条从位置A拖拽至位置B时，在第一拖拽操作的作用点到达位置B时，第一拖拽操作停止，则第二拖动条此时的位置为位置B。对应的，该位置B在第一平行视界界面中对应的位置即为更新后的第一拖动条在第一平行视界界面中的位置。则电子设备可以显示图9中所示的界面，该界面中包括更新后的第一平行视界界面，且不包括第一蒙层。其中，更新后的第一平行视界界面中，第一拖动条的位置为第一拖拽操作停止时第一蒙层中的位置B在第一平行视界界面中所对应的位置。与图7b所示的界面相比，原本的第一拖动条发生向右侧的移动，原本的第一区域向右侧横向扩大，原本的第二区域向右侧横向缩小，实现调整平行视界中不同区域的显示比例的效果。

基于上述方法，电子设备可以在应用窗口中显示应用的平行视界对应的拖动条，并可以利用该拖动条对应用的平行视界界面中不同区域的显示比例进行调整，便捷性和实用性较高。

在本申请一些实施例中，用户通过进行第一拖拽操作，可以将第一平行视界界面中第一区域和第二区域的显示比例调整为设定的至少一个比例中的任一比例。其中，第一区域和第二区域的显示比例用于指示第一区域的第一边界与第二区域的第二边界的长度之比，第一边界与第二边界包含在第一平行视界界面的同一边界中。其中，设定的至少一个比例可以包括以下至少一个：0:3，1:2，1:3，1:1，3:1，2:1，3:0。

示例性的，第一区域与第二区域的显示比例可以是第一区域与第二区域的宽度之比。例如，如图7b中所示的第一平行视界界面中，第一区域与第二区域的显示比例为1:1，即第一区域的宽度与第二区域的宽度相同。如图9中所示的更新后的第一平行视界界面中，更新后的第一区域与更新后的第一区域的显示比例为2:1，即更新后的第一区域的宽度为更新后的第二区域的宽度的两倍。其中，更新后的第一区域的第一边界可以为区域下边界，更新后的第二区域的第二边界可以为区域下边界，更新后的第一区域的第一边界的长度为更新后的第二区域的第二边界的长度的两倍。

在本申请一些实施例中，电子设备可以采用上述方法在显示屏上显示多个应用的平行视界界面，其中，针对每个应用的平行视界界面的显示和控制方法，可以参照上述对第一应用的平行视界界面的显示和控制方法。

示例性的，如图10中所示，电子设备可以在显示屏上同时显示第一应用(例如上述实施例中所述的图库应用)和第二应用(例如音乐应用)的平行视界界面。其中，第一应用的平行视界界面中包含第一应用对应的拖动条，使得用户可以通过对该拖动条进行拖拽操作，来调整第一应用的平行视界界面中不同区域的显示比例。具体可参照上述实施例提供的方法。第二应用的平行视界界面中包含第二应用对应的拖动条，使得用户可以通过对该拖动条进行拖拽操作，来调整第二应用的平行视界界面中不同区域的显示比例。具体实施方式也可参照上述实施例提供的方法。

基于上述方法，电子设备可以同时窗口化显示多个应用的平行视界界面，其中，每个平行视界界面具有独立的拖动条，电子设备可以通过每个平行视界界面中的拖动条，对每个应用的平行视界界面中不同区域的显示比例进行独立控制，而不影响其它应用的平行视界界面的显示。因此，该方法的灵活性、便捷性和实用性较强。此外，现有技术中在平行视界界面的显示和调整过程中始终会存在额外增加的拖动条所在的图层，而本申请上述实施例提供的方法中仅在拖拽拖动条的过程中会增加一个用于显示第一蒙层的图层，其它处理过程中拖动条均显示在应用图层中，无需额外增加显示图层，因此电子设备系统的渲染压力较小，能够提高一定的处理效率，并降低图层管理难度。

参照图11，本申请实施例提供的一种显示方法可以包括：

S1101：电子设备显示第一应用的第一平行视界界面，第一平行视界界面中包含第一区域、第二区域和第一拖动条；其中，第一区域和第二区域不重合，第一拖动条位于第一区域和第二区域之间。

关于该步骤的实施方式，可以参照上述实施例中步骤S601所述的相关内容，此处不再重述。

S1102：电子设备响应于接收到的第二拖拽操作，停止在第一显示位置显示第一平行视界界面，并在第二显示位置显示第一平行视界界面，其中，第二拖拽操作用于将第一平行视界界面从第一显示位置拖拽到第二显示位置。

在本申请一些实施例中，第二拖拽操作为作用在第一平行视界界面中设定区域的操作，且第二拖拽操作为按下后进行拖拽移动的操作。其中，该设定区域例如可以为应用的标题栏区域等。其中，第二拖拽操作中的按下的操作用于作为选择第一平行视界界面的操作。可选的，按下的操作为长按操作。

可选的，该第二拖拽操作可以是用户作用在电子设备显示屏上的触控操作，或者可以是用户利用外部输入设备(例如手写笔等)作用在电子设备显示屏上的操作，或者可以是用户利用与电子设备通信连接的外部输入设备(例如鼠标等)进行的操作。

在本申请一些实施例中，第二拖拽操作可以为第一应用接收到的操作，电子设备可以通过系统服务监测第一应用接收到第二拖拽操作，进而确定第二拖拽操作，并进行相应处理。示例性的，系统服务可以为上述图5中所示的第一服务。

电子设备在接收第二拖拽操作的过程中，可以实时确定第二拖拽操作在显示屏上的作用点，并实时的将该作用点对应的位置作为第一平行视界界面的位置，从而在显示过程中实现第一平行视界界面跟随第二拖拽操作移动的显示效果。电子设备在接收第二操作后，可以仅在第二显示位置显示第一平行视界界面。

示例性的，如图12中的(a)示意图中所示，基于图7b所示的场景，第二拖拽操作在显示屏上的作用点的轨迹可以为从起始点C至终止点D的轨迹，则第二拖拽操作可以用于指示将图12中的(a)示意图中所示的第一平行视界界面从起始点C对应的位置拖拽至终止点D对应的位置，则在第二拖拽操作结束后，电子设备显示的界面如图12中的(b)示意图中所示，第一平行视界界面位于终止点D对应的位置。

示例性的，该步骤所述的方法中接收第二拖拽操作的方法可以由第一应用完成，更新显示第一平行视界界面的方法可以由电子设备的系统服务完成，该系统服务例如可以是上述图5中所示的第一服务。

基于以上方法，电子设备显示的应用对应的拖动条可以跟随应用的平行视界界面移动，在拖动条的视觉显示上较为清楚灵活，且便于用户对拖动条进行拖拽操作来控制调整平行视界界面中不同区域的显示比例，因此用户使用体验较高。

在本申请一些实施例中，上述实施例中图6对应的方法和图11对应的方法可以同步执行，其中，电子设备执行步骤S601(或步骤S1101)所述的方法后，若接收到的用户操作为上述实施例中所述的第一选择操作，则可以执行上述实施例中所述的步骤S602及后续步骤，若接收到的用户操作为上述实施例中所述的第二拖拽操作，则可以执行上述实施例中所述的步骤S1102。

以上述实施例提供的方法应用于上述图5所示的系统为例，以用户采用触控方式进行平行视界的控制为例，本申请实施例提供的显示方法可以包括触摸事件拦截、按下事件处理、移动事件(或称为拖拽事件)处理、释放事件处理四个阶段，其中，触摸事件拦截阶段为电子设备中的应用进行热区事件的拦截或捕获的过程，热区事件为在上述的拖拽热区内进行触摸操作的事件；按下事件处理阶段为电子设备针对用户作用在显示屏上的按下操作进行响应的过程；移动事件处理阶段为电子设备针对用户作用在拖拽蒙层中拖动条的移动操作进行响应的过程；释放事件处理阶段为电子设备针对用户停止拖拽拖动条的操作进行响应的过程。下面分别进行说明。

在触摸事件拦截阶段，电子设备的系统服务可以监听拦截作用在平行视界界面中的拖拽热区内的触摸操作，拖拽热区可以为平行视界界面中设定的区域。参照图13a，触摸事件拦截阶段电子设备执行的方法的一种可能的流程可以包括：

S1301：在电子设备显示平行视界界面后，电子设备中的应用标题栏容器通过监听用户操作，拦截用户操作触发的触摸事件。

该步骤中，用户操作为在显示屏上进行的触摸操作，触摸事件为该触摸操作对应的事件。

应用标题栏容器用于监听用户操作，确定对应事件，并将确定的事件发送至应用标题栏。

可选的，应用标题栏容器可以属于上述实施例中所述的第一应用，电子设备显示的平行视界界面可以为上述实施例中所述的第一平行视界界面，电子设备显示平行视界界面的方法可以参照上述实施例中的相关介绍，此处不再赘述。

S1302：应用标题栏容器将拦截到的触摸事件发送至电子设备中的应用标题栏。

应用标题栏用于根据应用标题栏容器上报的事件，控制进行相应的响应处理，具体可参照下文的介绍。

可选的，应用标题栏可以属于上述实施例中所述的第一应用。

S1303：应用标题栏根据触摸事件确定触摸区域。

其中，拖拽热区为平行视界中设定的区域，示例性的，拖拽热区可以包括平行视界中标题栏所在的区域以及拖动条所在的区域。应用标题栏容器可以根据触摸事件确定用户的触摸操作在显示屏上的触摸区域，若该触摸区域处于拖拽热区内，则可以触发，并执行后续处理步骤，否则，可以不进行任何后续处理。

在按下事件处理阶段，电子设备可以根据接收到的触摸操作及其后续操作(例如按下操作)，确定该操作是否触发拖拽拖动条的事件，进而确定对应的响应方式。参照图13b，按下事件处理阶段电子设备执行的方法的一种可能的流程可以包括：

S1304：应用标题栏容器继续监听用户操作，根据监听到的用户操作确定触摸事件变为按下事件。

该步骤中，用户操作为按下操作，该按下操作可以包括触摸操作在内或者可以为触摸操作，按下事件为该按下操作对应的事件，该按下操作的作用点位于上述的拖拽热区所在的显示区域内。

S1305：应用标题栏容器将按下事件发送至应用标题栏。

S1306：应用标题栏接收到按下事件后，确定触摸区域为拖动条所在区域时，触发显示拖拽蒙层。

S1307：应用标题栏指示电子设备中的拖动条控制器显示拖拽蒙层。

其中，拖动条控制器可以按照应用标题栏的指示，显示覆盖平行视界的拖拽蒙层。拖拽蒙层的格式可以参照上述实施例中所述的第一蒙层的格式，此处不再详述。

上述图13b所示的方法在上述图13a所示的方法执行完毕后执行，即图13b中所示的步骤S1304在图13a中所示的步骤S1303之后执行。

在移动事件处理阶段，电子设备可以接收用户拖拽拖动条的操作，并针对对应的移动事件进行响应处理。参照图13c，移动事件处理阶段电子设备执行的方法的一种可能的流程可以包括：

S1308：应用标题栏容器通过继续监听用户操作，确定在按下事件后接收的移动事件。

该步骤中，用户操作可以为用户执行上述按下操作之后保持按下状态进行的移动操作，该移动事件(ACTION_MOVE)为该移动操作对应的事件。

S1309：应用标题栏容器将移动事件发送至应用标题栏。

S1310：应用标题栏指示拖动条控制器响应移动事件。

S1311：拖动条控制器初始化电子设备中的拖拽事件拦截器。

S1312：拖拽事件拦截器创建输入事件接收器。

其中，拖拽事件拦截器可以同时注册用于传输输入事件的输入事件管道。输入事件管道是用于传输事件的一种方式，可以用于传输用户执行按下操作后保持按下状态进行移动的操作对应的事件，即上述移动事件。输入事件接收器用于通过拖拽事件拦截器注册的输入事件管道接收上述移动事件。

S1313：拖拽事件拦截器通过指示电子设备中的输入事件监听器触发输入事件接收器变更事件，将输入事件接收器分发至输入事件监听器。

其中，触发输入事件接收器变更事件可以用于将上述输入事件管道和输入事件接收器生效，输入事件管道生效后，可以传输移动事件。

S1314：输入事件监听器通过调度输入事件接收器变更事件，关联输入事件接收器。

S1315：输入事件监听器绑定拖拽事件拦截器，并重定向事件到输入事件接收器，以使输入事件接收器生效。

S1316：输入事件监听器继续监听移动事件，并将监听到的移动事件分发至输入事件接收器。

S1317：输入事件接收器将接收到的移动事件实时发送至拖动条控制器。

在该过程中，拖动条控制器可以根据输入事件接收器发送的移动事件，实时确定拖动条在拖拽蒙层中的位置，并根据确定的位置实时更新拖动条在拖拽蒙层中的显示位置。

上述图13c所示的方法在上述图13b所示的方法执行完毕后执行，即图13c中所示的步骤S1308在图13b中所示的步骤S1307之后执行。

在释放事件处理阶段，电子设备可以在检测到用户释放拖动条即停止拖拽拖动条的事件后，响应该事件，调整平行视界界面中不同区域的显示比例。参照图13d，释放事件处理阶段电子设备执行的方法的一种可能的流程可以包括：

S1318：应用标题栏容器通过继续监听用户操作，确定在移动事件之后接收的释放事件。

其中，释放事件(ACTION_UP)为用户停止拖拽操作的事件，即用户松手的事件，释放事件也可以称为松手事件。

S1319：应用标题栏容器将释放事件发送至应用标题栏。

S1320：应用标题栏指示拖动条控制器响应释放事件。

S1321：拖动条控制器指示销毁拖拽事件拦截器。

S1322：拖拽事件拦截器指示输入事件监听器触发拖拽事件接收器变更事件，以移出输入事件接收器。

S1323：输入事件监听器通过调度拖拽事件接收器变更事件，移除已创建的输入事件接收器。

该步骤中，输入事件监听器可以同时注销输入事件管道。

S1324：输入事件监听器取消绑定拖拽事件拦截器。

S1325：拖动条控制器根据当前拖拽图层中拖动条的位置，确定平行视界界面中不同区域的显示比例。

S1326：拖动条控制器移除拖拽蒙层。

其中，移除拖拽蒙层即停止显示拖拽蒙层对应的界面。

S1327：拖动条控制器按照显示比例更新显示的平行视界界面中不同区域的显示比例。

上述图13d所示的方法在上述图13c所示的方法执行完毕后执行，即图13d中所示的步骤S1318在图13c中所示的步骤S1317之后执行。

上述方法中，电子设备中应用侧接收和触发拖拽事件，系统服务拦截和响应该拖拽事件，这与现有技术中仅系统服务接收和响应拖拽事件的方案不同。该方法能够以应用为目标进行平行视界中拖动条的显示和控制，灵活性和实用性较高。

需要说明的是，上述实例提供的具体实施流程，仅是对本申请实施例适用方法流程的举例说明，其中各步骤的执行顺序可根据实际需求进行相应调整，还可以增加其它步骤，或减少部分步骤。各步骤的具体实施方式可参照前文实施例中的相关介绍，此处不再详述。

基于以上实施例及相同构思，本申请实施例还提供一种显示方法，如图14中所示，该方法包括：

S1401：电子设备显示第一界面，所述第一界面包括第一区域和第二区域，所述第一区域和所述第二区域不重合，且所述第一区域和所述第二区域之间包含第一控件。

示例性的，所述第一界面可以为上述实施例中所述的第一平行视界界面，所述第一区域、第二区域可以为上述实施例中所述的第一平行视界界面中的第一区域、第二区域，所述第一控件可以为上述实施例中所述的第一拖动条。

S1402：电子设备响应于作用在所述第一控件上的第一操作，显示第一蒙层，所述第一蒙层包括第二控件，所述第二控件与所述第一控件对应，所述第一蒙层覆盖所述第一界面。

示例性的，所述第一操作可以为上述实施例中所述的第一选择操作，所述第一蒙层可以为上述实施例中所述的第一蒙层，所述第二控件可以为上述实施例中所述的第二拖动条。

S1403：电子设备响应于作用在所述第二控件上的第二操作，调整所述第一区域和所述第二区域的显示比例。

在本申请一些实施例中，所述第二操作可以包括选择第二控件、进行拖拽、释放拖拽的连续性操作。

在本申请一些实施例中，所述第二操作可以为选择第二控件的操作，同时，第二操作可以为触摸、按下或长按操作。则在响应于作用在所述第二控件上的第二操作之后，在调整所述第一区域和所述第二区域的显示比例之前，电子设备可以调整所述第二控件的显示位置，并响应于检测到的第三操作，停止显示所述第一蒙层，还可以根据所述第二控件在所述第一蒙层中的位置，调整所述第一控件在所述第一界面中的位置。其中，所述第三操作可以为释放拖拽的操作。

示例性的，所述第二操作可以为上述实施例中所述的第一拖拽操作，所述第三操作可以为上述实施例中所述的第一拖拽操作的结束操作。

在本申请一些实施例中，电子设备调整第一区域和第二区域的显示比例的过程中，电子设备可以根据所述第二控件在所述第一蒙层中的位置，确定所述第一蒙层中第三区域和第四区域的显示比例；其中，所述第三区域与所述第一区域对应，所述第四区域与所述第二区域对应；按照所述第三区域和所述第四区域的显示比例，调整所述第一区域和所述第二区域的显示比例。

示例性的，所述第三区域和第四区域可以分别为上述实施例中所述的第一蒙层中位于第二拖动条两侧的区域。

在本申请一些实施例中，电子设备在显示第一界面后，可以响应于接收到的第六操作，调整所述第一界面的显示位置。其中，所述第六操作可以为作用在所述第一界面上除所述第一控件以外的区域中的操作，或者，所述第六操作可以为作用在所述第一界面上设定区域内的操作。

示例性的，所述第六操作可以为上述实施例中所述的第二拖拽操作。

上述方法中，电子设备所执行的具体步骤可参阅前述实施例中相关的介绍，在此不再过多赘述。

基于以上实施例及相同技术构思，本申请实施例还提供一种电子设备，该电子设备用于实现本申请实施例提供的显示方法。如图15中所示，电子设备1500可以包括：显示屏1501，存储器1502，一个或多个处理器1503，以及一个或多个计算机程序(图中未示出)。上述各器件可以通过一个或多个通信总线1504耦合。

其中，显示屏1501用于显示应用界面等相关用户界面。

存储器1502中存储有一个或多个计算机程序(代码)，一个或多个计算机程序包括计算机指令；一个或多个处理器1503调用存储器1502中存储的计算机指令，使得电子设备1500执行本申请实施例提供的显示方法。

具体实现中，存储器1502可包括高速随机存取的存储器，并且也可包括非易失性存储器，例如一个或多个磁盘存储设备、闪存设备或其他非易失性固态存储设备。存储器1502可以存储操作系统(下述简称系统)，例如ANDROID，IOS，WINDOWS，或者LINUX等嵌入式操作系统。存储器1502可用于存储本申请实施例的实现程序。存储器1502还可以存储网络通信程序，该网络通信程序可用于与一个或多个附加设备，一个或多个用户设备，一个或多个网络设备进行通信。

一个或多个处理器1503可以是一个通用中央处理器(Central Processing Unit，CPU)，微处理器，特定应用集成电路(Application-Specific Integrated Circuit，ASIC)，或一个或多个用于控制本申请方案程序执行的集成电路。

需要说明的是，图15仅仅是本申请实施例提供的电子设备1500的一种实现方式，实际应用中，电子设备1500还可以包括更多或更少的部件，这里不作限制。

基于以上实施例及相同技术构思，本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，当计算机程序在计算机上运行时，使得计算机执行上述实施例提供的方法。

基于以上实施例及相同技术构思，本申请实施例还提供一种计算机程序产品，该计算机程序产品包括计算机程序或指令，当计算机程序或指令在计算机上运行时，使得计算机执行上述实施例提供的方法。

本申请实施例提供的方法中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时，全部或部分地产生按照本发明实施例的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、网络设备、用户设备或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(digital subscriber line，简称DSL)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。计算机可读存储介质可以是计算机可以存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。可用介质可以是磁性介质(例如，软盘、硬盘、磁带)、光介质(例如，数字视频光盘(digital video disc，简称DVD)、或者半导体介质(例如，SSD)等。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims

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

显示第一界面，所述第一界面包括第一区域和第二区域，所述第一区域和所述第二区域不重合，且所述第一区域和所述第二区域之间包含第一控件；

响应于作用在所述第一控件上的第一操作，显示第一蒙层，所述第一蒙层包括第二控件，所述第二控件与所述第一控件对应，所述第一蒙层覆盖所述第一界面；

响应于作用在所述第二控件上的第二操作，调整所述第一区域和所述第二区域的显示比例。

2.如权利要求1所述的方法，其特征在于，在响应于作用在所述第二控件上的第二操作之后，在调整所述第一区域和所述第二区域的显示比例之前，所述方法还包括：

调整所述第二控件的显示位置；

响应于检测到的第三操作，停止显示所述第一蒙层。

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

响应于所述第三操作，根据所述第二控件在所述第一蒙层中的位置，调整所述第一控件在所述第一界面中的显示位置。

4.如权利要求1～3任一所述的方法，其特征在于，所述第一区域中的内容与所述第一控件位于同一图层中。

5.如权利要求1～4任一所述的方法，其特征在于，所述调整所述第一区域和所述第二区域的显示比例，包括：

根据所述第二控件在所述第一蒙层中的位置，确定所述第一蒙层中第三区域和第四区域的显示比例；其中，所述第三区域与所述第一区域对应，所述第四区域与所述第二区域对应；

按照所述第三区域和所述第四区域的显示比例，调整所述第一区域和所述第二区域的显示比例。

6.如权利要求1～5任一所述的方法，其特征在于，所述第一蒙层的尺寸与所述第一界面的尺寸相同。

7.如权利要求1～6任一所述的方法，其特征在于，所述方法还包括：

显示第二界面，所述第二界面包括第五区域和第六区域，所述第五区域和所述第六区域不重合，且所述第五区域和所述第六区域之间包含第三控件；其中，所述第二界面与所述第一界面同时显示；

响应于作用在所述第三控件上的第四操作，显示第二蒙层，所述第二蒙层包括第四控件，所述第四控件与所述第三控件对应，所述第二蒙层覆盖所述第二界面；

响应于作用在所述第四控件上的第五操作，调整所述第五区域和所述第六区域的显示比例。

8.如权利要求7所述的方法，其特征在于，所述第五区域中的内容和所述第三控件位于同一图层中。

9.如权利要求1～8任一所述的方法，其特征在于，所述方法还包括：

响应于接收到的第六操作，调整所述第一界面的显示位置。

10.如权利要求1～9任一所述的方法，其特征在于，所述第一控件和所述第二控件为拖动条。

11.如权利要求1～10任一所述的方法，其特征在于，所述第一区域和所述第二区域对应不同的活动activity。

12.如权利要求1～11任一所述的方法，其特征在于，所述第一区域和所述第二区域对应同一应用，或者，所述第一区域和所述第二区域对应不同应用。

13.一种电子设备，其特征在于，所述电子设备包括显示屏，存储器和一个或多个处理器；

其中，所述存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令；当所述计算机指令被所述一个或多个处理器执行时，使得所述电子设备执行如权利要求1～12任一所述的方法。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，当所述计算机程序在电子设备上运行时，使得所述电子设备执行如权利要求1～12任一所述的方法。