CN108804190A - User interface display method, device, terminal and storage medium - Google Patents

Abstract

The application discloses a user interface display method, a user interface display device, a terminal and a storage medium, and belongs to the technical field of terminals. The method comprises the following steps: displaying a first user interface of a first application program in a vertical screen state; acquiring a first operation signal of a designated trigger area acting on a first user interface, wherein the distance between the designated trigger area and the gap area is smaller than a first preset distance, and the first operation signal is used for requesting to call out a shortcut function control set; and displaying at least two function controls in the shortcut function control set in a fan-shaped icon arrangement mode based on the edge line of the edge where the notch area is located according to the first operation signal. According to the embodiment of the application, the at least two function controls are displayed in a fan-shaped icon arrangement mode, so that the display area of the function controls is increased, the number of the function controls capable of being displayed is more, and a user can quickly find the required function controls.

Description

Translated fromChinese

用户界面显示方法、装置、终端及存储介质User interface display method, device, terminal and storage medium

技术领域technical field

本申请实施例涉及终端技术领域，特别涉及一种用户界面显示方法、装置、终端及存储介质。The embodiments of the present application relate to the technical field of terminals, and in particular, to a user interface display method, device, terminal, and storage medium.

背景技术Background technique

通常终端中安装有多个应用程序。当后台运行有多个应用程序时，用户可以将其中一个应用程序切换至前台运行。Usually multiple applications are installed in the terminal. When there are multiple applications running in the background, the user can switch one of the applications to run in the foreground.

相关技术提供的一种用户界面显示方法，包括：在触摸显示屏的主显示区域显示第一应用程序的第一用户界面，在触摸显示屏的辅显示区域不显示内容，若接收到第一用户界面上的第一触发信号，则在触摸显示屏的辅显示区域显示功能控件，主显示区域和辅显示区域是属于同一触摸显示屏上的不同显示区域，主显示区域的第一显示面积大于辅显示区域的第二显示面积。A user interface display method provided in the related art includes: displaying a first user interface of a first application program in a main display area of a touch screen, and not displaying content in an auxiliary display area of a touch screen, and if the first user interface is received The first trigger signal on the interface displays functional controls in the auxiliary display area of the touch screen. The main display area and the auxiliary display area belong to different display areas on the same touch screen. The first display area of the main display area is larger than the auxiliary display area. The second display area of the display area.

发明内容Contents of the invention

本申请实施例提供了一种用户界面显示方法、装置、终端及存储介质，可以用于解决相关技术中的辅显示区域不显示内容且在触发后可容纳显示的功能控件较少的问题。技术方案如下：Embodiments of the present application provide a user interface display method, device, terminal, and storage medium, which can be used to solve the problem in the related art that the auxiliary display area does not display content and has fewer functional controls that can be displayed after being triggered. The technical solution is as follows:

根据本申请实施例的第一方面，提供了一种用户界面显示方法，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述方法包括：According to the first aspect of the embodiments of the present application, a user interface display method is provided, which is applied to a terminal with a special-shaped screen, the special-shaped screen includes a notch area, and the method includes:

在竖屏状态下显示第一应用程序的第一用户界面；displaying the first user interface of the first application program in the vertical screen state;

获取作用于所述第一用户界面上的指定触发区域的第一操作信号，所述指定触发区域与所述缺口区域之间的距离小于第一预设距离，所述第一操作信号用于请求呼出快捷功能控件集合；Acquiring a first operation signal acting on a specified trigger area on the first user interface, the distance between the specified trigger area and the notch area is less than a first preset distance, and the first operation signal is used to request call out shortcut function control set;

根据所述第一操作信号，基于所述缺口区域所在边的边缘线以扇形的图标排列方式展示所述快捷功能控件集合中的至少两个功能控件。According to the first operation signal, at least two function controls in the shortcut function control set are displayed in a fan-shaped icon arrangement based on the edge line of the side where the notch area is located.

根据本申请实施例的第二方面，提供了一种用户界面显示装置，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述装置包括：According to the second aspect of the embodiments of the present application, a user interface display device is provided, which is applied to a terminal with a special-shaped screen, the special-shaped screen includes a notch area, and the device includes:

第一显示模块，用于在竖屏状态下显示第一应用程序的第一用户界面；The first display module is configured to display the first user interface of the first application program in the vertical screen state;

获取模块，用于获取作用于所述第一用户界面上的指定触发区域的第一操作信号，所述指定触发区域与所述缺口区域之间的距离小于第一预设距离，所述第一操作信号用于请求呼出快捷功能控件集合；An acquisition module, configured to acquire a first operation signal acting on a designated trigger area on the first user interface, where the distance between the designated trigger area and the notch area is less than a first preset distance, and the first The operation signal is used to request to call out the set of shortcut function controls;

第二显示模块，用于根据所述第一操作信号，基于所述缺口区域所在边的边缘线以扇形的图标排列方式展示所述快捷功能控件集合中的至少两个功能控件。The second display module is configured to display at least two function controls in the shortcut function control set in a fan-shaped icon arrangement based on the edge line of the side where the notch area is located according to the first operation signal.

根据本申请实施例的第三方面，提供了一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如本申请第一方面及其可选实施例任一所述的用户界面显示方法。According to a third aspect of the embodiments of the present application, there is provided a terminal, the terminal includes a processor and a memory, the memory stores at least one instruction, and the instruction is loaded and executed by the processor to implement the Apply for the user interface display method described in any one of the first aspect and its optional embodiments.

根据本申请实施例的第四方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如本申请第一方面及其可选实施例任一所述的用户界面显示方法。According to a fourth aspect of the embodiments of the present application, there is provided a computer-readable storage medium, the storage medium stores at least one instruction, and the instruction is loaded and executed by a processor to implement the first aspect of the present application and its The user interface display method described in any one of the optional embodiments.

本申请实施例提供的技术方案带来的有益效果至少包括：The beneficial effects brought by the technical solutions provided by the embodiments of the present application at least include:

通过在竖屏状态下显示第一应用程序的第一用户界面；获取作用于第一用户界面上的指定触发区域的第一操作信号，指定触发区域与缺口区域之间的距离小于第一预设距离，第一操作信号用于请求呼出快捷功能控件集合；根据第一操作信号，基于缺口区域所在边的边缘线以扇形的图标排列方式展示快捷功能控件集合中的至少两个功能控件；使得至少两个功能控件是以扇形的图标排列方式进行显示的，避免了相关技术中当触摸显示屏为异形屏时辅显示区域即异形屏缺口区域的两侧区域可容纳显示的功能控件较少的问题，增大了功能控件的显示面积，进而使得可容纳显示的功能控件数量更多，有利于用户快速查找到所需的功能控件。By displaying the first user interface of the first application program in the vertical screen state; obtaining the first operation signal acting on the specified trigger area on the first user interface, the distance between the specified trigger area and the notch area is smaller than the first preset Distance, the first operation signal is used to request to call out the set of shortcut function controls; according to the first operation signal, at least two function controls in the set of shortcut function controls are displayed in a fan-shaped icon arrangement based on the edge line of the edge of the notch area; so that at least The two functional controls are displayed in a fan-shaped icon arrangement, which avoids the problem in the related art that when the touch display screen is a special-shaped screen, the auxiliary display area, that is, the two sides of the notch area of the special-shaped screen can accommodate fewer functional controls for display. , which increases the display area of the functional controls, thereby increasing the number of functional controls that can be accommodated and displayed, which is beneficial for the user to quickly find the desired functional controls.

附图说明Description of drawings

图1是本申请一个示例性实施例提供的终端的结构示意图；FIG. 1 is a schematic structural diagram of a terminal provided in an exemplary embodiment of the present application;

图2是本申请另一个示例性实施例提供的终端的结构示意图；FIG. 2 is a schematic structural diagram of a terminal provided in another exemplary embodiment of the present application;

图3A至图3F是本申请的示例性实施例提供的具有不同触摸显示屏的终端的外观示意图；3A to 3F are schematic appearance diagrams of terminals with different touch screens provided by an exemplary embodiment of the present application;

图4是本申请一个示例性实施例提供的用户界面显示方法的流程图；Fig. 4 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application;

图5是本申请一个示例性实施例提供的用户界面显示方法在实施时的界面示意图；Fig. 5 is a schematic interface diagram during implementation of a user interface display method provided by an exemplary embodiment of the present application;

图6是本申请另一个示例性实施例提供的用户界面显示方法的流程图；Fig. 6 is a flowchart of a user interface display method provided by another exemplary embodiment of the present application;

图7和图8是图6实施例提供的用户界面显示方法在实施时的界面示意图；Fig. 7 and Fig. 8 are the interface schematic diagrams when the user interface display method provided by the embodiment of Fig. 6 is implemented;

图9是本申请另一个示例性实施例提供的用户界面显示方法的流程图；FIG. 9 is a flowchart of a user interface display method provided in another exemplary embodiment of the present application;

图10至图12是图9实施例提供的用户界面显示方法在实施时的界面示意图；10 to 12 are schematic diagrams of the user interface display method provided by the embodiment of FIG. 9 during implementation;

图13是本申请另一个示例性实施例提供的用户界面显示装置的结构示意图。Fig. 13 is a schematic structural diagram of a user interface display device provided by another exemplary embodiment of the present application.

具体实施方式Detailed ways

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。In order to make the purpose, technical solution and advantages of the present application clearer, the implementation manners of the present application will be further described in detail below in conjunction with the accompanying drawings.

下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。When the following description refers to the accompanying drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with this application. Rather, they are merely examples of apparatuses and methods consistent with aspects of the present application as recited in the appended claims.

在本申请的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。在本申请的描述中，需要说明的是，除非另有明确的规定和限定，术语“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。此外，在本申请的描述中，除非另有说明，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。In the description of the present application, it should be understood that the terms "first", "second" and so on are used for descriptive purposes only, and should not be understood as indicating or implying relative importance. In the description of this application, it should be noted that, unless otherwise clearly stipulated and limited, the terms "connected" and "connected" should be understood in a broad sense, for example, it can be a fixed connection, a detachable connection, or an integrated Ground connection; it can be mechanical connection or electrical connection; it can be direct connection or indirect connection through an intermediary. Those of ordinary skill in the art can understand the specific meanings of the above terms in this application in specific situations. In addition, in the description of the present application, unless otherwise specified, "plurality" means two or more. "And/or" describes the association relationship of associated objects, indicating that there may be three types of relationships, for example, A and/or B may indicate: A exists alone, A and B exist simultaneously, and B exists independently. The character "/" generally indicates that the contextual objects are an "or" relationship.

在对本申请实施例进行解释说明之前，先对本申请实施例的应用场景进行说明。参考图1和图2所示，其示出了本申请一个示例性实施例提供的终端100的结构方框图。该终端100可以是手机、平板电脑、笔记本电脑和电子书等。本申请中的终端100可以包括一个或多个如下部件：处理器110、存储器120和触摸显示屏130。Before explaining the embodiment of the present application, the application scenario of the embodiment of the present application will be described first. Referring to FIG. 1 and FIG. 2 , it shows a structural block diagram of a terminal 100 provided by an exemplary embodiment of the present application. The terminal 100 may be a mobile phone, a tablet computer, a notebook computer, an e-book, and the like. The terminal 100 in this application may include one or more of the following components: a processor 110 , a memory 120 and a touch display 130 .

