CN108845854B

CN108845854B - User interface display method, device, terminal and storage medium

Info

Publication number: CN108845854B
Application number: CN201810588418.7A
Authority: CN
Inventors: 宋方
Original assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Current assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority date: 2018-06-08
Filing date: 2018-06-08
Publication date: 2021-03-09
Anticipated expiration: 2038-06-08
Also published as: CN108845854A; WO2019233280A1

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 in a landscape state; acquiring a first operation signal acting on a first user interface, wherein the first operation signal is used for requesting to call out a shortcut function control set, and the shortcut function control set comprises M function controls; and displaying N function controls in the shortcut function control set on the first user interface according to the first operation signal, wherein the N function controls surround the gap area and are arranged in a fan shape. According to the embodiment of the application, the N function controls are arranged in a fan shape around the notch region of the special-shaped screen, so that the display area of the quick function control set is increased, the number of the function controls capable of being contained and displayed is increased, and a user can quickly find the required function controls.

Description

User interface display method, device, terminal and storage medium

Technical Field

The embodiment of the application relates to the technical field of terminals, in particular to a user interface display method, a user interface display device, a terminal and a storage medium.

Background

Generally, a plurality of applications are installed in a terminal. When a plurality of application programs are operated in the background, the user can switch one application program to be operated in the foreground.

A user interface display method provided by the related art includes: displaying a first user interface of a first application program in a main display area of a touch display screen, not displaying content in an auxiliary display area of the touch display screen, displaying a function control of a second application program in the auxiliary display area of the touch display screen if a first trigger signal on the first user interface is received, wherein the main display area and the auxiliary display area belong to different display areas on the same touch display screen, and the first display area of the main display area is larger than the second display area of the auxiliary display area.

Disclosure of Invention

The embodiment of the application provides a user interface display method, a user interface display device, a terminal and a storage medium, which can be used for solving the problem that fewer functional controls can be contained and displayed in an auxiliary display area in the related art. The technical scheme is as follows:

according to a first aspect of embodiments of the present application, there is provided a user interface display method applied to a terminal having a shaped screen including a notch area, the method including:

displaying a first user interface of a first application in a landscape state;

acquiring a first operation signal acting on the first user interface, wherein the first operation signal is used for requesting to call out a shortcut function control set, the shortcut function control set comprises M function controls, and M is an integer greater than or equal to 1;

and displaying N function controls in the shortcut function control set on the first user interface according to the first operation signal, wherein the N function controls surround the notch area and are arranged in a fan shape, and N is a positive integer smaller than or equal to M.

According to a second aspect of embodiments of the present application, there is provided a user interface display method applied to a terminal having a shaped screen including a notch area, the method including:

displaying a first user interface of a first application in a landscape state;

and displaying N function controls in the shortcut function control set in a fan-shaped icon arrangement mode in a first local area on the first user interface according to the first operation signal, wherein the distance between the first local area and the gap area is smaller than a first preset distance, and N is a positive integer smaller than or equal to M.

According to a third aspect of embodiments of the present application, there is provided a user interface display device applied in a terminal having a shaped screen including a notch area, the method including:

the first display module is used for displaying a first user interface of a first application program in a landscape state;

an obtaining module, configured to obtain a first operation signal acting on the first user interface, where the first operation signal is used to request to call out a shortcut function control set, where the shortcut function control set includes M function controls, and M is an integer greater than or equal to 1;

and the second display module is used for displaying N function controls in the shortcut function control set on the first user interface according to the first operation signal, wherein the N function controls surround the gap area and are arranged in a fan shape, and N is a positive integer smaller than or equal to M.

According to a fourth aspect of embodiments of the present application, there is provided a user interface display device applied in a terminal having a shaped screen including a notch area, the method including:

and the second display module is used for displaying N function controls in the shortcut function control set in a fan-shaped icon arrangement mode in a first local area on the first user interface according to the first operation signal, wherein the distance between the first local area and the notch area is smaller than a first preset distance, and N is a positive integer smaller than or equal to M.

According to a fifth aspect of embodiments of the present application, there is provided a terminal, the terminal being a terminal having a shaped screen, the shaped screen including a gap area, the terminal including a processor and a memory, the memory having stored therein at least one instruction, the instruction being loaded and executed by the processor to implement the user interface display method as provided in the first or second aspect of the present application.

According to a sixth aspect of embodiments of the present application, there is provided a computer-readable storage medium having at least one instruction stored therein, the instruction being loaded and executed by a processor to implement the user interface display method provided in the first or second aspect of the present application.

The beneficial effects brought by the technical scheme provided by the embodiment of the application at least comprise:

the first user interface of the first application program is displayed in the transverse screen state of the terminal, when a first operation signal is applied to the first user interface, N function controls in the quick function control set are displayed on the first user interface, and the N function controls are arranged in a fan shape around the gap area of the special-shaped screen, so that the problem that in the related technology, when the touch display screen is the special-shaped screen, fewer function controls can be accommodated and displayed in auxiliary display areas, namely the two side areas of the gap area of the special-shaped screen, is avoided, the display area of the quick function control set is increased, the number of the function controls capable of being accommodated and displayed is increased, and the quick searching of the needed function controls by a user is facilitated.

Drawings

Fig. 1 is a schematic structural diagram of a terminal provided in an exemplary embodiment of the present application;

fig. 2 is a schematic structural diagram of a terminal according to another exemplary embodiment of the present application;

fig. 3A to 3D are schematic external views of terminals with different touch display screens provided by an exemplary embodiment of the present application;

FIG. 4 is an interface diagram of a user interface display method provided in the related art when implemented;

FIG. 5 is a flow chart of a user interface display method provided by an exemplary embodiment of the present application;

FIG. 6 is a schematic interface diagram of a user interface display method as implemented by an exemplary embodiment of the present application;

FIG. 7 is a flowchart of a user interface display method provided by another exemplary embodiment of the present application;

FIG. 8 is a schematic interface diagram of a user interface display method provided by the embodiment of FIG. 7 when implemented;

FIG. 9 is a flowchart of a user interface display method provided by another exemplary embodiment of the present application;

FIG. 10 is a schematic interface diagram of a user interface display method provided by the embodiment of FIG. 9 when implemented;

FIG. 11 is a schematic interface diagram of a user interface display method as implemented by an exemplary embodiment of the present application;

FIG. 12 is a flowchart of a user interface display method provided by another exemplary embodiment of the present application;

FIGS. 13-19 are schematic interface diagrams of a user interface display method provided by the embodiment of FIG. 12 in operation;

FIG. 20 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application;

FIG. 21 is a schematic interface diagram of a user interface display method as implemented by an exemplary embodiment of the present application;

FIG. 22 is a schematic diagram of a user interface display device provided in an exemplary embodiment of the present application;

fig. 23 is a schematic structural diagram of a user interface display device according to an exemplary embodiment of the present application.

Detailed Description

To make the objects, technical solutions and advantages of the present application more clear, embodiments of the present application will be described in further detail below with reference to the accompanying drawings.

When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present application, as detailed in the appended claims.

In the description of the present application, it is to be understood that the terms "first," "second," and the like are used for descriptive purposes only and are not to be construed as indicating or implying relative importance. In the description of the present application, it is to be noted that, unless otherwise explicitly specified or limited, the terms "connected" and "connected" are to be interpreted broadly, e.g., as being fixed or detachable or integrally connected; can be mechanically or electrically connected; may be directly connected or indirectly connected through an intermediate. The specific meaning of the above terms in the present application can be understood in a specific case by those of ordinary skill in the art. Further, in the description of the present application, "a plurality" means two or more unless otherwise specified. "and/or" describes the association relationship of the associated objects, meaning that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship.

Before explaining the embodiments of the present application, an application scenario of the embodiments of the present application is explained. Referring to fig. 1 and 2, a block diagram of a terminal 100 according to an exemplary embodiment of the present application is shown. The terminal 100 may be a mobile phone, a tablet computer, a notebook computer, an e-book, etc. The terminal 100 in the present application may include one or more of the following components: a processor 110, a memory 120, and a touch display screen 130.

Processor 110 may include one or more processing cores. The processor 110 connects various parts within the overall terminal 100 using various interfaces and lines, and performs various functions of the terminal 100 and processes data by executing or executing instructions, programs, code sets, or instruction sets stored in the memory 120 and calling data stored in the memory 120. Alternatively, the processor 110 may be implemented in at least one hardware form of Digital Signal Processing (DSP), Field-Programmable Gate Array (FPGA), and Programmable Logic Array (PLA). The processor 110 may integrate one or more of a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), a modem, and the like. Wherein, the CPU mainly processes an operating system, a user interface, an application program and the like; the GPU is used for rendering and drawing the content to be displayed by the touch display screen 130; the modem is used to handle wireless communications. It is understood that the modem may not be integrated into the processor 110, but may be implemented by a single chip.

The Memory 120 may include a Random Access Memory (RAM) or a Read-Only Memory (Read-Only Memory). Optionally, the memory 120 includes a non-transitory computer-readable medium. The memory 120 may be used to store instructions, programs, code sets, or instruction sets. The memory 120 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playing function, an image playing function, etc.), instructions for implementing various method embodiments described below, and the like; the storage data area may store data (such as audio data, a phonebook) created according to the use of the terminal 100, and the like.

Taking an operating system as an Android (Android) system as an example, programs and data stored in the memory 120 are shown in fig. 1, and a Linux kernel layer 220, a system runtime layer 240, an application framework layer 260, and an application layer 280 are stored in the memory 120. The Linux kernel layer 220 provides underlying drivers for various hardware of the terminal 100, such as a display driver, an audio driver, a camera driver, a bluetooth driver, a Wi-Fi driver, power management, and the like. The system runtime library layer 240 provides the main feature support for the Android system through some C/C + + libraries. For example, the SQLite library provides support for a database, the OpenGL/ES library provides support for 3D drawing, the Webkit library provides support for a browser kernel, and the like. Also provided in the system Runtime layer 240 is an Android Runtime library 242(Android Runtime), which mainly provides some core libraries and can allow developers to write Android applications using the Java language. The application framework layer 260 provides various APIs that may be used in building applications, and developers may build their own applications by using these APIs, such as activity management, window management, view management, notification management, content provider, package management, session management, resource management, and location management. At least one application program runs in the application layer 280, and the application programs may be a contact program, a short message program, a clock program, a camera application, etc. of the operating system; or an application program developed by a third-party developer, such as an instant messaging program, a photo beautification program, and the like.

Taking an operating system as an IOS system as an example, programs and data stored in the memory 120 are shown in fig. 2, and the IOS system includes: a Core operating system Layer 320(Core OS Layer), a Core Services Layer 340(Core Services Layer), a Media Layer 360(Media Layer), and a touchable Layer 380(Cocoa Touch Layer). The kernel operating system layer 320 includes an operating system kernel, drivers, and underlying program frameworks that provide functionality closer to hardware for use by program frameworks located in the kernel services layer 340. The core services layer 340 provides system services and/or program frameworks, such as a Foundation framework, an account framework, an advertisement framework, a data storage framework, a network connection framework, a geographic location framework, a motion framework, and so forth, that are needed by the application. The media layer 360 provides audiovisual interfaces for applications, such as graphics-related interfaces, audio-related interfaces, video-related interfaces, and audio/video transmission technology wireless broadcast (AirPlay) interfaces. The touchable layer 380 provides various common interface-related frameworks for application development, and the touchable layer 380 is responsible for user touch interaction operations on the terminal 100. Such as a local notification service, a remote push service, an advertising framework, a game tool framework, a messaging User Interface (UI) framework, a User Interface UIKit framework, a map framework, and so forth.

In the framework shown in FIG. 2, the framework associated with most applications includes, but is not limited to: a base framework in the core services layer 340 and a UIKit framework in the touchable layer 380. The base framework provides many basic object classes and data types, provides the most basic system services for all applications, and is UI independent. While the class provided by the UIKit framework is a basic library of UI classes for creating touch-based user interfaces, iOS applications can provide UIs based on the UIKit framework, so it provides an infrastructure for applications for building user interfaces, drawing, processing and user interaction events, responding to gestures, and the like.

The touch display screen 130 is also called a touch display screen, and is used for receiving a touch operation of a user on or near the touch display screen by using any suitable object such as a finger, a touch pen and the like, and displaying a user interface of each application program. The touch display 130 is generally disposed on a front panel of the terminal 130. The touch display screen 130 may be designed as a full-screen, a curved screen, or an odd-shaped screen. The touch display screen 130 can also be designed as a combination of a full screen and a curved screen, and a combination of a special screen and a curved screen, which is not limited in this embodiment. Wherein:

special-shaped screen

The special-shaped screen is a touch display screen with an irregular shape, 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. Alternatively, the notched area may be located at the edge of the touch screen display 130, the center of the screen, or both. When the notch area is arranged on one edge, the notch area can be arranged in the middle position or at two ends of the edge; when the notch area is provided in the center of the screen, it may be provided in one or more of an upper area, an upper left area, a left side area, a lower left area, a lower right area, a right side area, and an upper right area of the screen. When the notch areas are arranged in a plurality of areas, the notch areas can be distributed in a concentrated way or in a dispersed way; the distribution may be symmetrical or asymmetrical. Alternatively, the number of the notched areas is not limited.