处理器110可以包括一个或者多个处理核心。处理器110利用各种接口和线路连接整个终端100内的各个部分，通过运行或执行存储在存储器120内的指令、程序、代码集或指令集，以及调用存储在存储器120内的数据，执行终端100的各种功能和处理数据。可选地，处理器110可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable LogicArray，PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(CentralProcessing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责触摸显示屏130所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器110中，单独通过一块芯片进行实现。Processor 110 may include one or more processing cores. The processor 110 uses various interfaces and lines to connect various parts of the entire terminal 100, and executes the terminal by running or executing instructions, programs, code sets or instruction sets stored in the memory 120, and calling data stored in the memory 120. 100's of various functions and processing data. Optionally, the processor 110 may use at least one of Digital Signal Processing (Digital Signal Processing, DSP), Field-Programmable Gate Array (Field-Programmable Gate Array, FPGA), and Programmable Logic Array (Programmable LogicArray, PLA). implemented in the form of hardware. The processor 110 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), an image processor (Graphics Processing Unit, GPU), a modem, and the like. Among them, the CPU mainly processes the operating system, user interface and application programs, etc.; the GPU is responsible for rendering and drawing the content that needs to be displayed on the touch screen 130 ; the modem is used for processing wireless communication. It can be understood that, the above-mentioned modem may not be integrated into the processor 110, but implemented by a single chip.

存储器120可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选地，该存储器120包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等；存储数据区可存储根据终端100的使用所创建的数据(比如音频数据、电话本)等。The memory 120 may include a random access memory (Random Access Memory, RAM), and may also include a read-only memory (Read-Only Memory). Optionally, the memory 120 includes a non-transitory computer-readable storage medium. The memory 120 may be used to store instructions, programs, codes, sets of codes, or sets of instructions. The memory 120 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playback function, an image playback function, etc.), Instructions and the like for implementing the following method embodiments; the storage data area can store data created according to the use of the terminal 100 (such as audio data, phonebook) and the like.

以操作系统为安卓(Android)系统为例，存储器120中存储的程序和数据如图1所示，存储器120中存储有Linux内核层220、系统运行库层240、应用框架层260和应用层280。Linux内核层220为终端100的各种硬件提供了底层的驱动，如显示驱动、音频驱动、摄像头驱动、蓝牙驱动、Wi-Fi驱动、电源管理等。系统运行库层240通过一些C/C++库来为Android系统提供了主要的特性支持。如SQLite库提供了数据库的支持，OpenGL/ES库提供了3D绘图的支持，Webkit库提供了浏览器内核的支持等。在系统运行库层240中还提供有Android运行时库242(Android Runtime)，它主要提供了一些核心库，能够允许开发者使用Java语言来编写Android应用。应用框架层260提供了构建应用程序时可能用到的各种API，开发者也可以通过使用这些API来构建自己的应用程序，比如活动管理、窗口管理、视图管理、通知管理、内容提供者、包管理、通话管理、资源管理、定位管理。应用层280中运行有至少一个应用程序，这些应用程序可以是操作系统自带的联系人程序、短信程序、时钟程序、相机应用等；也可以是第三方开发者所开发的应用程序，比如即时通信程序、相片美化程序等。Taking the operating system as an Android system as an example, the programs and data stored in the memory 120 are as shown in Figure 1, and the memory 120 is stored with a Linux kernel layer 220, a system runtime layer 240, an application framework layer 260 and an application layer 280 . The Linux kernel layer 220 provides underlying drivers for various hardware of the terminal 100, such as display drivers, audio drivers, camera drivers, Bluetooth drivers, Wi-Fi drivers, power management, and so on. The system runtime layer 240 provides main feature support for the Android system through some C/C++ libraries. For example, the SQLite library provides database support, the OpenGL/ES library provides 3D drawing support, and the Webkit library provides browser kernel support. The system runtime layer 240 also provides an Android runtime library 242 (Android Runtime), which mainly provides some core libraries and can allow developers to use the Java language to write Android applications. The application framework layer 260 provides various APIs that may be used when building applications. Developers can also use these APIs to build their own applications, such as activity management, window management, view management, notification management, content providers, Package management, call management, resource management, location management. There is at least one application program running in the application layer 280, and these application programs can be contact programs, SMS programs, clock programs, camera applications, etc. Communication programs, photo beautification programs, etc.

以操作系统为IOS系统为例，存储器120中存储的程序和数据如图2所示，IOS系统包括：核心操作系统层320(Core OS layer)、核心服务层340(Core Services layer)、媒体层360(Media layer)、可触摸层380(Cocoa Touch Layer)。核心操作系统层320包括了操作系统内核、驱动程序以及底层程序框架，这些底层程序框架提供更接近硬件的功能，以供位于核心服务层340的程序框架所使用。核心服务层340提供给应用程序所需要的系统服务和/或程序框架，比如基础(Foundation)框架、账户框架、广告框架、数据存储框架、网络连接框架、地理位置框架、运动框架等等。媒体层360为应用程序提供有关视听方面的接口，如图形图像相关的接口、音频技术相关的接口、视频技术相关的接口、音视频传输技术的无线播放(AirPlay)接口等。可触摸层380为应用程序开发提供了各种常用的界面相关的框架，可触摸层380负责用户在终端100上的触摸交互操作。比如本地通知服务、远程推送服务、广告框架、游戏工具框架、消息用户界面接口(User Interface，UI)框架、用户界面UIKit框架、地图框架等等。Taking the operating system as the IOS system as an example, the programs and data stored in the memory 120 are as shown in Figure 2, and the IOS system includes: a core operating system layer 320 (Core OS layer), a core service layer 340 (Core Services layer), a media layer 360 (Media layer), touchable layer 380 (Cocoa Touch Layer). The core operating system layer 320 includes an operating system kernel, drivers, and underlying program frameworks. These underlying program frameworks provide functions closer to hardware for use by the program frameworks located in the core service layer 340 . The core service layer 340 provides system services and/or program frameworks required by applications, such as foundation framework, account framework, advertisement framework, data storage framework, network connection framework, geographic location framework, exercise framework and so on. The media layer 360 provides audio-visual interfaces for applications, such as interfaces related to graphics and images, interfaces related to audio technology, interfaces related to video technology, and wireless playback (AirPlay) interfaces of audio and video transmission technologies. The touchable layer 380 provides various commonly used interface-related frameworks for application development, and the touchable layer 380 is responsible for the user's touch interaction operation on the terminal 100 . Such as local notification service, remote push service, advertisement framework, game tool framework, message user interface interface (User Interface, UI) framework, user interface UIKit framework, map framework and so on.

在图2所示出的框架中，与大部分应用程序有关的框架包括但不限于：核心服务层340中的基础框架和可触摸层380中的UIKit框架。基础框架提供许多基本的对象类和数据类型，为所有应用程序提供最基本的系统服务，和UI无关。而UIKit框架提供的类是基础的UI类库，用于创建基于触摸的用户界面，iOS应用程序可以基于UIKit框架来提供UI，所以它提供了应用程序的基础架构，用于构建用户界面，绘图、处理和用户交互事件，响应手势等等。In the framework shown in FIG. 2 , frameworks related to most applications include but not limited to: the basic framework in the core service layer 340 and the UIKit framework in the touchable layer 380 . The basic framework provides many basic object classes and data types, and provides the most basic system services for all applications, regardless of UI. The class provided by the UIKit framework is a basic UI class library for creating a touch-based user interface. iOS applications can provide UI based on the UIKit framework, so it provides the infrastructure of the application for building user interfaces, drawing , Handle and user interaction events, respond to gestures, and more.

触摸显示屏130，用于接收用户使用手指、触摸笔等任何适合的物体在其上或附近的触摸操作，以及显示各个应用程序的用户界面。触摸显示屏130通常设置在终端130的前面板。触摸显示屏130可被设计成为全面屏、曲面屏或异形屏。触摸显示屏130还可被设计成为全面屏与曲面屏的结合，异形屏与曲面屏的结合，本实施例对此不加以限定。其中：The touch display screen 130 is configured to receive a user's touch operation on or near it using any suitable object such as a finger or a touch pen, and to display user interfaces of various application programs. The touch display screen 130 is usually arranged on the front panel of the terminal 130 . The touch display screen 130 can be designed as a full screen, a curved screen or a special-shaped screen. The touch display screen 130 can also be designed as a combination of a full screen and a curved screen, or a combination of a special-shaped screen and a curved screen, which is not limited in this embodiment. in:

全面屏full screen

全面屏可以是指触摸显示屏130占用终端100的前面板的屏占比超过阈值(比如80％或90％或95％)的屏幕设计。屏占比的一种计算方式为：(触摸显示屏130的面积/终端100的前面板的面积)*100％；屏占比的另一种计算方式为：(触摸显示屏130中实际显示区域的面积/终端100的前面板的面积)*100％；屏占比的再一种计算方式为：(触摸显示屏130的对角线/在终端100的前面板的对角线)*100％。示意性的如图3A所示的例子中，终端100的前面板上近乎所有区域均为触摸显示屏130，在终端100的前面板40上，除中框41所产生的边缘之外的其它区域，全部为触摸显示屏130。该触摸显示屏130的四个角可以是直角或者圆角。The full screen may refer to a screen design in which the screen-to-body ratio occupied by the touch display screen 130 on the front panel of the terminal 100 exceeds a threshold (such as 80% or 90% or 95%). One calculation method of the screen-to-body ratio is: (area of the touch screen 130/area of the front panel of the terminal 100)*100%; another calculation method of the screen-to-body ratio is: (the actual display area in the touch screen 130 area/area of the front panel of the terminal 100)*100%; another calculation method of the screen-to-body ratio is: (diagonal line of the touch screen 130/diagonal line of the front panel of the terminal 100)*100% . In the schematic example shown in FIG. 3A , almost all areas on the front panel of the terminal 100 are touch display screens 130 , and on the front panel 40 of the terminal 100 , other areas except the edge generated by the middle frame 41 , all of which are touch screens 130 . The four corners of the touch display screen 130 may be right angles or rounded corners.

全面屏还可以是将至少一种前面板部件集成在触摸显示屏130内部或下层的屏幕设计。可选地，该至少一种前面板部件包括：摄像头、指纹传感器、接近光传感器、距离传感器等。在一些实施例中，将传统终端的前面板上的其他部件集成在触摸显示屏130的全部区域或部分区域中，比如将摄像头中的感光元件拆分为多个感光像素后，将每个感光像素集成在触摸显示屏130中每个显示像素中的黑色区域中。由于将至少一种前面板部件集成在了触摸显示屏130的内部，所以全面屏具有更高的屏占比。The full screen may also be a screen design in which at least one front panel component is integrated inside or under the touch display screen 130 . Optionally, the at least one front panel component includes: a camera, a fingerprint sensor, a proximity light sensor, a distance sensor, and the like. In some embodiments, other components on the front panel of the traditional terminal are integrated into all or part of the area of the touch display 130, for example, after splitting the photosensitive element in the camera into multiple photosensitive pixels, each photosensitive Pixels are integrated in the black area of each display pixel in the touch display screen 130 . Since at least one front panel component is integrated inside the touch display screen 130 , the full screen has a higher screen-to-body ratio.

当然在另外一些实施例中，也可以将传统终端的前面板上的前面板部件设置在终端100的侧边或背面，比如将超声波指纹传感器设置在触摸显示屏130的下方、将骨传导式的听筒设置在终端130的内部、将摄像头设置成位于终端的侧边且可插拔的结构。Of course, in some other embodiments, the front panel components on the front panel of the traditional terminal can also be arranged on the side or back of the terminal 100, for example, the ultrasonic fingerprint sensor is arranged under the touch screen 130, the bone conduction The handset is disposed inside the terminal 130, and the camera is disposed on a side of the terminal in a pluggable structure.

在一些可选的实施例中，当终端100采用全面屏时，终端100的中框的单个侧边，或两个侧边(比如左、右两个侧边)，或四个侧边(比如上、下、左、右四个侧边)上设置有边缘触控传感器120，该边缘触控传感器120用于检测用户在中框上的触摸操作、点击操作、按压操作和滑动操作等中的至少一种操作。该边缘触控传感器120可以是触摸传感器、热力传感器、压力传感器等中的任意一种。用户可以在边缘触控传感器120上施加操作，对终端100中的应用程序进行控制。In some optional embodiments, when the terminal 100 adopts a full screen, a single side of the middle frame of the terminal 100, or two sides (such as left and right sides), or four sides (such as Edge touch sensors 120 are arranged on the upper, lower, left, and right sides), and the edge touch sensors 120 are used to detect touch operations, click operations, press operations, and slide operations of the user on the middle frame. at least one action. The edge touch sensor 120 may be any one of a touch sensor, a heat sensor, a pressure sensor, and the like. The user can perform operations on the edge touch sensor 120 to control the application programs in the terminal 100 .

曲面屏curved screen

曲面屏是指触摸显示屏130的截面呈弯曲形状且沿平行于截面的方向上的投影为平面的屏幕设计，该弯曲形状可以是U型。可选地，曲面屏是指至少一个侧边是弯曲形状的屏幕设计方式。可选地，曲面屏是指触摸显示屏130的至少一个侧边延伸覆盖至终端100的中框上。由于触摸显示屏130的侧边延伸覆盖至终端100的中框，也即将原本不具有显示功能和触控功能的中框覆盖为可显示区域和/或可操作区域，从而使得曲面屏具有了更高的屏占比。可选地，如图3B所示的例子中，曲面屏是指左右两个侧边42是弯曲形状的屏幕设计；或者，曲面屏是指上下两个侧边是弯曲形状的屏幕设计；或者，曲面屏是指上、下、左、右四个侧边均为弯曲形状的屏幕设计。在可选的实施例中，曲面屏采用具有一定柔性的触摸屏材料制备。The curved screen refers to a screen design in which the cross section of the touch display screen 130 is curved and the projection along a direction parallel to the cross section is a plane. The curved shape may be U-shaped. Optionally, the curved screen refers to a screen design in which at least one side is curved. Optionally, the curved screen means that at least one side of the touch display screen 130 extends to cover the middle frame of the terminal 100 . Since the side of the touch display screen 130 extends to cover the middle frame of the terminal 100, that is, the middle frame that originally does not have a display function and a touch function is covered as a displayable area and/or an operable area, so that the curved screen has more features. High screen-to-body ratio. Optionally, in the example shown in FIG. 3B , the curved screen refers to a screen design in which the left and right sides 42 are curved; or, the curved screen refers to a screen design in which the upper and lower sides are curved; or, A curved screen refers to a screen design in which the upper, lower, left, and right sides are curved. In an optional embodiment, the curved screen is made of a touch screen material with certain flexibility.

异形屏Shaped screen

异形屏是外观形状为不规则形状的触摸显示屏，不规则形状不是矩形或圆角矩形。可选的，异形屏是指在矩形或圆角矩形的触摸显示屏130上设置有缺口区域的屏幕设计，缺口区域包括缺口和/或挖孔。可选的，该缺口区域可以位于触摸显示屏130的边缘、屏幕中央或两者均有。当缺口区域设置在一条边缘时，可以设置在该边缘的中间位置或两端；当缺口区域设置在屏幕中央时，可以设置在屏幕的上方区域、左上方区域、左侧区域、左下方区域、下方区域、右下方区域、右侧区域、右上方区域中的一个或多个区域中。当设置在多个区域中时，缺口区域可以集中分布，也可以分散分布；可以对称分布，也可以不对称分布。可选的，该缺口区域的数量也不限。Shaped screen is a touch display screen with an irregular appearance, and the irregular shape is not a rectangle or a rounded rectangle. Optionally, the special-shaped screen refers to a screen design in which a notch area is provided on the rectangular or rounded rectangular touch display screen 130, and the notch area includes a notch and/or a hole. Optionally, the notch area may be located at the edge of the touch display screen 130, at the center of the screen or both. When the notch area is set on one edge, it can be set in the middle or both ends of the edge; when the notch area is set in the center of the screen, it can be set in the upper area, upper left area, left area, lower left area, In one or more of the lower area, lower right area, right area, upper right area. When arranged in multiple regions, the notch regions can be distributed in a concentrated manner or in a dispersed manner; they can be distributed symmetrically or asymmetrically. Optionally, the number of the gap areas is also not limited.

由于异形屏将触摸显示屏的上额区和/或下额区覆盖为可显示区域和/或可操作区域，使得触摸显示屏在终端的前面板上占据更多的空间，所以异形屏也具有更大的屏占比。在一些实施例中，缺口区域中用于容纳至少一种前面板部件，该前面板部件包括摄像头、指纹传感器、接近光传感器、距离传感器、听筒、环境光亮度传感器、物理按键中的至少一种。Since the special-shaped screen covers the upper forehead area and/or lower forehead area of the touch display screen as a displayable area and/or an operable area, the touch screen screen occupies more space on the front panel of the terminal, so the special-shaped screen also has Larger screen-to-body ratio. In some embodiments, the notch area is used to accommodate at least one front panel component, and the front panel component includes at least one of a camera, a fingerprint sensor, a proximity light sensor, a distance sensor, an earpiece, an ambient light sensor, and a physical button .

示例性的，该缺口可以设置在一个或多个边缘上，该缺口可以是半圆形缺口、直角矩形缺口、圆角矩形缺口或不规则形状缺口。示意性的如图3A所示的例子中，异形屏可以是在触摸显示屏130的上边缘的中央位置设置有半圆形缺口43的屏幕设计，该半圆形缺口43所空出的位置用于容纳摄像头、距离传感器(又称接近传感器)、听筒、环境光亮度传感器中的至少一种前面板部件；示意性的如图3B所示，异形屏可以是在触摸显示屏130的下边缘的中央位置设置有半圆形缺口44的屏幕设计，该半圆形缺口44所空出的位置用于容纳物理按键、指纹传感器、麦克风中的至少一种部件；示意性的如图3C所示的例子中，异形屏可以是在触摸显示屏130的下边缘的中央位置设置有半椭圆形缺口45的屏幕设计，同时在终端100的前面板上还形成有一个半椭圆型缺口，两个半椭圆形缺口围合成一个椭圆形区域，该椭圆形区域用于容纳物理按键或者指纹识别模组；示意性的如图3D所示的例子中，缺口区域为挖孔，异形屏可以是在触摸显示屏130中的上半部中设置有至少一个挖孔46的屏幕设计，该挖孔46所空出的位置用于容纳摄像头、距离传感器、听筒、环境光亮度传感器中的至少一种前面板部件。Exemplarily, the notch can be provided on one or more edges, and the notch can be a semicircular notch, a right-angled rectangular notch, a rounded rectangular notch or an irregular-shaped notch. In the schematic example shown in FIG. 3A , the special-shaped screen may be a screen design in which a semicircular notch 43 is arranged at the center of the upper edge of the touch display 130, and the position vacated by the semicircular notch 43 is used for It is used to accommodate at least one front panel component in a camera, a distance sensor (also known as a proximity sensor), an earpiece, and an ambient light brightness sensor; as shown schematically in FIG. The central position is provided with a screen design with a semicircular notch 44, and the position vacated by the semicircular notch 44 is used to accommodate at least one of the physical buttons, fingerprint sensors, and microphones; schematically shown in Figure 3C In an example, the special-shaped screen may be a screen design in which a semi-elliptical notch 45 is provided at the center of the lower edge of the touch display 130, and at the same time, a semi-elliptical notch is formed on the front panel of the terminal 100, and two semi-elliptical notches are formed. Shaped gaps form an oval area, which is used to accommodate physical buttons or fingerprint recognition modules; in the schematic example shown in Figure 3D, the gap area is a hole, and the special-shaped screen can be a touch screen The screen design of at least one digging hole 46 is set in the upper part of 130, and the position vacated by the digging hole 46 is used to accommodate at least one front panel component among the camera, distance sensor, earpiece, and ambient light brightness sensor.

在本申请实施例中，异形屏的缺口区域包括异形屏的缺口和/或挖孔。In the embodiment of the present application, the notch area of the special-shaped screen includes notches and/or digging holes of the special-shaped screen.

除此之外，本领域技术人员可以理解，上述附图所示出的终端100的结构并不构成对终端100的限定，终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。比如，终端100中还包括射频电路、输入单元、传感器、音频电路、无线保真(Wireless Fidelity，WiFi)模块、电源、蓝牙模块等部件，在此不再赘述。In addition, those skilled in the art can understand that the structure of the terminal 100 shown in the above drawings does not constitute a limitation on the terminal 100, and the terminal may include more or less components than those shown in the figure, or combine some components, or different component arrangements. For example, the terminal 100 also includes components such as a radio frequency circuit, an input unit, a sensor, an audio circuit, a wireless fidelity (Wireless Fidelity, WiFi) module, a power supply, and a Bluetooth module, which will not be repeated here.

请参考图4，其示出了本申请一个示例性实施例示出的用户界面显示方法的流程图。本实施例以该方法应用于终端100中来举例说明，该终端100是具有异形屏的终端，异形屏包括缺口区域。该方法包括：Please refer to FIG. 4 , which shows a flowchart of a user interface display method according to an exemplary embodiment of the present application. This embodiment is illustrated by taking the method applied to a terminal 100 as an example. The terminal 100 is a terminal with a special-shaped screen, and the special-shaped screen includes a notch area. The method includes:

步骤401，在竖屏状态下显示第一应用程序的第一用户界面。Step 401, displaying a first user interface of a first application program in a vertical screen state.

终端的屏幕状态包括竖屏状态和横屏状态，当终端处于竖屏状态时显示第一应用程序的第一用户界面。The screen state of the terminal includes a vertical screen state and a horizontal screen state, and when the terminal is in the vertical screen state, the first user interface of the first application is displayed.

终端的触摸显示屏上包括主显示区域和辅显示区域。通常，主显示区域和辅显示区域是属于同一触摸显示屏上的不同显示区域。主显示区域的第一显示面积大于辅显示区域的第二显示面积。The touch display screen of the terminal includes a main display area and an auxiliary display area. Usually, the main display area and the auxiliary display area belong to different display areas on the same touch display screen. The first display area of the main display area is larger than the second display area of the auxiliary display area.

在本申请实施例中，终端是具有异形屏的终端，异形屏为设置有缺口区域的不规则形状的屏幕。In the embodiment of the present application, the terminal is a terminal with a special-shaped screen, and the special-shaped screen is an irregular-shaped screen provided with a notch area.