The special-shaped screen covers the forehead area and/or the forehead area of the touch display screen as the displayable area and/or the operable area, so that the touch display screen occupies more space on the front panel of the terminal, and the special-shaped screen also has a larger screen occupation ratio. In some embodiments, the cutout area is configured to receive at least one front panel component therein, the front panel component including at least one of a camera, a fingerprint sensor, a proximity light sensor, a distance sensor, an earpiece, an ambient light level sensor, and a physical key.

For example, the notch may be provided on one or more edges, and the notch may be a semicircular notch, a right-angled rectangular notch, a rounded rectangular notch, or an irregularly shaped notch. In the example shown in fig. 3A, the shaped screen may be a screen design having a semicircular notch 43 at the center of the upper edge of the touch display screen 130, where the semicircular notch 43 is used to accommodate at least one of a camera, a distance sensor (also called a proximity sensor), an earpiece, and an ambient light sensor; as schematically shown in fig. 3B, the shaped screen may be a screen design in which a semicircular notch 44 is formed at a central position of the lower edge of the touch display screen 130, and the semicircular notch 44 is free for accommodating at least one of a physical key, a fingerprint sensor, and a microphone; in an exemplary example shown in fig. 3C, the shaped screen may be a screen design in which a semi-elliptical notch 45 is formed in the center of the lower edge of the touch display screen 130, and a semi-elliptical notch is also formed on the front panel of the terminal 100, and the two semi-elliptical notches form an elliptical area for accommodating a physical key or a fingerprint identification module; in the example shown schematically in fig. 3D, the notched area is a cutout, and the shaped screen may be a screen design having at least one cutout 46 in the upper half of the touch screen 130, the cutout 46 being free to accommodate at least one of a camera, a distance sensor, an earpiece, and an ambient light level sensor.

In addition, those skilled in the art will appreciate that the configuration of terminal 100 as illustrated in the above-described figures is not intended to be limiting of terminal 100, and that terminals may include more or less components than those illustrated, or some components may be combined, or a different arrangement of components. For example, the terminal 100 further includes a radio frequency circuit, an input unit, a sensor, an audio circuit, a Wireless Fidelity (WiFi) module, a power supply, a bluetooth module, and other components, which are not described herein again.

As shown in fig. 4, in the related art, when the touch display screen of the terminal is an irregular screen, the user interface display method includes: displaying a first user interface 41 of a first application program in a main display area of a touch display screen, displaying no content in an auxiliary display area of the touch display screen, and displaying a function control 42 (for example, a function control a, a function control B, and a function control C) of a second application program in the auxiliary display area of the touch display screen if a first trigger signal on the first user interface 41 is received. The main display area is an area where the largest rectangle is located and is divided according to three straight line sides and edge lines of the notch area, and the auxiliary display area is the rest part except the main display area. Because the display area of the auxiliary display area is smaller, fewer function controls can be accommodated and displayed in the auxiliary display area, and the possibility that the function controls required by a user can be directly displayed in the auxiliary display area is greatly reduced. A convenient and effective user interface display method has not been provided at present.

The embodiment of the application provides a user interface display method, a user interface display device, a terminal and a storage medium, so as to solve the problems in the related art. The following description will be made by using exemplary embodiments.

Referring to fig. 5, a flow chart of a user interface display method is shown in an exemplary embodiment of the present application. The embodiment exemplifies that the method is applied to the terminal 100, and the terminal 100 is a terminal with a special-shaped screen. The method comprises the following steps:

step 501, displaying a first user interface of a first application program in a landscape state.

The screen state of the terminal comprises a vertical screen state and a horizontal screen state, and a first user interface of the first application program is displayed when the terminal is in the horizontal screen state.

The touch display screen of the terminal comprises a main display area and an auxiliary display area. Typically, the primary display area and the secondary display area are of 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 having a special-shaped screen, and the special-shaped screen is an irregularly-shaped screen provided with a notch region.

When the touch display screen is the special-shaped screen, the main display area is a rectangular display area on the special-shaped screen, the auxiliary display area is a special-shaped display area on the special-shaped screen, and the collection of the main display area and the auxiliary display area is equal to the whole display area of the special-shaped screen. Illustratively, three sides of the special-shaped screen are straight sides, the remaining one side is a curved side with a notch area, the main display area is an area where the largest rectangle is located and divided according to the three straight sides and the edge of the notch area, and the auxiliary display area is the remaining part except the main display area. Optionally, the number of the auxiliary display areas is one or two.

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 the content on the auxiliary display area. In this embodiment, the method for displaying the first user interface of the first application program in the special-shaped screen includes: the terminal displays a first user interface of the first application program in the whole display area, namely the main display area and the auxiliary display area, wherein the first user interface refers to a program interface of the first application program.

Step 502, a first operation signal acting on a first user interface is obtained, where the first operation signal is used to request to call out a shortcut function control set, where the shortcut function control set includes M function controls, and M is an integer greater than or equal to 1.

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.

The first operation signal is a sliding signal corresponding to N sliding tracks sliding rightwards from the left edge of the special-shaped screen of the terminal, or the first operation signal is a sliding signal corresponding to N sliding tracks sliding upwards from the lower edge of the special-shaped screen of the terminal, and N is a positive integer.

It should be noted that all the directional words (such as left, right, up or down) referred to in the embodiments of the present application are described on the premise that the terminal is in a landscape state.

The first operation signal is used for indicating at least one of a preset sliding direction, a preset sliding distance and a preset sliding start-stop position.

For example, when the screen state of the terminal is a landscape screen state, the user performs a sliding operation on the left edge of the touch display screen of the terminal to the right by using one finger, and correspondingly, the first operation signal received by the terminal is a signal corresponding to 1 sliding track sliding from the left edge of the touch display screen to the right.

Step 503, according to the first operation signal, displaying N function controls in the shortcut function control set on the first user interface, where the N function controls are arranged in a sector shape around the gap region, and N is a positive integer less than or equal to M.

Optionally, when the terminal acquires the first operation signal, N function controls in the shortcut function control set are displayed on the first user interface, the N function controls are arranged in a fan shape around the gap region, and N is a positive integer smaller than or equal to M.

Optionally, the terminal displays, according to the first operation signal, N function controls in the shortcut function control set in a fan-shaped icon arrangement manner in a first local area on the first user interface, where a distance between the first local area and the gap area is smaller than a first preset distance.

The first partial area may also be referred to as a partial sector area, which is a display area in the shape of an incomplete sector on the special-shaped screen. Illustratively, the first partial region is a partial sector region including an edge line of the notch region in the shaped screen.

The first preset distance is set by the terminal in a default mode or can be set by a user in a self-defined mode. This embodiment is not limited thereto.

Optionally, when the number of the N function controls is smaller than the maximum display icon number, the N function controls are sequentially arranged to both sides according to the curvature radian of the first local area, i.e., the local fan-shaped area, with the notch area of the special-shaped screen as a reference.

The maximum display icon number may be set by the terminal as a default or may be set by the user as a custom. For example, the maximum display icon number is 7. This embodiment is not limited thereto.

Optionally, after the terminal displays the N function controls, if an operation signal corresponding to the first local area is not detected within a preset time period, the terminal cancels the display of the N function controls.

The preset time period can be set by the default of the terminal or can be set by the user in a self-defining way. For example, the preset time period is 3 seconds. This is not limited in the examples of the present application.

In one illustrative example, as shown in FIG. 6, the terminal displays seven functionality controls 43 (including functionality controls A through G) in a fan-shaped arrangement of icons in a first local area 42 on a first user interface 41.

To sum up, according to the embodiment of the application, the first user interface of the first application program is displayed in the landscape screen state of the terminal, when the first user interface is used as the first operation signal, the N function controls in the shortcut function control set are displayed on the first user interface, and because the N function controls are arranged in a fan shape around the gap region of the special-shaped screen, the problem that fewer function controls can be accommodated and displayed in the auxiliary display region, namely, the two side regions of the gap region of the special-shaped screen when the touch display screen is the special-shaped screen in the related art is avoided, the display area of the shortcut function control set is increased, so that the number of the function controls capable of being accommodated and displayed is more, and the user can quickly find the required function controls.

The manner for triggering the display of the shortcut function control set may be invisible or explicit. In a first possible implementation manner, the first user interface of the first application does not display an entry for triggering display of the shortcut function control set, but triggers the entry by a gesture signal, that is, the triggering manner of the shortcut function control set is stealth. In a second possible implementation manner, an entry for triggering and displaying the shortcut function control set is displayed in the first user interface of the first application program, and the entry is triggered by performing a preset operation, that is, the triggering manner of the shortcut function control set is explicit. In the following, these two possible implementations are described in turn only by way of illustrative example.

Referring to fig. 7, a flowchart of a user interface display method provided by an exemplary embodiment of the present application is shown. The present embodiment is exemplified in that the method is applied to the terminal 100 having the shaped screen. The method comprises the following steps:

step 701, displaying a first user interface of a first application program in a landscape state.

The screen state of the terminal comprises one of a vertical screen state and a horizontal screen state, and when the first application program is in a foreground running state and the screen state of the terminal is in the horizontal screen state, the first user interface of the first application program is displayed in a full-screen mode in the special-shaped screen.

In step 702, a first sliding signal acting on a second local area is obtained.

The distance between the second local area and the notch area is smaller than a second preset distance, and the first sliding signal acting on the second local area is used for requesting the calling-out shortcut function control set.

The distance between the second local area and the notch area is smaller than a second preset distance. The second preset distance may be set by a default of the terminal or may be set by a user. This embodiment is not limited thereto.

Optionally, the second partial area is used to indicate an area located at a side of the irregular screen gap area.

Optionally, the second partial region is used to indicate a region having a distance from the notch region smaller than a second preset distance.

Optionally, three sides of the special-shaped screen are straight sides, the remaining one side is a first curve, the first curve includes an edge line of the notch area, and the second local area is a local area including the first curve in the special-shaped screen. Optionally, the second partial region is the same region as the first partial region. This embodiment is not limited thereto.

Optionally, the edge of the second local area includes a first curve and a second curve; the first sliding signal is a signal sliding from a first curve to a second curve, the first curve comprises an edge line of an edge where the notch region is located in the special-shaped screen, the second curve is an arc-shaped curve, and the distance between the first curve and the notch region is smaller than the distance between the second curve and the notch region.

The sliding starting position of the first sliding signal is located in the second local area, and the sliding direction of the first sliding signal points to the middle position of the special-shaped screen.

Optionally, the first sliding signal is a signal of sliding to the right from a curved edge of the irregular screen where the notch area exists.

And 703, displaying N function controls in the shortcut function control set on the first user interface according to the first sliding signal, wherein the N function controls are arranged in a fan shape around the gap area.

Optionally, when the terminal acquires the first sliding signal acting on the second local area, the N function controls are displayed in a superimposed manner in a fan-shaped icon arrangement manner in the first local area on the first user interface.

The N function controls can be arranged and displayed in order from the upper left corner of the first local area according to the priority order. The priority of the N function controls is set by default of the terminal, or set by user self-definition, or set according to the matching degree with the first application program. In this embodiment, the type, number, and display order of the N function controls are not limited.

The N functional controls comprise at least one of a functional control of a second application program, a functional control of a shortcut tool and a functional control of preset recommendation information, the shortcut tool comprises at least one of a mute tool, an on-hook tool and a parameter configuration tool, and the preset recommendation information comprises at least one of application strategy, benefit information and evaluation content.

For example, when the first application is a game-type application, the preset recommendation information includes a game strategy. For another example, when the first application is a video application, the preset recommendation information includes movie review content.

The second application program may be an application program that is not yet started, or may be an application program that is in a background running state, and the running state of the second application program is not limited in this embodiment of the application.

The at least two second applications may be default settings of the terminal or may be applications matching the first application. The second application program includes at least one of an instant messaging program, a voice chat program, and a video chat program.

Optionally, the terminal acquires a second operation signal acting on the first user interface, where the second operation signal is used to request to close the shortcut function control set; and closing the displayed shortcut function control set according to the second operation signal.

Optionally, the manner of closing the displayed shortcut function control set includes, but is not limited to, the following two possible implementations:

in a possible implementation manner, when the terminal receives a second sliding signal corresponding to the second local area, the display of the shortcut function control set is cancelled, where the second sliding signal is a signal in a direction opposite to that of the first sliding signal.

Optionally, the second operation signal comprises a second slide signal acting on the second local area.

Optionally, the sliding end position of the second sliding signal is located in the second local area, and the sliding direction of the second sliding signal points to the second local area.

And when the terminal receives a second sliding signal corresponding to the second local area, the terminal switches and displays the shortcut function control set on the second local area as the display content of the current user interface of the first application program in the second local area.

In another possible implementation manner, when the terminal receives an operation signal corresponding to the third local area, the display of the shortcut function control set is cancelled. The third partial area is an area of the first user interface other than the first partial area.

It should be noted that, in this embodiment, the implementation manner of closing the displayed shortcut function control set is not limited.

In an illustrative example, as shown in fig. 8, the terminal displays a first user interface 41 of a first application in a landscape state, and when the terminal receives a signal to slide to the right from a curved side where a notch area exists on the first user interface 41, seven function controls 43 (including function controls a to G) are displayed in a fan-shaped icon arrangement in a first local area 42 on the first user interface 41.

In summary, in the embodiment of the present application, when the first sliding signal acting on the second local area is obtained, N function controls in the shortcut function control set are displayed on the first user interface; the method for triggering the display of the shortcut function control set is invisible, and the man-machine interaction efficiency is improved while the display element of the first user interface of the first application program is not shielded.