当触摸显示屏是异形屏时，主显示区域是异形屏上呈矩形的显示区域，辅显示区域是异形屏上呈异形形状的显示区域，主显示区域和辅显示区域的合集等于异形屏的整个显示区域。示意性地，异形屏的三个边为直线边，剩余一个边是存在缺口区域所在边的边缘线，主显示区域是按照三个直线边和缺口区域所在边的边缘线所划分出的最大矩形所在的区域，辅显示区域是除主显示区域之外的剩余部分。可选地，辅显示区域是一个或两个。When the touch display screen is a special-shaped screen, the main display area is the rectangular display area on the special-shaped screen, and the auxiliary display area is the special-shaped display area on the special-shaped screen. The combination of the main display area and the auxiliary display area is equal to the entire special-shaped screen. Display area. Schematically, the three sides of the special-shaped screen are straight lines, and the remaining one side is the edge line of the side where the notch area is located. The main display area is the largest rectangle divided by the three straight lines and the edge line of the side where the notch area is located. The area where it is located, the auxiliary display area is the remaining part except the main display area. Optionally, there are one or two auxiliary display areas.

相关技术中终端是在主显示区域上显示第一应用程序的第一用户界面，在辅显示区域不显示内容。而在本申请实施例中，终端在异形屏de中显示第一应用程序的第一用户界面，包括：终端在整个显示区域即主显示区域和辅显示区域显示第一应用程序的第一用户界面，该第一用户界面是指第一应用程序的程序界面。In the related art, the terminal displays the first user interface of the first application program on the main display area, and does not display content on the auxiliary display area. However, in the embodiment of the present application, the terminal displays the first user interface of the first application program on the special-shaped screen de, including: the terminal displays the first user interface of the first application program in the entire display area, that is, the main display area and the auxiliary display area , the first user interface refers to the program interface of the first application program.

步骤402，获取作用于第一用户界面上的指定触发区域的第一操作信号，指定触发区域与缺口区域之间的距离小于第一预设距离，第一操作信号用于请求呼出快捷功能控件集合。Step 402: Obtain a first operation signal acting on a specified trigger area on the first user interface, the distance between the specified trigger area and the notch area is less than the first preset distance, and the first operation signal is used to request to call out the shortcut function control set .

第一操作信号可以是点击信号、双击信号、长按信号、滑动信号中的至少一种。The first operation signal may be at least one of a click signal, a double-click signal, a long-press signal, and a slide signal.

可选的，第一操作信号是从终端的异形屏的上边缘向下滑动的N个滑动轨迹对应的滑动信号，N为正整数。Optionally, the first operation signal is a sliding signal corresponding to N sliding trajectories sliding downward from the upper edge of the special-shaped screen of the terminal, where N is a positive integer.

需要说明的是，在本申请实施例中所涉及的方位词(比如：左、右、上或下)均是以终端处于竖屏状态为前提进行描述。It should be noted that the orientation words (eg, left, right, up, or down) involved in the embodiments of the present application are all described on the premise that the terminal is in a vertical screen state.

第一操作信号用于指示预设滑动方向、预设滑动距离和预设滑动起止位置中的至少一种。The first operation signal is used to indicate at least one of a preset sliding direction, a preset sliding distance, and a preset sliding start-stop position.

比如，当终端的显示状态是竖屏状态时，用户通过一根手指在终端的异形屏的上边缘向下进行滑动操作，对应的，终端接收到的第一操作信号为从异形屏的上边缘向下滑动的1个滑动轨迹对应的信号。For example, when the display state of the terminal is the vertical screen state, the user slides down on the upper edge of the special-shaped screen of the terminal with one finger. Correspondingly, the first operation signal received by the terminal is from the top edge of the special-shaped screen. The signal corresponding to the 1 slide track that slides down.

可选的，异形屏的三个边为直线边，剩余一个边是存在缺口区域所在边的边缘线，指定触发区域是在异形屏中包括存在缺口区域所在边的边缘线的局部区域。Optionally, the three sides of the special-shaped screen are straight lines, and the remaining one side is the edge line of the side where the notch area is located, and the specified trigger area is a local area in the special-shaped screen including the edge line of the side where the notch area is located.

指定触发区域与缺口区域之间的距离小于第一预设距离。第一预设距离可以是终端默认设置的，也可以是用户自定义设置的。本实施例对此不加以限定。The distance between the specified trigger area and the notch area is smaller than a first preset distance. The first preset distance may be a default setting of the terminal, or may be a user-defined setting. This embodiment does not limit it.

步骤403，根据第一操作信号，基于缺口区域所在边的边缘线以扇形的图标排列方式展示快捷功能控件集合中的至少两个功能控件。Step 403 , according to the first operation signal, display at least two function controls in the shortcut function control set in a fan-shaped icon arrangement based on the edge line of the side where the notch area is located.

可选的，当终端获取到第一操作信号时，基于异形屏上存在缺口区域所在边的边缘线，以扇形的图标排列方式显示快捷功能控件集合，该快捷功能控件集合包括至少两个功能控件。Optionally, when the terminal obtains the first operation signal, based on the edge line of the side where the notch area exists on the special-shaped screen, the shortcut function control set is displayed in a fan-shaped icon arrangement, and the shortcut function control set includes at least two function controls .

可选的，当至少两个功能控件的数量小于最大显示图标数时，以异形屏的缺口区域为基准按照局部扇形区域即局部扇形区域的弯曲弧度向两侧依次排列至少两个功能控件。Optionally, when the number of at least two functional controls is less than the maximum number of displayed icons, at least two functional controls are arranged sequentially on both sides according to the local fan-shaped area, that is, the curved arc of the local fan-shaped area, based on the notch area of the special-shaped screen.

其中，最大显示图标数可以是终端默认设置的，也可以是用户自定义设置的。比如，最大显示图标数为7。本实施例对此不加以限定。Wherein, the maximum number of displayed icons may be a default setting of the terminal, or may be a user-defined setting. For example, the maximum number of displayed icons is 7. This embodiment does not limit it.

可选的，终端在显示至少两个功能控件之后，若在预设时间段内未检测到局部扇形区域对应的操作信号时，取消显示至少两个功能控件。Optionally, after the terminal displays the at least two functional controls, if no operation signal corresponding to the local fan-shaped area is detected within a preset time period, the terminal cancels the display of the at least two functional controls.

预设时间段可以是终端默认设置的，也可以是用户自定义设置的。比如，预设时间段为3秒。本申请实施例对此不加以限定。The preset time period may be a default setting of the terminal, or a user-defined setting. For example, the preset time period is 3 seconds. This embodiment of the present application does not limit it.

在一个示意性的例子中，如图5所示，终端在第一用户界面41上基于异形屏上存在缺口区域所在边的边缘线42，以扇形的图标排列方式显示快捷功能控件集合，快捷功能控件集合包括七个功能控件43(包括：功能控件A至功能控件G)。In a schematic example, as shown in FIG. 5 , on the first user interface 41, the terminal displays a set of shortcut function controls in a fan-shaped icon arrangement based on the edge line 42 of the side where the notch area exists on the special-shaped screen. The shortcut function The control set includes seven functional controls 43 (including: functional control A to functional control G).

综上所述，本申请实施例通过在竖屏状态下显示第一应用程序的第一用户界面；获取作用于第一用户界面上的指定触发区域的第一操作信号，指定触发区域与缺口区域之间的距离小于第一预设距离，第一操作信号用于请求呼出快捷功能控件集合；根据第一操作信号，基于缺口区域所在边的边缘线以扇形的图标排列方式展示快捷功能控件集合中的至少两个功能控件；使得至少两个功能控件是以扇形的图标排列方式进行显示的，避免了相关技术中当触摸显示屏为异形屏时辅显示区域即异形屏缺口区域的两侧区域可容纳显示的功能控件较少的问题，增大了功能控件的显示面积，进而使得可容纳显示的功能控件数量更多，有利于用户快速查找到所需的功能控件。To sum up, the embodiment of the present application displays the first user interface of the first application program in the vertical screen state; obtains the first operation signal acting on the designated trigger area on the first user interface, and specifies the trigger area and the notch area The distance between them is less than the first preset distance, and the first operation signal is used to request to call out the shortcut function control set; according to the first operation signal, the shortcut function control set is displayed in a fan-shaped icon arrangement based on the edge line of the side where the notch area is located. At least two functional controls; so that at least two functional controls are displayed in a fan-shaped icon arrangement, which avoids the possibility of the auxiliary display area, that is, the two sides of the notch area of the special-shaped screen when the touch display screen is a special-shaped screen in the related art. The problem of fewer functional controls to accommodate and display increases the display area of the functional controls, thereby increasing the number of functional controls that can be accommodated and displayed, which is helpful for users to quickly find the required functional controls.

需要说明的是，用于触发显示功能控件的方式可以是隐形化的，也可以是显性化的。在第一种可能的实现方式中，第一应用程序的第一用户界面中并不显示用于触发显示功能控件的入口，而是通过手势信号进行触发，即功能控件的触发方式是隐形化的。下面，仅以示意性的实施例介绍这种可能的实现方式。It should be noted that, the manner for triggering the display function control may be invisible or explicit. In a first possible implementation manner, the first user interface of the first application program does not display an entry for triggering the display of the functional control, but triggers it through a gesture signal, that is, the triggering mode of the functional control is invisible . In the following, this possible implementation is only introduced as an exemplary embodiment.

请参考图6，其示出了本申请一个示例性实施例提供的用户界面显示方法的流程图。本实施例以该方法应用于具有异形屏的终端100中来举例说明,该终端100是具有异形屏的终端，异形屏包括缺口区域。该方法包括：Please refer to FIG. 6 , which shows a flowchart of a user interface display method provided by an exemplary embodiment of the present application. This embodiment is illustrated by taking the method applied to a terminal 100 with a special-shaped screen as an example. The terminal 100 is a terminal with a special-shaped screen, and the special-shaped screen includes a notch area. The method includes:

步骤601，在竖屏状态下显示第一应用程序的第一用户界面。Step 601, displaying a first user interface of a first application program in a vertical screen state.

终端的显示状态包括竖屏状态和横屏状态中的一种，当第一应用程序处于前台运行状态且终端的显示状态为竖屏状态时，在异形屏中以全屏方式显示第一应用程序的第一用户界面。The display state of the terminal includes one of the vertical screen state and the horizontal screen state. When the first application program is in the foreground running state and the display state of the terminal is the vertical screen state, the first application program is displayed in full screen in the special-shaped screen. First user interface.

步骤602，当第一应用程序满足预设条件时，将异形屏的响应模式从第一响应模式切换为第二响应模式，响应模式用于指示对第一操作信号进行响应的模式。Step 602, when the first application program satisfies the preset condition, switch the response mode of the special-shaped screen from the first response mode to the second response mode, where the response mode is used to indicate a mode of responding to the first operation signal.

预设条件包括第一应用程序为预设应用程序和/或第一用户界面为预设用户界面。The preset condition includes that the first application program is a preset application program and/or the first user interface is a preset user interface.

预设应用程序可以是终端默认设置的，也可以是用户自定义设置的。可选的，预设应用程序的类型包括游戏类应用程序、视频类应用程序和阅读类应用程序中的至少一种。The preset application program can be a default setting of the terminal, or a user-defined setting. Optionally, the type of the preset application program includes at least one of a game application program, a video application program and a reading application program.

预设用户界面可以是终端默认设置的，也可以是用户自定义设置的。比如，当第一应用程序为游戏类应用程序时，预设用户界面为游戏操作界面；又比如，当第一应用程序为视频类应用程序时，预设用户界面为视频播放界面。The preset user interface can be a default setting of the terminal, or a user-defined setting. For example, when the first application program is a game application program, the default user interface is a game operation interface; for another example, when the first application program is a video application program, the default user interface is a video playback interface.

本申请实施例对预设应用程序和预设用户界面的类型、数量均不加以限定。The embodiment of the present application does not limit the type and quantity of preset application programs and preset user interfaces.