Referring to fig. 9, a flowchart of a user interface display method provided by an exemplary embodiment of the present application is shown. The present embodiment is exemplified in that the method is applied to the terminal 100 having the shaped screen. The method comprises the following steps:

step 901, when the screen state of the terminal is switched from the vertical screen state to the horizontal screen state, displaying a first user interface of a first application program in the special-shaped screen.

The terminal includes a first user interface of a first application in an entire profile (including a primary display area and a secondary display area).

And step 902, displaying a buoy in the first user interface, wherein the buoy is an operable control for triggering the call-out shortcut function control set.

Optionally, the terminal displays the buoy in an auxiliary display area in the first user interface.

Optionally, the auxiliary display area includes one or two, and when the auxiliary display area includes two, one of the two is a first auxiliary display area located above the notch area, and the other is a second auxiliary display area located below the notch area. Of course, the first auxiliary display area and the second auxiliary display area may also be regarded as one whole, and be regarded as one auxiliary display area.

The buoy is an operable control for triggering the calling shortcut function control set. Illustratively, the type of float includes at least one of a button, a manipulable item, and a slider.

Step 903, a third slip signal acting on the float is acquired.

And the third sliding signal is used for requesting the calling shortcut function control set.

Optionally, the third sliding signal is a signal for sliding from the float to the left or the right.

And 904, displaying N function controls in the shortcut function control set on the first user interface according to the third sliding signal, wherein the N function controls are arranged around the notch area in a fan shape.

Optionally, when the third sliding signal acting on the float is acquired, the terminal displays N function controls in a fan-shaped icon arrangement manner in a superimposed manner in the first local area on the first user interface, and cancels display of the float.

The N function controls can be arranged and displayed in order from the upper left corner of the first local area according to the priority order. It should be noted that, for the process of displaying the N function controls in the fan-shaped icon arrangement manner in the first local area on the first user interface, reference may be made to the related description in the above embodiment, and details are not described here again.

Optionally, when a fourth slide signal corresponding to the first local area is received, the displayed shortcut function control set is closed, where the fourth slide signal is a signal in a direction opposite to that of the third slide signal.

Optionally, when the third sliding signal is a signal of sliding from the buoy to the left, the fourth sliding signal is a signal of sliding from the arc curve of the first local area to the right; when the third sliding signal is a signal sliding from the float to the right, the fourth sliding signal is a signal sliding from the arc-shaped curve of the first local area to the left.

In an illustrative example, as shown in fig. 10, when the screen status of the terminal is switched from the portrait screen status to the landscape screen status, the first user interface 41 of the first application is displayed in the special-shaped screen, the float 101 is displayed in the first user interface 41, and when a signal for sliding to the right from the float 101 is received, seven function controls 43 (including function controls a to G) are displayed in a fan-shaped icon arrangement in the first local area 42 on the first user interface 41.

In summary, in the embodiment of the present application, when the third sliding signal acting on the float is acquired, N function controls in the shortcut function control set are displayed on the first user interface; the method for triggering and displaying the shortcut function control set is explicit, so that the triggering entry corresponding to the shortcut function control set is more visual, and the user can operate and memorize the shortcut function control set conveniently.

For convenience of description, only the first possible implementation manner in which the manner for triggering the display of the shortcut function control set is hidden will be described below as an example.

It should be noted that the edge of the first local area for exposing the N functionality controls may include a first curve and a second curve. The first curve is the left edge line of the special-shaped screen, the first curve comprises the edge line of the edge where the notch area of the special-shaped screen is located, and the second curve is an arc-shaped curve, namely an arc-shaped curve.

Optionally, the first local region includes k arc regions, the k arc regions are sequentially arranged from the second curve of the first local region to the first curve, and k is a positive integer.

In a possible implementation manner, the above step 503, step 703 or step 904 may be alternatively implemented as the following steps: and arranging and displaying the N function controls according to the bending radian of the arc-shaped area for the ith arc-shaped area according to the first operation signal, wherein i is a positive integer less than or equal to k.

Optionally, the N function controls are arranged and displayed according to the priorities of the k arc-shaped areas. The priority of the arc-shaped area is in positive correlation with the distance between the arc-shaped area and the notch area. I.e., the closer the arc region is to the notch region, the higher the priority of the arc region.

Optionally, for the ith arc-shaped area, at least two function controls are sequentially arranged from the upper left corner of the ith arc-shaped area according to the priority order of the function controls.

In an illustrative example, as shown in fig. 11, the first partial area includes 2 arc-shaped areas (an arc-shaped area 111 and an arc-shaped area 112), the terminal arranges and displays 5 function controls 113 (including: a function control a to a function control E) in the arc-shaped area 111 in the first partial area on the first user interface 41 according to the curvature of the arc-shaped area 111, and arranges and displays 7 function controls 113 (including: a function control F to a function control L) in the arc-shaped area 112 according to the curvature of the arc-shaped area 112.

In summary, the application also arranges and displays the N function controls according to the curvature radian of the arc-shaped area for the ith arc-shaped area; the display area of the function controls is further increased, so that the function controls contained and displayed in the first local area are increased.

For convenience of description, only the N function controls are described as an example of the function control of the second application. In a possible implementation manner, after the terminal displays N function controls in a fan-shaped icon arrangement manner in the first local area on the first user interface, that is, after the above step 503, the following steps are further included, as shown in fig. 12:

step 1201, when a third operation signal on the function control is received, displaying first prompt information on the first user interface, wherein the first prompt information is used for prompting introductory information corresponding to the function control.

Optionally, when the N function controls are displayed for the first time in the first local area on the first user interface, second prompt information is displayed on the first user interface, where the second prompt information is used to prompt a second trigger operation on the function controls.

Illustratively, as shown in FIG. 13, when the function controls of at least two second applications 43 are displayed for the first time in the first local area 42 on the first user interface 41, a second prompt 131 "long-press icon for viewing function description to catch up with the trial bar! "

Optionally, when the user performs the second trigger operation on the function control, the terminal receives a third operation signal corresponding to the second trigger operation, and displays the first prompt information on the first user interface. Illustratively, the third operation signal is a long press operation signal.

Optionally, taking the function control as a function control of the second application as an example, the first prompt information includes a program name of the second application corresponding to the function control and function description information of the second application.

Illustratively, as shown in fig. 14, when the user performs a long-press operation on the function control of the second application C, and correspondingly, the terminal receives a signal of the long-press operation, and displays a first prompt message 132 on the first user interface 41, where the first prompt message 132 is "XX assistant game strategy, welfare one-key check, quick understanding of play-out, hero skill, and congratulation of you on steady steps".