其中，第一响应模式为弹出下拉通知栏的模式，第二响应模式为呼出快捷功能控件集合的模式。Wherein, the first response mode is a mode of popping up a pull-down notification bar, and the second response mode is a mode of calling out a set of shortcut function controls.

第一响应模式为终端设置的默认响应模式，用于指示当接收到第一用户界面上的指定触发区域对应的第一操作信号时弹出下拉通知栏；第二响应模式是本申请实施例提供的响应模式，用于指示当接收到第一用户界面上的指定触发区域对应的第一操作信号时展示快捷功能控件集合中的至少两个功能控件的模式。The first response mode is the default response mode set by the terminal, which is used to indicate that when the first operation signal corresponding to the specified trigger area on the first user interface is received, the drop-down notification bar will pop up; the second response mode is provided by the embodiment of the present application The response mode is used to indicate a mode of displaying at least two function controls in the shortcut function control set when the first operation signal corresponding to the specified trigger area on the first user interface is received.

可选的，当第一应用程序从前台运行切换为后台运行时，将异形屏的响应模式恢复为第一响应模式。即当异形屏的响应模式为第二响应模式时，若检测到第一应用程序切换为后台运行，则将异形屏的响应模式从第二响应模式切换为第一响应模式。Optionally, when the first application program switches from running in the foreground to running in the background, restore the response mode of the special-shaped screen to the first response mode. That is, when the response mode of the special-shaped screen is the second response mode, if it is detected that the first application program is switched to running in the background, the response mode of the special-shaped screen is switched from the second response mode to the first response mode.

步骤603，获取第一用户界面上的指定触发区域对应的第一操作信号，指定触发区域与异形屏的缺口区域之间的距离小于第一预设距离，第一操作信号用于触发将功能控件进行显示。Step 603, obtain the first operation signal corresponding to the specified trigger area on the first user interface, the distance between the specified trigger area and the notch area of the special-shaped screen is less than the first preset distance, and the first operation signal is used to trigger the function control to display.

可选的，指定触发区域的边缘包括第三曲线和第四曲线，第三曲线与缺口区域之间的距离小于第四曲线与缺口区域之间的距离。示意性的，第一曲线是异形屏上存在缺口区域所在边的边缘线，第二曲线为弧形曲线。Optionally, the edge of the specified trigger area includes a third curve and a fourth curve, and the distance between the third curve and the notch area is smaller than the distance between the fourth curve and the notch area. Schematically, the first curve is the edge line of the side where the notch area exists on the special-shaped screen, and the second curve is an arc curve.

第一操作信号是从第三曲线向第四曲线滑动的信号。可选的，第一操作信号是从异形屏中存在缺口区域所在边的边缘线向下进行滑动的信号。The first operation signal is a signal sliding from the third curve to the fourth curve. Optionally, the first operation signal is a signal that slides downward from the edge line of the side where the notch area exists in the special-shaped screen.

步骤604，在第一用户界面上的局部扇形区域中，以扇形的图标排列方式叠加显示快捷功能控件集合，快捷功能控件集合包括至少两个功能控件。Step 604 , in the local fan-shaped area on the first user interface, a set of shortcut function controls is superimposed and displayed in a fan-shaped arrangement of icons, and the set of shortcut function controls includes at least two function controls.

局部扇形区域是在异形屏上呈不完整的扇形形状的显示区域。局部扇形区域与异形屏的缺口区域之间的距离小于第二预设距离。第二预设距离是终端默认设置的，也可以是用户自定义设置的。本实施例对此不加以限定。The partial fan-shaped area is an incomplete fan-shaped display area on the special-shaped screen. The distance between the partial fan-shaped area and the notch area of the special-shaped screen is smaller than the second preset distance. The second preset distance is set by default by the terminal, and may also be set by a user. This embodiment does not limit it.

可选的，局部扇形区域是在异形屏中包括存在缺口区域所在边的边缘线的局部扇形区域。Optionally, the partial fan-shaped area is a partial fan-shaped area including the edge line of the side where the notch area exists in the special-shaped screen.

示意性的，局部扇形区域的边缘包括第一曲线和第二曲线，第一曲线为异形屏上存在缺口区域所在边的边缘线，第二曲线为弧形曲线。Schematically, the edge of the partial fan-shaped area includes a first curve and a second curve, the first curve is the edge line of the side where the notch area exists on the special-shaped screen, and the second curve is an arc curve.

可选的，局部扇形区域与指定触发区域是同一个区域。Optionally, the local fan-shaped area and the specified trigger area are the same area.

可选的，局部扇形区域包括k个弧形区域，k个弧形区域是从局部扇形区域的弧形边缘至圆心方向依次进行排列的，k为正整数。在第一用户界面上的局部扇形区域中，以扇形的图标排列方式叠加显示快捷功能控件集合，包括：对于k个弧形区域中的每个弧形区域，按照弧形区域的弯曲弧度对至少两个功能控件进行排列和显示。Optionally, the local fan-shaped area includes k arc-shaped areas, and the k arc-shaped areas are arranged sequentially from the arc-shaped edge of the local fan-shaped area to the center of the circle, and k is a positive integer. In the partial fan-shaped area on the first user interface, superimposing and displaying the set of shortcut function controls in a fan-shaped icon arrangement includes: for each arc-shaped area in the k arc-shaped areas, at least Two functional controls are arranged and displayed.

可选的，按照k个弧形区域的优先级，对至少两个功能控件进行排列和显示。弧形区域的优先级与该弧形区域与缺口区域的距离呈正相关关系。即弧形区域与缺口区域的距离越近，该弧形区域的优先级越高。Optionally, at least two functional controls are arranged and displayed according to the priorities of the k arc-shaped areas. The priority of the arc area is positively correlated with the distance between the arc area and the gap area. That is, the closer the distance between the arc area and the notch area, the higher the priority of the arc area.

可选的，对于第i个弧形区域，至少两个功能控件按照功能控件的优先级顺序从第i个弧形区域的左上角或者右上角依次进行排列。Optionally, for the i-th arc area, at least two functional controls are arranged sequentially from the upper left corner or the upper right corner of the i-th arc area according to the priority order of the function controls.

如图7所示，局部扇形区域包括2个弧形区域(弧形区域71和弧形区域72)，终端在第一用户界面41上的局部扇形区域中的弧形区域71中按照弧形区域71的弯曲弧度排列并显示3个功能控件43(包括：功能控件A至功能控件C)，在弧形区域72中按照弧形区域72的弯曲弧度排列并显示7个功能控件43(包括：功能控件D至功能控件J)。As shown in FIG. 7 , the local fan-shaped area includes two arc-shaped areas (arc-shaped area 71 and arc-shaped area 72), and the terminal operates according to arc-shaped area 71 in the partial fan-shaped area on the first user interface 41. The curved arc of 71 arranges and displays 3 functional controls 43 (including: functional control A to functional control C), and arranges and displays 7 functional controls 43 in the arc area 72 according to the curved arc of the arc area 72 (including: function control D to function control J).

至少两个功能控件可以按照功能控件的优先级顺序从局部扇形区域的左上角依次进行排列和显示。其中，功能控件的优先级是终端默认设置的，或者是用户自定义设置的，或者是根据与第一应用程序的匹配度进行设置的。本实施例对至少两个功能控件的程序类型、数量、显示顺序均不加以限定。At least two functional controls may be arranged and displayed sequentially from the upper left corner of the partial fan-shaped area according to the priority order of the functional controls. Wherein, the priority of the function control is set by default by the terminal, or is set by the user, or is set according to the degree of matching with the first application program. In this embodiment, the program type, quantity, and display order of the at least two functional controls are not limited.

对至少两个功能控件包括第二应用程序的功能控件、快捷工具的功能控件和预设推荐信息的功能控件中的至少一种，该快捷工具包括静音工具、挂机工具、参数配置工具中的至少一种，预设推荐信息包括应用攻略、福利信息、评价内容中的至少一种。The at least two functional controls include at least one of the functional controls of the second application program, the functional controls of the shortcut tool, and the functional controls of preset recommendation information, and the shortcut tool includes at least one of the mute tool, the hang-up tool, and the parameter configuration tool One, the preset recommendation information includes at least one of application strategies, welfare information, and evaluation content.

比如，当第一应用程序为游戏类应用程序时，预设推荐信息包括游戏攻略。又比如，当第一应用程序为视频类应用程序时，预设推荐信息包括影评内容。For example, when the first application program is a game application program, the preset recommendation information includes game guides. For another example, when the first application program is a video application program, the preset recommendation information includes movie review content.

第二应用程序可以是尚未启动的应用程序，也可以是位于后台运行状态的应用程序，本申请实施例对第二应用程序的运行状态不加以限定。The second application program may be an application program that has not been started, or an application program that is running in the background, and the embodiment of the present application does not limit the running state of the second application program.

至少两个第二应用程序可以是终端默认设置的，也可以是与第一应用程序匹配的应用程序。第二应用程序包括即时通信程序、语音聊天程序和视频聊天程序中的至少一种。需要说明的是，下面为了方便说明，仅以至少两个功能控件均为第二应用程序的功能控件为例介绍。The at least two second application programs may be default settings of the terminal, or may be application programs matching the first application program. The second application program includes at least one of an instant messaging program, a voice chat program and a video chat program. It should be noted that, for the convenience of description, at least two functional controls are the functional controls of the second application program as an example.

可选的，当终端接收到指定触发区域对应的第二操作信号时，关闭已显示的快捷功能控件集合，第二操作信号是与第一操作信号不同的信号。示意性的，第二操作信号为与第一操作信号的滑动方向相反的信号。Optionally, when the terminal receives a second operation signal corresponding to the specified trigger area, close the displayed set of shortcut function controls, where the second operation signal is a signal different from the first operation signal. Schematically, the second operation signal is a signal opposite to the sliding direction of the first operation signal.

比如，当第一操作信号为从异形屏的上边缘向下进行滑动的滑动信号时，第二操作信号为从异形屏的指定触发区域向上滑动到异形屏的上边缘的信号。For example, when the first operation signal is a sliding signal that slides downward from the upper edge of the special-shaped screen, the second operation signal is a signal that slides upward from the designated trigger area of the special-shaped screen to the upper edge of the special-shaped screen.

当终端接收到指定触发区域对应的第二操作信号时，终端将指定触发区域上的至少两个功能控件切换显示为第一应用程序的当前用户界面在指定触发区域中的显示内容。When the terminal receives the second operation signal corresponding to the specified trigger area, the terminal switches and displays at least two functional controls on the specified trigger area as the display content of the current user interface of the first application program in the specified trigger area.

在一个示意性的例子中，如图8所示，终端在异形屏中显示第一应用程序的第一用户界面41，终端的显示状态为竖屏状态；当终端接收到第一用户界面41上的沿着存在缺口区域所在边的边缘线向下进行滑动的信号时，在第一用户界面41上的局部扇形区域81中，以扇形的图标排列方式显示七个功能控件43(包括：功能控件A至功能控件G)。In a schematic example, as shown in FIG. 8, the terminal displays the first user interface 41 of the first application program on the special-shaped screen, and the display state of the terminal is a vertical screen state; when the terminal receives the first user interface 41 on the first user interface 41 When there is a signal of sliding down along the edge line of the side where the notch area is located, in the local fan-shaped area 81 on the first user interface 41, seven function controls 43 (including: function controls) are displayed in a fan-shaped icon arrangement. A to function control G).