Step 1202, when a fifth sliding signal in the first local area on the first user interface is received, canceling the display of the N function controls in the first local area following the fifth sliding signal, and adding the display of other function controls except the N function controls in the shortcut function control set in the first local area.

The fifth slip signal is a signal for performing a slip according to a curvature of an arc curve which is a second curve of the first local area.

Taking the N function controls as the function controls of the second application, for example, because the display area of the first local area is limited, the terminal may display the function control of the second application in the first local area first, and when receiving a fifth slide signal of the user on the first local area, cancel the display of the function control of the second application in the first local area following the fifth slide signal, and add the display of the function control of the third application in the first local area.

That is, the terminal slides the first local area according to the fifth slide signal. The slide display includes: and canceling the function control moved out of the first local area, displaying the function control moved into the first local area, and changing the display position of the function control still located in the first local area along with the second sliding signal.

Referring to fig. 15, when the terminal receives a fifth slide signal (sliding down according to the curvature of the arc curve) on the first local area 42, the terminal moves the function controls 43 (e.g., function control F and function control G) out of the first local area 42 and moves the function controls 151 (e.g., function control H and function control I) into the first local area 42 following the fifth slide signal.

After N function controls are displayed in a fan-shaped icon arrangement mode, when a first sliding signal on a first user interface is received, the function control of a second application program is switched and displayed to be the function control of a third application program in a first local area. At this time, the terminal displays the function controls of at least two third application programs in a fan-shaped icon arrangement mode in the first local area on the first user interface.

It should be noted that the manner in which the terminal displays the function controls of at least two third applications in the fan-shaped icon arrangement manner may be similar to the manner in which the N function controls are displayed by reference, and details are not repeated here.

Illustratively, when a signal of sliding to the left on the first user interface is received, the function controls of the at least two third application programs are switched and displayed in a fan-shaped icon arrangement manner, and no intersection exists between the function controls of the at least two third application programs and the N function controls.

Optionally, when the second sliding signal on the first user interface is received, the functionality control of the third application is displayed in the first local area as the functionality control of the second application. Wherein the second sliding signal is a signal in a direction opposite to that of the first sliding signal.

It should be noted that, in order to avoid that the same operation signal corresponds to different display modes, if the second sliding signal is used to trigger cancellation of display of the N function controls, the operation signal for resuming display of the function controls of the second application is set to be other signals except for the second sliding signal. If the second sliding signal is used for triggering the function control of the third application program to be restored and displayed as the function control of the second application program in the first local area, the trigger signal for canceling the display of the N function controls is set to be other signals except the second sliding signal, for example, when the terminal receives the operation signal corresponding to the third local area, the display of the N function controls is canceled.

Step 1203, when a fourth operation signal on the function control is received, displaying a floating window on the first user interface, where the floating window is used for displaying a user interface corresponding to the function control.

And when a fourth operation signal on the function control is received and the function control is the function control of the second application program, displaying a floating window on the first user interface, wherein the floating window is used for displaying the second user interface of the second application program.

If the user needs to use the second application, the user clicks a functionality control of the second application on the first partial area. And the terminal receives a 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. This embodiment is exemplified in that the fourth operation signal is a single-click signal.

The terminal can display a floating window in a local area on the first user interface in an overlapping mode, and a second user interface of the second application program is displayed in the floating window. The local region may be a neighboring region of the first local region, i.e. the distance between the local region and the first local region is smaller than a threshold value. When the second application program is an un-started application program, the terminal starts the second application program according to the fourth operation signal, and then a second user interface of the second application program is displayed in the floating window; and when the second application program is the application program running in the background, the terminal switches the application program running in the background into the floating window for displaying.

The floating window, also known as a top-level window or a picture-in-picture window, may be implemented by a Windows Manager window in an android operating system. The floating window may minimize occlusion of primary display elements on the first user interface. The user may operate the second user interface in the floating window to control the operation of the second application.

Optionally, the terminal receives a dragging signal on a border or a corner of the floating window, and changes any one of the length, the width, and the display scale of the floating window according to the dragging signal.

Optionally, at least one of a minimize button, a full screen button, and a move button is further displayed on the floating window. Referring to fig. 16, after the user clicks the function control C of the second application on the first local area 42, the terminal superimposes and displays a floating window 161 on the first user interface 41, where the floating window 161 is used for displaying a second user interface 162 of the second application. Also displayed on floating window 161 are a move button 163, a minimize button 164, and a full screen button 165.

And 1204, when a fifth operation signal on the minimize button is received, canceling to display the floating window, and adding display of a function control corresponding to the floating window 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, and this embodiment exemplifies that the fifth operation signal is a single-click signal.

Optionally, when the fifth operation signal on the minimize button is received and the function control is a function control of the second application, the floating window is cancelled from being displayed, and the display of the function control of the second application is added on the first user interface.

In one possible implementation, when the user clicks the minimize button, the terminal cancels displaying the floating window and closes the second application.

In another possible implementation manner, after the user clicks the minimize button, the terminal cancels displaying the floating window, and adds display of a function control of the second application program on the first user interface, so as to switch the second application program into a background running state. I.e. the terminal displays the floating window minimization as a functionality control of the second application.

In conjunction with fig. 17, when the user clicks the minimize button 56 on the float window 53, the terminal cancels the display of the float window 161 and adds the display of the function control C of the second application on the first user interface 41.

And step 1205, when the sixth operation signal on the full-screen button is received, displaying the user interface corresponding to the function control in a full-screen mode on the special-shaped screen.

And when a sixth operation signal on the full-screen button is received, displaying a second user interface of the second application program on the special-shaped screen in a full-screen mode.

Optionally, the sixth operation signal is any one of a single-click signal, a double-click signal, and a long-press signal, and this embodiment exemplifies that the sixth operation signal is a single-click signal.

Optionally, when the sixth operation signal on the full-screen button is received and the function control is a function control of the second application program, displaying the second user interface of the second application program on the special-shaped screen in a full-screen manner.

And after the user clicks a full screen button, the terminal displays a second user interface of the second application program in a full screen mode on the special-shaped screen, and the first application program is switched from a foreground running state to a background running state.

Referring to fig. 18, after the user clicks the full screen button 165 on the floating window 161, the terminal displays the second user interface 162 in a full screen manner in the heterogeneous screen.

And step 1206, when the seventh operation signal on the moving area is received, changing 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 movement area may be a button, a control, or any area on a floating window.

And when the user drags the moving area, the terminal changes the display position of the floating window in the special-shaped screen according to the seventh operation signal.

In conjunction with fig. 18, when the user drags the move button 163 on the floating window 161, the terminal changes the display position of the floating window 161 following the drag signal. In various embodiments, the shift button 163 may not be displayed, and any area on the floating window may be used instead.

Only one or more of the steps 1201 to 1203 may be executed; after step 1203 is executed, only one or more of steps 1204 to 1206 may be executed, and the execution is not limited in the embodiment of the present application, depending on the operation signal actually received by the terminal.

In summary, in the user interface display method provided in this embodiment, two display modes are further designed for the first local area, and the first slide signal and the fifth slide signal are switched between the two display modes, so that the first local area displays more information in a limited display area, and the utilization rate of the first local area is improved.

In the user interface display method provided by this embodiment, by adding the move button, the minimize button, and the full screen button on the floating layer window, the display position and the display state of the floating layer window can be freely changed by the user, so that the user can freely take account of the first application program, the second application program, and the simultaneous use of the first application program and the second application program. For example, the first application program is a video player, the second application program is an instant messaging program, and the user can perform text chat with other users without influencing the video playing process; for another example, the first application program is a game program, the second application program is a video chat program, and the user can play a game and perform video chat with other users at the same time; for another example, the first application program is a text editing program, the second application program is a dictionary program, and the user can perform a word search or translation operation simultaneously while editing a text using the text editing program.

Referring to fig. 20, a flowchart illustrating a user interface display method according to an exemplary embodiment of the present application is shown. The embodiment exemplifies that the method is applied to the terminal 100, and the terminal 100 is a terminal with a special-shaped screen. The method comprises the following steps:

step 2001, display a first user interface of the first application in a landscape state.

The terminal displays a first user interface of the first application program in a landscape state.

Step 2002, a first operation signal acting on the first user interface is obtained, where the first operation signal is used to request to call out a shortcut function control set, where the shortcut function control set includes M function controls, and M is an integer greater than or equal to 1.

The terminal acquires a first operation signal acting on a first user interface. Optionally, the first operation signal is a first sliding signal acting on the second local area.

It should be noted that, for the process of displaying the first user interface and acquiring the first operation signal acting on the first user interface, reference may be made to relevant details in the foregoing method embodiment, and details are not described herein again.

Step 2003, according to the first operation signal, displaying N function controls in the shortcut function control set in a fan-shaped icon arrangement manner in a first local area on the first user interface, where a distance between the first local area and the notch area is smaller than a first preset distance, and N is a positive integer smaller than or equal to M.

Optionally, the edge of the first local area includes a first curve and a second curve; the first curve comprises an edge line of the edge where the notch area is located in the screen, and the second curve is an arc-shaped curve.

It should be noted that, for the process of displaying the N function controls in the shortcut function control set in the first local area on the first user interface in the fan-shaped icon arrangement manner, reference may be made to relevant details in the foregoing method embodiment, and details are not described herein again.

In an illustrative example, as shown in fig. 21, the terminal is in a landscape state, the first application is a game program, the terminal displays a first user interface 211 of the game program in a heterogeneous screen, and when the terminal acquires a first operation signal (e.g., a signal to slide right from a left edge of the heterogeneous screen) on the first user interface 211, seven function controls 212 (including a function control a to a function control G) are displayed in a fan-shaped icon arrangement in a left area on the first user interface 211.

The following are embodiments of the apparatus of the present application that may be used to perform embodiments of the method of the present application. For details which are not disclosed in the embodiments of the apparatus of the present application, reference is made to the embodiments of the method of the present application.

Referring to fig. 22, a schematic structural diagram of a user interface display apparatus according to an exemplary embodiment of the present application is shown. The user interface display device can be implemented by a dedicated hardware circuit, or a combination of hardware and software, as all or a part of the terminal in fig. 1, and includes: a first display module 2210, an acquisition module 2220, and a second display module 2230.

A first display module 2210 for displaying a first user interface of a first application in a landscape state;

an obtaining module 2220, configured to obtain a first operation signal that acts on the first user interface, where the first operation signal is used to request to call out a shortcut function control set, where the shortcut function control set includes M function controls, and M is an integer greater than or equal to 1;

the second display module 2230 is configured to display, according to the first operation signal, N function controls in the shortcut function control set on the first user interface, where the N function controls are arranged in a sector around the gap region, and N is a positive integer smaller than or equal to M.

Optionally, the first operation signal includes:

a first sliding signal acting on the second local area.

Optionally, the sliding start position of the first sliding signal is located in the second local area, and the sliding direction of the first sliding signal points to the middle position of the special-shaped screen.

Optionally, the first user interface includes a buoy, and the buoy is an operable control for triggering the exhalation shortcut function control set;

the first operation signal includes: a third slip signal acting on the float.

Optionally, the sliding starting position of the third sliding signal is located on the buoy, and the sliding direction of the third sliding signal points to the middle position of the special-shaped screen.

Optionally, the apparatus further comprises: and closing the module.

The obtaining module 2220 is further configured to obtain a second operation signal acting on the first user interface, where the second operation signal is used to request to close the shortcut function control set;

and the closing module is used for closing the displayed shortcut function control set according to the second operation signal.

Optionally, the second operation signal includes: a second sliding signal acting on the second local area.

Optionally, the apparatus further includes: and the third display module is used for displaying first prompt information on the first user interface when receiving a third operation signal on the function control, wherein the first prompt information is used for prompting the introductory information corresponding to the function control.

Optionally, the apparatus further includes: and the fourth display module is used for displaying a floating window on the first user interface when receiving a fourth operation signal on the function control, and the floating window is used for displaying the user interface corresponding to the function control.

Optionally, the floating window further displays a minimize button; the device also comprises: and the fifth display module is used for canceling the display of the floating window and increasing the display of the function control on the first user interface when a fifth operation signal on the minimization button is received.

Optionally, a full screen button is displayed on the floating window; the device also comprises: and the sixth display module is used for displaying the user interface corresponding to the function control in a full-screen mode on the special-shaped screen when a sixth operation signal on the full-screen button is received.

Optionally, the floating window further displays a moving button; the device also comprises: and the seventh display module is used for changing the display position of the floating window in the special-shaped screen according to the seventh operation signal when the seventh operation signal on the moving button is received.

The relevant details may be combined with the method embodiments described with reference to fig. 5-21. Wherein, the first display module 2210 and the second display module 2230 are further configured to implement any other implicit or disclosed functions related to the displaying step in the above method embodiments; the obtaining module 2220 is further configured to implement any other implicit or disclosed functions related to the obtaining step in the foregoing method embodiments.

Referring to fig. 23, a schematic structural diagram of a user interface display apparatus according to an exemplary embodiment of the present application is shown. The user interface display device can be implemented by a dedicated hardware circuit, or a combination of hardware and software, as all or a part of the terminal in fig. 1, and includes: a first display module 2310, an acquisition module 2320 and a second display module 2330.

A first display module 2310 for displaying a first user interface of a first application in a landscape state;

an obtaining module 2320, configured to obtain a first operation signal acting on the first user interface, where the first operation signal is used to request to call out a shortcut function control set, where the shortcut function control set includes M function controls, and M is an integer greater than or equal to 1;