综上所述，本申请实施例还通过当第一应用程序满足预设条件时，将异形屏的响应模式从第一响应模式切换为第二响应模式，响应模式用于指示对第一操作信号进行响应的模式；由于第一响应模式为弹出下拉通知栏的模式，第二响应模式为呼出快捷功能控件集合的模式，使得在保证与操作系统的默认设置不产生响应冲突的情况下，通过第一操作信号来触发显示功能控件。To sum up, the embodiment of the present application also switches the response mode of the special-shaped screen from the first response mode to the second response mode when the first application program meets the preset conditions, and the response mode is used to indicate that the response to the first operation signal The mode of responding; since the first response mode is the mode of popping up the pull-down notification bar, and the second response mode is the mode of calling out the shortcut function control set, so that the response conflicts with the default settings of the operating system are guaranteed, through the second response mode An operation signal to trigger the display function control.

本申请实施例还通过指定触发区域的边缘包括第三曲线和第四曲线，第一操作信号是从第三曲线向第四曲线滑动的信号；使得用于触发显示功能控件的方式隐形化，在不遮挡第一应用程序的第一用户界面的显示元素的同时，提高人机交互效率。The embodiment of the present application also includes the third curve and the fourth curve by specifying the edge of the trigger area, and the first operation signal is a signal sliding from the third curve to the fourth curve; making the method for triggering the display function control invisible, in While not blocking the display elements of the first user interface of the first application program, the efficiency of human-computer interaction is improved.

本申请实施还通过对于k个弧形区域中的每个弧形区域，按照弧形区域的弯曲弧度对至少两个功能控件进行排列和显示；进一步增大了功能控件的显示面积，使得局部扇形区域所容纳显示的功能控件增多。The implementation of the present application also arranges and displays at least two functional controls according to the curved arc of the arc area for each arc area in the k arc areas; further increases the display area of the function controls, making the partial sector The functional controls displayed in the area are increased.

需要说明的是，在一种可能的实现方式中，终端在第一用户界面上的局部扇形区域中，以扇形的图标排列方式叠加显示快捷功能控件集合，快捷功能控件集合包括至少两个功能控件之后，即上述步骤604之后还包括如下几个步骤，如图9所示：It should be noted that, in a possible implementation manner, the terminal superimposes and displays a shortcut function control set in a fan-shaped icon arrangement in a partial fan-shaped area on the first user interface, and the shortcut function control set includes at least two function controls Afterwards, after the above-mentioned step 604, the following steps are also included, as shown in FIG. 9 :

步骤901，当接收到功能控件上的第三操作信号时，在第一用户界面上显示第一提示信息，第一提示信息用于提示功能控件对应的介绍性信息。Step 901: When a third operation signal on the functional control is received, display first prompt information on the first user interface, where the first prompt information is used to prompt introductory information corresponding to the functional control.

可选的，当第一用户界面上的局部扇形区域中初次显示至少两个功能控件时，在第一用户界面上显示第二提示信息，第二提示信息用于提示对功能控件进行第三触发操作。Optionally, when at least two functional controls are initially displayed in the local fan-shaped area on the first user interface, second prompt information is displayed on the first user interface, and the second prompt information is used to prompt a third trigger on the functional control operate.

示意性的，如图10所示，当第一用户界面41上的局部扇形区域81中初次显示至少两个第二应用程序的功能控件43时，在第一用户界面41上显示第二提示信息91“长按图标可查看功能说明，赶紧试试吧！”Schematically, as shown in FIG. 10 , when at least two function controls 43 of the second application program are initially displayed in the partial fan-shaped area 81 on the first user interface 41, the second prompt information is displayed on the first user interface 41 91 "Long press the icon to view the function description, try it now!"

可选的，当用户对功能控件进行第三触发操作时，对应的，终端接收到第三触发操作对应的第三操作信号，在第一用户界面上显示第一提示信息。示意性的，第三操作信号为长按操作的信号。Optionally, when the user performs a third trigger operation on the functional control, correspondingly, the terminal receives a third operation signal corresponding to the third trigger operation, and displays the first prompt information on the first user interface. Schematically, the third operation signal is a signal of a long press operation.

可选的，第一提示信息包括功能控件对应的第二应用程序的程序名和第二应用程序的功能说明信息。Optionally, the first prompt information includes the program name of the second application program corresponding to the function control and the function description information of the second application program.

示意性的，如图11所示，当用户对第二应用程序的功能控件E进行长按操作时，对应的，终端接收到长按操作的信号，在第一用户界面41上显示第一提示信息92，该第一提示信息92包括第二应用程序的程序名“XX助手”和功能说明信息“游戏攻略、福利一键查看”。Schematically, as shown in FIG. 11 , when the user performs a long press operation on the function control E of the second application program, correspondingly, the terminal receives a signal of the long press operation, and displays a first prompt on the first user interface 41 Information 92, the first prompt information 92 includes the program name of the second application program "XX Assistant" and the function description information "game guide, one-click viewing of benefits".

步骤902，当接收到第一用户界面上的局部扇形区域中的第一滑动信号时，跟随第一滑动信号在局部扇形区域取消对至少两个功能控件的显示，且在局部扇形区域增加对快捷功能控件集合中除了至少两个功能控件以外的其它功能控件的显示。Step 902, when receiving the first sliding signal in the partial fan-shaped area on the first user interface, cancel the display of at least two function controls in the partial fan-shaped area following the first sliding signal, and add a pair of shortcuts in the partial fan-shaped area The display of other functional controls except at least two functional controls in the functional control set.

可选的，当接收到第一用户界面上的局部扇形区域中的第一滑动信号时，跟随第一滑动信号在局部扇形区域取消对第二应用程序的功能控件的显示，且在局部扇形区域增加对第三应用程序的功能控件的显示。Optionally, when the first sliding signal in the partial fan-shaped area on the first user interface is received, the display of the function control of the second application program is canceled in the partial fan-shaped area following the first sliding signal, and in the partial fan-shaped area Increased display of function controls for third-party applications.

第一滑动信号为按照局部扇形区域的第二曲线即弧形曲线的弯曲弧度进行滑动的信号。The first sliding signal is a signal for sliding according to the curved arc of the second curve of the local fan-shaped area, that is, the curved curve.

由于局部扇形区域的显示面积有限，终端可以先在局部扇形区域中显示功能控件，当接收到用户在局部扇形区域上的第一滑动信号时，跟随第一滑动信号在局部扇形区域取消对第二应用程序的功能控件的显示，且在局部扇形区域增加对第三应用程序的功能控件的显示。Due to the limited display area of the partial fan-shaped area, the terminal can first display the functional control in the partial fan-shaped area, and when receiving the first sliding signal from the user on the partial fan-shaped area, follow the first sliding signal to cancel the second control in the partial fan-shaped area. The function controls of the application are displayed, and the display of the function controls of the third application is added in the partial fan-shaped area.

也即，终端会跟随第一滑动信号对局部扇形区域进行滑动显示。该滑动显示包括：将移出局部扇形区域的功能控件进行取消显示、将移入局部扇形区域的功能控件进行显示、将仍然位于局部扇形区域中的功能控件跟随第一滑动信号改变显示位置。That is, the terminal will perform sliding display on the partial fan-shaped area following the first sliding signal. The sliding display includes: canceling the display of the functional control moved out of the partial fan-shaped area, displaying the functional control moved into the partial fan-shaped area, and changing the display position of the functional control still located in the partial fan-shaped area following the first sliding signal.

参考图12，当终端在局部扇形区域81上接收到第一滑动信号(按照弧形曲线的弯曲弧度向下滑动)时，终端跟随第一滑动信号将功能控件43(比如：功能控件F和功能控件G)移出局部扇形区域81、将快捷功能控件集合中除了功能控件43以外的其它功能控件93(比如：功能控件H和功能控件I)移入局部扇形区域81。Referring to FIG. 12 , when the terminal receives the first sliding signal (sliding down according to the curved arc of the arc curve) on the local fan-shaped area 81, the terminal follows the first sliding signal to move the function control 43 (for example: function control F and function Control G) moves out of the partial fan-shaped area 81 , and moves other function controls 93 in the shortcut function control set except the function control 43 (for example: function control H and function control I) into the local fan-shaped area 81 .

步骤903，当接收到功能控件上的第四操作信号时，在第一用户界面上显示浮动窗口，浮动窗口用于显示功能控件对应的用户界面。Step 903: When a fourth operation signal on the functional control is received, a floating window is displayed on the first user interface, and the floating window is used to display a user interface corresponding to the functional control.

可选的，当接收到功能控件上的第四操作信号时，在第一用户界面上显示浮动窗口，浮动窗口用于显示功能控件对应的第二应用程序的第二用户界面。Optionally, when a fourth operation signal on the functional control is received, a floating window is displayed on the first user interface, and the floating window is used to display the second user interface of the second application program corresponding to the functional control.

如果用户需要使用第二应用程序，则用户在局部扇形区域上点击该功能控件。终端接收到功能控件上的第四操作信号。可选地，第四操作信号是单击信号和/或双击信号，第四操作信号和第三操作信号是不同的两种操作信号。本实施例以第四操作信号是单击信号进行举例说明。If the user needs to use the second application program, the user clicks the function control on the partial fan-shaped area. The terminal receives the fourth operation signal on the function control. Optionally, the fourth operation signal is a single click signal and/or a double click signal, and the fourth operation signal and the third operation signal are two different operation signals. In this embodiment, the fourth operation signal is a click signal for illustration.

终端可以在第一用户界面上的局部区域中叠加显示浮动窗口，该浮动窗口中显示有第二应用程序的第二用户界面。该局部区域可以是局部扇形区域的相邻区域，也即该局部区域与局部扇形区域之间的距离小于阈值。当第二应用程序是未启动的应用程序时，终端根据第四操作信号启动第二应用程序，然后在浮动窗口中显示第二应用程序的第二用户界面；当第二应用程序是后台运行的应用程序时，终端将处于后台运行的应用程序切换至浮动窗口中进行显示。The terminal may superimpose and display a floating window in a partial area on the first user interface, where the second user interface of the second application program is displayed in the floating window. The local area may be an adjacent area of the local fan-shaped area, that is, the distance between the local area and the local fan-shaped area is smaller than a threshold. When the second application program is an unstarted application program, the terminal starts the second application program according to the fourth operation signal, and then displays the second user interface of the second application program in the floating window; when the second application program is running in the background When running an application, the terminal switches the application running in the background to a floating window for display.

浮动窗口，又称为顶层窗口或画中画窗口，可以由安卓操作系统中的WindowsManager窗口实现。该浮动窗口可以尽量不遮挡第一用户界面上的主要显示元素。用户可以对浮动窗口中的第二用户界面进行操作，进而控制第二应用程序的运行。A floating window, also called a top-level window or a picture-in-picture window, can be implemented by the WindowsManager window in the Android operating system. The floating window may try not to block the main display elements on the first user interface. The user can operate the second user interface in the floating window, and then control the running of the second application program.

可选地，终端接收浮动窗口的边框或边角上的拖动信号，根据该拖动信号改变浮动窗口的长、宽以及显示比例中的任意一种。Optionally, the terminal receives a drag signal on the frame or corner of the floating window, and changes any one of the length, width, and display ratio of the floating window according to the drag signal.

步骤904，当接收到最小化按钮上的第五操作信号时，取消显示浮动窗口，且在第一用户界面上增加对功能控件的显示。Step 904, when the fifth operation signal on the minimize button is received, cancel the display of the floating window, and increase the display of the function control on the first user interface.

可选地，第五操作信号是单击信号、双击信号、长按信号中的任意一种，本实施例以第五操作信号是单击信号进行举例说明。Optionally, the fifth operation signal is any one of a single-click signal, a double-click signal, and a long-press signal. In this embodiment, the fifth operation signal is a single-click signal for illustration.

在一种可能的实现方式中，当用户点击最小化按钮，终端取消显示浮动窗口，并且关闭第二应用程序。In a possible implementation manner, when the user clicks the minimize button, the terminal cancels displaying the floating window and closes the second application program.

在另一种可能的实现方式中，当用户点击最小化按钮后，终端取消显示浮动窗口，并且在第一用户界面上增加对功能控件的显示，将第二应用程序切换为后台运行状态。即终端将浮动窗口最小化显示为功能控件。In another possible implementation manner, after the user clicks the minimize button, the terminal cancels the display of the floating window, and increases the display of functional controls on the first user interface, and switches the second application program to the background running state. That is, the terminal minimizes the floating window and displays it as a functional control.

步骤905，当接收到全屏按钮上的第六操作信号时，在异形屏上以全屏方式显示功能控件对应的用户界面。Step 905, when the sixth operation signal on the full screen button is received, display the user interface corresponding to the functional control in full screen on the special-shaped screen.

可选的，当接收到全屏按钮上的第六操作信号时，在异形屏上以全屏方式显示第二应用程序的第二用户界面。Optionally, when the sixth operation signal on the full screen button is received, the second user interface of the second application program is displayed in full screen on the special-shaped screen.

可选地，第六操作信号是单击信号、双击信号、长按信号中的任意一种，本实施例以第六操作信号是单击信号进行举例说明。Optionally, the sixth operation signal is any one of a single-click signal, a double-click signal, and a long-press signal. In this embodiment, the sixth operation signal is a single-click signal for illustration.

当用户点击全屏按钮后，终端将第二应用程序的第二用户界面以全屏方式显示在异形屏中，将第一应用程序从前台运行状态切换为后台运行状态。After the user clicks the full-screen button, the terminal displays the second user interface of the second application program on the special-shaped screen in a full-screen manner, and switches the first application program from the foreground running state to the background running state.

步骤906，当接收到移动区域上的第七操作信号时，根据第七操作信号改变浮动窗口在异形屏中的显示位置。Step 906, when the seventh operation signal on the moving area is received, change the display position of the floating window in the special-shaped screen according to the seventh operation signal.

可选地，第七操作信号是拖动信号。移动区域可以是一个按钮、一个控件或者浮动窗口上的任意一个区域。Optionally, the seventh operation signal is a drag signal. The moving area can be a button, a control or any area on the floating window.

当用户拖动移动区域后，终端根据第七操作信号改变浮动窗口在异形屏中的显示位置。After the user drags the moving area, the terminal changes the display position of the floating window on the special-shaped screen according to the seventh operation signal.

示意性的，在不同的实施例中，该移动按钮也可以不显示出来，采用浮动窗口上的任意一个区域来代替。Schematically, in different embodiments, the moving button may not be displayed, and any area on the floating window may be used instead.

上述步骤901至步骤903可以只执行其中一个，也可以执行其中多个；在执行步骤903之后，上述步骤904至步骤906可以只执行其中一个，也可以执行其中多个，视终端实际接收到的操作信号而定，本申请实施例对此不加以限定。The above-mentioned steps 901 to 903 can be executed only one of them, or multiple of them can be executed; after the execution of step 903, the above-mentioned steps 904 to 906 can be executed only one of them, or multiple of them can be executed, depending on the actual received by the terminal. It depends on the operation signal, which is not limited in this embodiment of the present application.

综上所述，本实施例提供的用户界面显示方法，还通过当接收到第一用户界面上的局部扇形区域中的第一滑动信号时，跟随第一滑动信号在局部扇形区域取消对至少两个功能控件的显示，且在局部扇形区域增加对快捷功能控件集合中除了至少两个功能控件以外的其它功能控件的显示，使得局部扇形区域在有限的显示面积内显示更多的信息，提高局部扇形区域的利用率。To sum up, the user interface display method provided by this embodiment also cancels at least two user interface operations in the local fan-shaped area following the first sliding signal when the first sliding signal is received in the local fan-shaped area on the first user interface. display of two function controls, and increase the display of other function controls in the shortcut function control set except at least two function controls in the local fan-shaped area, so that the local fan-shaped area can display more information in a limited display area and improve the local area. Utilization of the sector area.

本实施例提供的用户界面显示方法，还通过在浮层窗口上增加移动按钮、最小化按钮和全屏按钮，可以由用户自由改变浮层窗口的显示位置以及显示状态，使得用户可以自由地在使用第一应用程序、第二应用程序和同时使用两者之间进行兼顾。比如，第一应用程序是视频播放器，第二应用程序是即时通信程序，用户可以在不影响视频播放的过程下，与其它用户进行文字聊天；又比如，第一应用程序是游戏类应用程序，第二应用程序是视频聊天程序，用户可以同时进行游戏和与其它用户进行视频聊天；再比如，第一应用程序是文字编辑程序，第二应用程序是词典程序，用户可以在使用文字编辑程序编辑文本的过程中，同时进行查词或翻译的操作。The user interface display method provided by this embodiment can also freely change the display position and display state of the floating layer window by the user by adding a move button, a minimize button and a full screen button on the floating layer window, so that the user can freely use A trade-off is made between the first application, the second application, and simultaneous use of both. For example, the first application program is a video player, and the second application program is an instant messaging program, and the user can chat with other users by text without affecting the video playback process; another example, the first application program is a game application program , the second application program is a video chat program, and the user can play games and conduct video chats with other users at the same time; In the process of editing the text, word search or translation can be performed at the same time.

下述为本申请装置实施例，可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。The following are device embodiments of the present application, which can be used to implement the method embodiments of the present application. For details not disclosed in the device embodiments of the present application, please refer to the method embodiments of the present application.

请参考图13，其示出了本申请一个实施例提供的用户界面显示装置的结构示意图。该用户界面显示装置可以通过专用硬件电路，或者，软硬件的结合实现成为图1中的终端的全部或一部分，该用户界面显示装置包括：第一显示模块1310、获取模块1320和第二显示模块1330。Please refer to FIG. 13 , which shows a schematic structural diagram of a user interface display device provided by an embodiment of the present application. The user interface display device can be implemented as all or part of the terminal in Figure 1 through a dedicated hardware circuit, or a combination of software and hardware. The user interface display device includes: a first display module 1310, an acquisition module 1320 and a second display module 1330.

第一显示模块1310，用于在竖屏状态下显示第一应用程序的第一用户界面；The first display module 1310 is configured to display the first user interface of the first application program in the vertical screen state;

获取模块1320，用于获取作用于第一用户界面上的指定触发区域的第一操作信号，指定触发区域与缺口区域之间的距离小于第一预设距离，第一操作信号用于请求呼出快捷功能控件集合；An acquisition module 1320, configured to acquire a first operation signal acting on a designated trigger area on the first user interface, where the distance between the designated trigger area and the notch area is less than a first preset distance, and the first operation signal is used to request an outgoing shortcut Collection of functional controls;

第二显示模块1330，用于根据第一操作信号，基于缺口区域所在边的边缘线以扇形的图标排列方式展示快捷功能控件集合中的至少两个功能控件。The second display module 1330 is configured to display at least two function controls in the shortcut function control set in a fan-shaped icon arrangement based on the edge line of the side where the notch area is located according to the first operation signal.

可选的，获取模块1320，还用于根据第一操作信号，在第一用户界面上的局部扇形区域中以扇形的图标排列方式叠加展示快捷功能控件集合；Optionally, the acquiring module 1320 is further configured to, according to the first operation signal, superimpose and display a set of shortcut function controls in a fan-shaped icon arrangement in a local fan-shaped area on the first user interface;

其中，局部扇形区域的边缘包括第一曲线和第二曲线，第一曲线包括异形屏中缺口区域所在边的边缘线，第二曲线为弧形曲线。Wherein, the edge of the partial fan-shaped area includes a first curve and a second curve, the first curve includes the edge line of the edge of the notch area in the special-shaped screen, and the second curve is an arc curve.

可选的，局部扇形区域包括k个弧形区域，k个弧形区域是从局部扇形区域的弧形边缘至圆心方向依次进行排列的，k为正整数；Optionally, the local fan-shaped area includes k arc-shaped areas, and the k arc-shaped areas are arranged in order from the arc edge of the local fan-shaped area to the direction of the center of the circle, and k is a positive integer;

第二显示模块1330，还用于根据第一操作信号，对于k个弧形区域中的每个弧形区域，按照弧形区域的弯曲弧度对至少两个功能控件进行排列和显示。The second display module 1330 is further configured to, according to the first operation signal, arrange and display at least two functional controls for each of the k arc-shaped areas according to the curvature of the arc-shaped area.

可选的，该装置还包括模式切换模块，该模式切换模块用于当第一应用程序满足预设条件时，将异形屏的响应模式从第一响应模式切换为第二响应模式，响应模式用于指示对第一操作信号进行响应的模式；Optionally, the device further includes a mode switching module, the mode switching module is used to switch the response mode of the special-shaped screen from the first response mode to the second response mode when the first application program satisfies the preset condition, and the response mode uses for indicating a mode of responding to the first operation signal;

其中，第一响应模式为弹出下拉通知栏的模式，第二响应模式为呼出快捷功能控件集合的模式，预设条件包括第一应用程序为预设应用程序和/或第一用户界面为预设用户界面。Wherein, the first response mode is the mode of popping up the pull-down notification bar, the second response mode is the mode of calling out the shortcut function control set, and the preset conditions include that the first application program is a preset application program and/or the first user interface is a preset User Interface.

可选的，该装置还包括模式恢复模块，模式恢复模块用于当第一应用程序从前台运行切换为后台运行时，将异形屏的响应模式恢复为第一响应模式。Optionally, the device further includes a mode recovery module, configured to restore the response mode of the special-shaped screen to the first response mode when the first application program is switched from running in the foreground to running in the background.

可选的，指定触发区域的边缘包括第三曲线和第四曲线；Optionally, the edge of the specified trigger area includes a third curve and a fourth curve;

第一操作信号是从第三曲线向第四曲线滑动的信号，第三曲线与缺口区域之间的距离小于第四曲线与缺口区域之间的距离。The first operation signal is a signal sliding from the third curve to the fourth curve, and the distance between the third curve and the notch area is smaller than the distance between the fourth curve and the notch area.

可选的，该装置还包括取消模块，取消模块用于当接收到指定触发区域对应的第二操作信号时，关闭已显示的快捷功能控件集合，第二操作信号是与第一操作信号不同的信号。Optionally, the device further includes a cancel module, the cancel module is used to close the displayed shortcut function control set when receiving the second operation signal corresponding to the specified trigger area, the second operation signal is different from the first operation signal Signal.

可选的，该装置还包括第三显示模块，该第三显示模块，用于当接收到第一用户界面上的局部扇形区域中的第一滑动信号时，跟随第一滑动信号在局部扇形区域取消对至少两个功能控件的显示，且在局部扇形区域增加对快捷功能控件集合中除了至少两个功能控件以外的其它功能控件的显示。Optionally, the device further includes a third display module, the third display module is configured to, when receiving the first sliding signal in the local fan-shaped area on the first user interface, follow the first sliding signal in the local fan-shaped area The display of the at least two functional controls is canceled, and the display of other functional controls in the shortcut functional control set except for the at least two functional controls is increased in the partial fan-shaped area.