the second display module 2330 is configured to display N function controls in the shortcut function control set in a fan-shaped icon arrangement manner in a first local area on the first user interface according to the first operation signal, where a distance between the first local area and the gap area is smaller than a first preset distance, and N is a positive integer smaller than or equal to M.

Optionally, the edge of the first local area includes a first curve and a second curve;

the first curve includes: the edge line of the edge where the notch area is located in the special-shaped screen;

the second curve is an arc-shaped curve.

Optionally, the first local region includes k arc regions, the k arc regions are sequentially arranged from the second curve of the first local region to the first curve, and k is a positive integer;

the second display module 2330 is configured to, according to the first operation signal, arrange and display the N function controls according to the curvature of the arc-shaped region for the ith arc-shaped region, where i is a positive integer less than or equal to k.

Optionally, the first operation signal includes:

a first sliding signal acting on the second local area.

the first operation signal includes: a third slip signal acting on the float.

Optionally, the apparatus further comprises: and closing the module.

The obtaining module 2320 is further configured to obtain a second operation signal acting on the first user interface, where the second operation signal is used to request to close the shortcut function control set;

The relevant details may be combined with the method embodiments described with reference to fig. 5-21. The first display module 2310 and the second display module 2330 are further configured to implement any other implicit or disclosed functionality related to the displaying step in the above method embodiments; the obtaining module 2320 is further configured to implement any other implicit or disclosed functionality related to the obtaining step in the foregoing method embodiments.

It should be noted that, when the apparatus provided in the foregoing embodiment implements the functions thereof, only the division of the functional modules is illustrated, and in practical applications, the functions may be distributed by different functional modules according to needs, that is, the internal structure of the apparatus may be divided into different functional modules to implement all or part of the functions described above. In addition, the apparatus and method embodiments provided by the above embodiments belong to the same concept, and specific implementation processes thereof are described in the method embodiments for details, which are not described herein again.

The application also provides a terminal, the terminal is a terminal with a special-shaped screen, the special-shaped screen comprises a gap area, the terminal comprises a processor, a memory connected with the processor and program instructions stored on the memory, and the user interface display method provided by the method embodiments is realized when the processor executes the program instructions.

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 method provided by the above-mentioned method embodiments is implemented.

The present application also provides a computer program product containing instructions which, when run on a computer, cause the computer to perform the user interface display method described in the various embodiments above.

The above-mentioned serial numbers of the embodiments of the present application are merely for description and do not represent the merits of the embodiments.

It will be understood by those skilled in the art that all or part of the steps in the user interface display method for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing associated hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc. The above description is only exemplary of the present application and should not be taken as limiting the present application, as any modification, equivalent replacement, or improvement made within the spirit and principle of the present application should be included in the protection scope of the present application.

Claims

1. A user interface display method applied to a terminal having a shaped screen including a gap area, the method comprising:

displaying a first user interface of a first application in a landscape state;

according to the first operation signal, for the ith arc area, arranging and displaying N function controls in the shortcut function control set according to the bending radian of the arc area, wherein i is a positive integer smaller than or equal to k, N is a positive integer smaller than or equal to M, the k arc areas are sequentially arranged from a second curve to a first curve, the first curve is the edge line of the edge where the notch area is located, the second curve is an arc-shaped curve, the N function controls are arranged and displayed according to the priority of the k arc areas, and the priority of the arc areas and the distance between the arc areas and the notch areas are in positive correlation.

2. The method of claim 1, wherein the first operating signal comprises:

a first sliding signal acting on the second local area.

3. The method according to claim 2, wherein the sliding start position of the first sliding signal is located in the second partial area, and the sliding direction of the first sliding signal points to a middle position of the shaped screen.

4. A method according to claim 2 or 3, wherein the second partial area is used to indicate an area at the side of the shaped screen relief area.

5. A method according to claim 2 or 3, wherein the second partial area is used to denote an area which is at a distance from the relief area which is less than a second preset distance.

6. The method of claim 1, wherein a float is included in the first user interface, the float being an operable control that triggers the callout of the set of shortcut functionality controls;

the first operation signal includes: a third slip signal acting on the float.

7. The method of claim 6, wherein a sliding start position of the third sliding signal is located on the float, and a sliding direction of the third sliding signal is directed to a middle position of the shaped screen.

8. The method of claim 1, further comprising:

acquiring a second operation signal acting on the first user interface, wherein the second operation signal is used for requesting to close the shortcut function control set;

and closing the displayed shortcut function control set according to the second operation signal.

9. The method of claim 8, wherein the second operation signal comprises:

a second sliding signal acting on the second local area.

10. The method according to claim 9, wherein the sliding termination position of the second sliding signal is located in the second local area, and the sliding direction of the second sliding signal is directed to the second local area.

11. The method of claim 1, further comprising:

and when a third operation signal on the function control is received, displaying first prompt information on the first user interface, wherein the first prompt information is used for prompting introductory information corresponding to the function control.

12. The method of claim 1, further comprising:

and when a fourth operation signal on the function control is received, displaying a floating window on the first user interface, wherein the floating window is used for displaying the user interface corresponding to the function control.

13. The method of claim 12, wherein the floating window is further displayed with a minimize button; the method further comprises the following steps:

when a fifth operation signal on the minimize button is received, the floating window is not displayed, and the display of the function control is added on the first user interface.

14. The method of claim 12, wherein the floating window is further displayed with a full screen button; the method further comprises the following steps:

and when a sixth operation signal on the full-screen button is received, displaying a user interface corresponding to the function control on the special-shaped screen in a full-screen mode.

15. The method of claim 12, wherein the floating window further displays a move button; the method further comprises the following steps:

when a seventh operation signal on the moving button is received, changing the display position of the floating window in the special-shaped screen according to the seventh operation signal.

16. A user interface display device, for use in a terminal having a shaped screen including a gap area, the device comprising:

the second display module is used for arranging and displaying N function controls in the shortcut function control set according to the bending radian of an arc region for an ith arc region according to the first operation signal, wherein i is a positive integer smaller than or equal to k, N is a positive integer smaller than or equal to M, the k arc regions are sequentially arranged from a second curve to a first curve, the first curve is an edge line of a side where the notch region is located, the second curve is a curve in an arc shape, the N function controls are arranged and displayed according to the priority of the k arc regions, and the priority of the arc regions and the distance of the notch regions are in positive correlation.

17. A terminal, characterized in that the terminal comprises a processor, a memory connected to the processor, and program instructions stored on the memory, which when executed by the processor implement a user interface display method according to any one of claims 1 to 15.

18. A computer-readable storage medium, having stored thereon program instructions which, when executed by a processor, implement the user interface display method of any one of claims 1 to 15.