可选的，该装置还包括第四显示模块，该第四显示模块，用于当接收到功能控件上的第三操作信号时，在第一用户界面上显示第一提示信息，第一提示信息用于提示功能控件对应的介绍性信息。Optionally, the device further includes a fourth display module, the fourth display module is configured to display the first prompt information on the first user interface when receiving the third operation signal on the function control, the first prompt information Used to prompt the introductory information corresponding to the function control.

相关细节可结合参考图4至图12所示的方法实施例。其中，第一显示模块1310和第二显示模块1330还用于实现上述方法实施例中其他任意隐含或公开的与显示步骤相关的功能；获取模块1320还用于实现上述方法实施例中其他任意隐含或公开的与获取步骤相关的功能。Relevant details may be combined with reference to the method embodiments shown in FIG. 4 to FIG. 12 . Wherein, the first display module 1310 and the second display module 1330 are also used to realize any other implicit or disclosed functions related to the display step in the above method embodiments; the acquisition module 1320 is also used to realize any other functions in the above method embodiments Implicit or exposed functionality related to fetching steps.

需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。It should be noted that, when realizing the functions of the device provided by the above-mentioned embodiments, the division of the above-mentioned functional modules is used as an example for illustration. In practical applications, the above-mentioned function allocation can be completed by different functional modules according to the needs. The internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the device and the method embodiment provided by the above embodiment belong to the same idea, and the specific implementation process thereof is detailed in the method embodiment, and will not be repeated here.

本申请还提供一种计算机可读介质，其上存储有程序指令，程序指令被处理器执行时实现上述各个方法实施例提供的用户界面显示方法。The present application also provides a computer-readable medium, on which program instructions are stored, and when the program instructions are executed by a processor, the user interface display methods provided in the foregoing method embodiments are implemented.

本申请还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述各个实施例所述的用户界面显示方法。The present application also provides a computer program product containing instructions, which, when run on a computer, causes the computer to execute the user interface display method described in the foregoing embodiments.

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。The serial numbers of the above embodiments of the present application are for description only, and do not represent the advantages and disadvantages of the embodiments.

本领域普通技术人员可以理解实现上述实施例的用户界面显示方法中全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。Those of ordinary skill in the art can understand that all or part of the steps in the user interface display method of the above embodiments can be completed by hardware, or by a program to instruct the relevant hardware to complete, and the program can be stored in a computer-readable In the storage medium, the storage medium mentioned above may be a read-only memory, a magnetic disk or an optical disk, and the like. The above descriptions are only preferred embodiments of the application, and are not intended to limit the application. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the application shall be included in the protection of the application. within range.

Claims (12)

Translated fromChinese

1.一种用户界面显示方法，其特征在于，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述方法包括：1. A user interface display method, characterized in that it is applied to a terminal with a special-shaped screen, the special-shaped screen includes a notch area, and the method includes:在竖屏状态下显示第一应用程序的第一用户界面；displaying the first user interface of the first application program in the vertical screen state;获取作用于所述第一用户界面上的指定触发区域的第一操作信号，所述指定触发区域与所述缺口区域之间的距离小于第一预设距离，所述第一操作信号用于请求呼出快捷功能控件集合；Acquiring a first operation signal acting on a specified trigger area on the first user interface, the distance between the specified trigger area and the notch area is less than a first preset distance, and the first operation signal is used to request call out shortcut function control set;根据所述第一操作信号，基于所述缺口区域所在边的边缘线以扇形的图标排列方式展示所述快捷功能控件集合中的至少两个功能控件。According to the first operation signal, at least two function controls in the shortcut function control set are displayed in a fan-shaped icon arrangement based on the edge line of the side where the notch area is located.2.根据权利要求1所述的方法，其特征在于，所述根据所述第一操作信号，基于所述缺口区域所在边的边缘线以扇形的图标排列方式展示所述快捷功能控件集合中的至少两个功能控件，包括：2. The method according to claim 1, wherein, according to the first operation signal, based on the edge line of the side where the notch area is located, the icons in the shortcut function control set are displayed in a fan-shaped arrangement. At least two functional controls, including:根据所述第一操作信号，在所述第一用户界面上的局部扇形区域中以所述扇形的图标排列方式叠加展示所述快捷功能控件集合；According to the first operation signal, in the local fan-shaped area on the first user interface, the shortcut function control set is superimposed and displayed in the fan-shaped icon arrangement;其中，所述局部扇形区域的边缘包括第一曲线和第二曲线，所述第一曲线包括所述异形屏中所述缺口区域所在边的所述边缘线，所述第二曲线为弧形曲线。Wherein, the edge of the partial fan-shaped area includes a first curve and a second curve, the first curve includes the edge line of the edge of the notch area in the special-shaped screen, and the second curve is an arc curve .3.根据权利要求2所述的方法，其特征在于，所述局部扇形区域包括k个弧形区域，所述k个弧形区域是从所述局部扇形区域的弧形边缘至圆心方向依次进行排列的，所述k为正整数；3. The method according to claim 2, wherein the local fan-shaped area includes k arc-shaped areas, and the k arc-shaped areas are performed sequentially from the arc edge of the local fan-shaped area to the direction of the center of the circle. Arranged, said k is a positive integer;所述根据所述第一操作信号，在所述第一用户界面上的局部扇形区域中以所述扇形的图标排列方式叠加展示所述快捷功能控件集合，包括：According to the first operation signal, superimposing and displaying the set of shortcut function controls in a partial fan-shaped area on the first user interface in a fan-shaped arrangement of icons includes:根据所述第一操作信号，对于所述k个弧形区域中的每个所述弧形区域，按照所述弧形区域的弯曲弧度对所述至少两个功能控件进行排列和显示。According to the first operation signal, for each of the k arc-shaped areas, the at least two functional controls are arranged and displayed according to the curvature of the arc-shaped area.4.根据权利要求1所述的方法，其特征在于，所述获取作用于所述第一用户界面上的指定触发区域的第一操作信号之前，还包括：4. The method according to claim 1, wherein, before acquiring the first operation signal acting on the specified trigger area on the first user interface, further comprising:当所述第一应用程序满足预设条件时，将所述异形屏的响应模式从第一响应模式切换为第二响应模式，所述响应模式用于指示对所述第一操作信号进行响应的模式；When the first application program satisfies the preset condition, switch the response mode of the special-shaped screen from the first response mode to the second response mode, and the response mode is used to indicate a response to the first operation signal model;其中，所述第一响应模式为弹出下拉通知栏的模式，所述第二响应模式为呼出所述快捷功能控件集合的模式，所述预设条件包括所述第一应用程序为预设应用程序和/或所述第一用户界面为预设用户界面。Wherein, the first response mode is a mode of popping up a pull-down notification bar, the second response mode is a mode of calling out the shortcut function control set, and the preset condition includes that the first application program is a preset application program And/or the first user interface is a preset user interface.5.根据权利要求4所述的方法，其特征在于，所述方法，还包括：5. The method according to claim 4, characterized in that, the method further comprises:当所述第一应用程序从前台运行切换为后台运行时，将所述异形屏的所述响应模式恢复为所述第一响应模式。When the first application program is switched from running in the foreground to running in the background, restore the response mode of the special-shaped screen to the first response mode.6.根据权利要求1所述的方法，其特征在于，所述指定触发区域的边缘包括第三曲线和第四曲线；6. The method according to claim 1, wherein the edge of the specified trigger area comprises a third curve and a fourth curve;所述第一操作信号是从所述第三曲线向所述第四曲线滑动的信号，所述第三曲线与所述缺口区域之间的距离小于所述第四曲线与所述缺口区域之间的距离。The first operation signal is a signal sliding from the third curve to the fourth curve, and the distance between the third curve and the notch area is smaller than the distance between the fourth curve and the notch area the distance.7.根据权利要求1至6任一所述的方法，其特征在于，所述方法还包括：7. The method according to any one of claims 1 to 6, wherein the method further comprises:当接收到所述指定触发区域对应的第二操作信号时，关闭已显示的所述快捷功能控件集合，所述第二操作信号是与所述第一操作信号不同的信号。When a second operation signal corresponding to the specified trigger area is received, the displayed shortcut function control set is closed, and the second operation signal is a signal different from the first operation signal.8.根据权利要求1至6任一所述的方法，其特征在于，所述方法，还包括：8. The method according to any one of claims 1 to 6, characterized in that, the method further comprises:当接收到所述第一用户界面上的所述局部扇形区域中的第一滑动信号时，跟随所述第一滑动信号在所述局部扇形区域取消对所述至少两个功能控件的显示，且在所述局部扇形区域增加对快捷功能控件集合中除了所述至少两个功能控件以外的其它功能控件的显示。When a first sliding signal in the partial fan-shaped area on the first user interface is received, canceling the display of the at least two functional controls in the partial fan-shaped area following the first sliding signal, and The display of other functional controls in the shortcut functional control set except for the at least two functional controls is added in the partial fan-shaped area.9.根据权利要求1至6任一所述的方法，其特征在于，所述方法，还包括：9. The method according to any one of claims 1 to 6, wherein the method further comprises:当接收到所述功能控件上的第三操作信号时，在所述第一用户界面上显示第一提示信息，所述第一提示信息用于提示所述功能控件对应的介绍性信息。When a third operation signal on the functional control is received, first prompt information is displayed on the first user interface, where the first prompt information is used to prompt introductory information corresponding to the functional control.10.一种用户界面显示装置，其特征在于，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述装置包括：10. A user interface display device, characterized in that it is applied to a terminal with a special-shaped screen, the special-shaped screen includes a notch area, and the device includes:第一显示模块，用于在竖屏状态下显示第一应用程序的第一用户界面；The first display module is configured to display the first user interface of the first application program in the vertical screen state;获取模块，用于获取作用于所述第一用户界面上的指定触发区域的第一操作信号，所述指定触发区域与所述缺口区域之间的距离小于第一预设距离，所述第一操作信号用于请求呼出快捷功能控件集合；An acquisition module, configured to acquire a first operation signal acting on a designated trigger area on the first user interface, where the distance between the designated trigger area and the notch area is less than a first preset distance, and the first The operation signal is used to request to call out the set of shortcut function controls;第二显示模块，用于根据所述第一操作信号，基于所述缺口区域所在边的边缘线以扇形的图标排列方式展示所述快捷功能控件集合中的至少两个功能控件。The second display module is configured to display at least two function controls in the shortcut function control set in a fan-shaped icon arrangement based on the edge line of the side where the notch area is located according to the first operation signal.11.一种终端，其特征在于，所述终端包括处理器、与所述处理器相连的存储器，以及存储在所述存储器上的程序指令，所述处理器执行所述程序指令时实现如权利要求1至9任一所述的用户界面显示方法。11. A terminal, characterized in that the terminal includes a processor, a memory connected to the processor, and program instructions stored in the memory, and when the processor executes the program instructions, the The user interface display method described in any one of 1 to 9 is required.12.一种计算机可读存储介质，其特征在于，其上存储有程序指令，所述程序指令被处理器执行时实现如权利要求1至9任一所述的用户界面显示方法。12. A computer-readable storage medium, wherein program instructions are stored thereon, and when the program instructions are executed by a processor, the user interface display method according to any one of claims 1 to 9 is implemented.