WO2019233280A1 - 用户界面显示方法、装置、终端及存储介质 - Google Patents

用户界面显示方法、装置、终端及存储介质 Download PDF

Info

Publication number
WO2019233280A1
WO2019233280A1 PCT/CN2019/087975 CN2019087975W WO2019233280A1 WO 2019233280 A1 WO2019233280 A1 WO 2019233280A1 CN 2019087975 W CN2019087975 W CN 2019087975W WO 2019233280 A1 WO2019233280 A1 WO 2019233280A1
Authority
WO
WIPO (PCT)
Prior art keywords
user interface
operation signal
area
display
function control
Prior art date
Application number
PCT/CN2019/087975
Other languages
English (en)
French (fr)
Inventor
宋方
Original Assignee
Oppo广东移动通信有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Oppo广东移动通信有限公司 filed Critical Oppo广东移动通信有限公司
Publication of WO2019233280A1 publication Critical patent/WO2019233280A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Definitions

  • the embodiments of the present application relate to the technical field of terminals, and in particular, to a method, a device, a terminal, and a storage medium for displaying a user interface.
  • Multiple applications are usually installed in the terminal.
  • the user can switch one of the applications to run in the foreground.
  • a user interface display method provided by related technology includes: displaying a first user interface of a first application in a main display area of a touch display screen, and not displaying content in a secondary display area of the touch display screen.
  • the first trigger signal on the interface displays the function controls of the second application in the auxiliary display area of the touch display screen.
  • the main display area and the auxiliary display area belong to different display areas on the same touch display screen.
  • a display area is larger than a second display area of the auxiliary display area.
  • Embodiments of the present application provide a user interface display method, device, terminal, and storage medium.
  • the technical scheme is as follows:
  • a method for displaying a user interface which is applied to a terminal having a special-shaped screen, where the special-shaped screen includes a notch area, and the method includes:
  • 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 area, and N is A positive integer less than or equal to the M.
  • a method for displaying a user interface which is applied to a terminal having a special-shaped screen, where the special-shaped screen includes a notch area, and the method includes:
  • N function controls in the shortcut function control set are displayed in a fan-shaped icon arrangement in a first partial area on the first user interface, and the first partial area and all The distance between the gap regions is less than the first preset distance, and N is a positive integer less than or equal to the M.
  • a user interface display device which is applied to a terminal having a special-shaped screen, the special-shaped screen including a notched area, and the method includes:
  • a first display module configured to display a first user interface of a first application in a horizontal screen state
  • An obtaining module is configured to obtain a first operation signal acting on the first user interface, where the first operation signal is used to request a call out of a set of shortcut function controls, and the set of shortcut function controls includes M function controls. Said M is an integer greater than or equal to 1;
  • a second display module is configured to display N function controls in the shortcut function control set on the first user interface according to the first operation signal, and the N function controls are presented around the gap area.
  • the N is a positive integer less than or equal to the M.
  • a user interface display device which is applied to a terminal having a special-shaped screen, the special-shaped screen including a notched area, and the method includes:
  • a first display module configured to display a first user interface of a first application in a horizontal screen state
  • An obtaining module is configured to obtain a first operation signal acting on the first user interface, where the first operation signal is used to request a call out of a set of shortcut function controls, and the set of shortcut function controls includes M function controls. Said M is an integer greater than or equal to 1;
  • a second display module is configured to display the N function controls in the shortcut function control set in a fan-shaped icon arrangement in a first partial area on the first user interface according to the first operation signal.
  • a distance between the first local area and the notch area is smaller than a first preset distance, and N is a positive integer less than or equal to the M.
  • a terminal is provided, the terminal is a terminal having a special-shaped screen, the special-shaped screen includes a notch area, the terminal includes a processor and a memory, and the memory stores at least one instruction, the instruction Loaded and executed by the processor to implement the user interface display method provided by the first aspect or the second aspect of the present application.
  • a computer-readable storage medium stores at least one instruction, and the instruction is loaded and executed by a processor to implement a user provided by the first aspect or the second aspect of the present application. Interface display method.
  • FIG. 1 is a schematic structural diagram of a terminal provided by 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.
  • 3 to 6 are schematic diagrams of appearances of terminals with different touch display screens provided by exemplary embodiments of the present application.
  • FIG. 7 is a schematic interface diagram of a user interface display method provided in related technologies during implementation.
  • FIG. 8 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application.
  • FIG. 9 is a schematic interface diagram of a user interface display method according to an exemplary embodiment of the present application during implementation.
  • FIG. 10 is a flowchart of a user interface display method provided by another exemplary embodiment of the present application.
  • FIG. 11 is a schematic interface diagram of a user interface display method provided in the embodiment of FIG. 10 during implementation;
  • FIG. 12 is a flowchart of a user interface display method according to another exemplary embodiment of the present application.
  • FIG. 13 is a schematic interface diagram of a user interface display method provided in the embodiment of FIG. 12 during implementation
  • FIG. 14 is a schematic interface diagram of a user interface display method according to an exemplary embodiment of the present application during implementation
  • FIG. 15 is a flowchart of a user interface display method according to another exemplary embodiment of the present application.
  • 16 to 22 are schematic interface diagrams of the user interface display method provided in the embodiment of FIG. 15 during implementation;
  • FIG. 23 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application.
  • FIG. 24 is a schematic interface diagram of a user interface display method according to an exemplary embodiment of the present application during implementation
  • 25 is a schematic structural diagram of a user interface display device according to an exemplary embodiment of the present application.
  • FIG. 26 is a schematic structural diagram of a user interface display device provided by an exemplary embodiment of the present application.
  • N functions in the shortcut function control set are displayed on the first user interface.
  • Controls because N function controls are arranged in a fan shape around the notched area of the special-shaped screen, which avoids the related display area in the related art when the touch display is a special-shaped screen.
  • the problem of fewer controls increases the display area of the shortcut function control collection, which in turn makes the number of function controls that can be displayed larger, which is helpful for users to quickly find the required function controls.
  • FIG. 1 and FIG. 2 are structural block diagrams of a terminal 100 according to an exemplary embodiment of the present application.
  • the terminal 100 may be a mobile phone, a tablet computer, a notebook computer, an e-book, or the like.
  • 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.
  • the 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 various functions and processing data.
  • the processor 110 may use digital signal processing (English: Digital Signal Processing, abbreviation: DSP), field programmable gate array (English: Field-Programmable Gate Array, FPGA), programmable logic array (English: Programmable Logic Array (abbreviation: PLA).
  • DSP Digital Signal Processing
  • FPGA Field-Programmable Gate Array
  • PLA Programmable Logic Array
  • the processor 110 may integrate one or a combination of a central processing unit (English: Central Processing Unit, abbreviated: CPU), an image processor (English: Graphics Processing Unit, abbreviated: GPU), and a modem.
  • a central processing unit English: Central Processing Unit, abbreviated: CPU
  • an image processor English: Graphics Processing Unit, abbreviated: GPU
  • a modem mainly handles the operating system, user interface, and application programs, etc .
  • the GPU is responsible for rendering and drawing of the content required to be touched by the display screen 130
  • the modem is used for processing wireless communication. It can be understood that the modem may not be integrated into the processor 110, and may be implemented by a single chip.
  • the memory 120 may include a random access memory (English: Random Access Memory, RAM for short), and may also include a read-only memory (English: Read-Only Memory).
  • the memory 120 includes a non-transitory computer-readable storage medium (English: non-transitory computer-readable storage medium).
  • the memory 120 may be used to store instructions, programs, codes, code sets, or instruction sets.
  • the memory 120 may include a storage program area and a storage data area, where the storage program 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 for implementing the following method embodiments, etc .; the storage data area may store data (such as audio data, phone book) and the like created according to the use of the terminal 100.
  • the storage program 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 for implementing the following method embodiments, etc .; the storage data area may store data (such as audio data, phone book) and the like created according to the use of the terminal 100.
  • the memory 120 stores the Linux kernel layer 220, the system runtime layer 240, the application framework layer 260, and applications. Layer 280.
  • the Linux kernel layer 220 provides low-level 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, and power management.
  • the system runtime layer 240 provides main feature support for the Android system through some C / C ++ libraries.
  • the SQLite library provides database support
  • the OpenGL / ES library provides 3D drawing support
  • the Webkit library provides browser kernel support.
  • An Android runtime library 242 (English: Android Runtime) is also provided in the system runtime layer 240, which mainly provides some core libraries, which can allow developers to write Android applications using the Java language.
  • 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.
  • At least one application program is running in the application layer 280, and these application programs may be contact programs, SMS programs, clock programs, camera applications, etc. that are native to the operating system, or applications developed by third-party developers, such as Communication programs, photo beautification programs, etc.
  • the IOS system includes: a core operating system layer 320 (English: Core OS layer), and a core service layer 340 (English: Core Services layer) ), Media layer 360 (English: Media layer), and touchable layer 380 (English: Cocoa Touch Layer).
  • the core operating system layer 320 includes an operating system kernel, drivers, and a low-level program framework. These low-level program frameworks provide functions closer to the hardware for use by the program framework located in the core service layer 340.
  • the core service layer 340 provides system services and / or program frameworks required by applications, such as a Foundation framework, an account framework, an advertising framework, a data storage framework, a network connection framework, a geographic location framework, a motion framework, and so on. .
  • the media layer 360 provides audio-visual-related interfaces for applications, such as interfaces related to graphics and images, interfaces related to audio technology, interfaces related to video technology, and wireless playback (English: AirPlay) interfaces of audio and video transmission technologies.
  • the touchable layer 380 provides various commonly-used interface-related frameworks for application development. The touchable layer 380 is responsible for user touch interaction operations on the terminal 100. For example, a local notification service, a remote push service, an advertising framework, a game tool framework, a message user interface interface (English: User Interface, UI) framework, a user interface UIKit framework, a map framework, and so on.
  • the frameworks related to most applications include, but are not limited to, a basic framework in the core service layer 340 and a 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 the UI.
  • the classes provided by the UIKit framework are basic UI class libraries for creating touch-based user interfaces.
  • IOS applications can provide UIs based on the UIKit framework, so it provides the application's infrastructure for building user interfaces and drawing. , Handling and user interaction events, responding to gestures, and more.
  • the touch display screen 130 is also referred to as a touch display screen, and is used to receive a user's touch operation on or near any suitable object, such as a finger, a touch pen, and the like, and to display a user interface of various applications.
  • the touch display screen 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 a special-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-shaped screen and a curved screen, which is not limited in this embodiment. among them:
  • the special-shaped screen is a touch display screen with an irregular appearance, and the irregular shape is not a rectangle or a rounded rectangle.
  • the special-shaped screen refers to a screen design provided with a notched area on the rectangular or rounded rectangular touch display screen 130, and the notched area includes a notch and / or a hole.
  • the notch area may be located at the edge of the touch display screen 130, the center of the screen, or both.
  • the notch area When the notch area is set at an edge, it can be set at the middle or both ends of the edge; when the notch area is set at the center of the screen, it can be set at the upper area, upper left area, left area, lower left area, One or more of the lower region, the lower right region, the right region, and the upper right region.
  • the gap regions When set in multiple regions, the gap regions can be distributed centrally or distributed; they can be symmetrically distributed or asymmetrically distributed. Optionally, the number of the gap regions is not limited.
  • the special-shaped screen covers the upper and / or lower forehead area of the touch display screen as a displayable area and / or an operable area, so that the touch-screen display takes up more space on the front panel of the terminal. Larger screen ratio.
  • 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, a handset, an ambient light brightness sensor, and a physical button. .
  • the notch may be provided on one or more edges, and the notch may be a semi-circular notch, a right-angled rectangular notch, a rounded rectangular notch, or an irregularly-shaped notch.
  • the special-shaped screen may be a screen design provided with a semi-circular notch 43 at the center of the upper edge of the touch display screen 130. The position vacated by the semi-circular notch 43 is used.
  • a distance sensor also known as a proximity sensor
  • a handset and an ambient light brightness sensor; as shown schematically in FIG.
  • the special-shaped screen may be on the lower edge of the touch display screen 130
  • the central position is provided with a screen design of a semi-circular notch 44.
  • the space vacated by the semi-circular notch 44 is used to accommodate at least one component of a physical button, a fingerprint sensor, and a microphone; as shown schematically in FIG. 5
  • the special-shaped screen may be a screen design provided with a semi-elliptical notch 45 at the center of the lower edge of the touch display screen 130, and a semi-elliptical notch is formed on the front panel of the terminal 100.
  • the notch encloses an elliptical area, which is used to accommodate physical keys or fingerprint recognition modules.
  • the notched area is a digging hole and a special shape.
  • the screen may be a screen design provided with at least one cutout 46 in the upper half of the touch display 130, and the vacated position of the cutout 46 is used to accommodate a camera, a distance sensor, a handset, and an ambient light sensor. At least one front panel component.
  • the structure of the terminal 100 shown in the above drawings does not constitute a limitation on the terminal 100.
  • the terminal may include more or fewer components than shown in the figure, or combine some Components, or different component arrangements.
  • the terminal 100 further includes components such as a radio frequency circuit, an input unit, a sensor, an audio circuit, a wireless fidelity (English: Wireless Fidelity, WiFi) module, a power source, and a Bluetooth module, and details are not described herein again.
  • a method for displaying a user interface includes: displaying a first user interface 41 of a first application program in a main display area of the touch display screen, and The secondary display area does not display content. If a first trigger signal is received on the first user interface 41, the function control 42 of the second application (for example, function control A, function control) is displayed in the secondary display area of the touch display screen. B and functional controls C).
  • the main display area is the area where the largest rectangle is divided according to the three straight edges and the edge line of the notch area, and the auxiliary display area is the remaining part except the main display area.
  • auxiliary display area Because the display area of the auxiliary display area is small, there are fewer function controls that can be accommodated and displayed in the auxiliary display area, which leads to a greatly reduced possibility that the function controls required by the user can be directly displayed in the auxiliary display area. A convenient and effective user interface display method has not yet been provided.
  • the embodiments of the present application provide a user interface display method, a device, a terminal, and a storage medium to solve the problems in the foregoing related technologies.
  • a schematic embodiment is used for description.
  • FIG. 8 shows a flowchart of a user interface display method according to an exemplary embodiment of the present application.
  • This embodiment is exemplified by applying the method to the terminal 100, which is a terminal having a special-shaped screen.
  • the method includes:
  • Step 501 Display a first user interface of a first application in a landscape orientation.
  • the screen state of the terminal includes a vertical screen state and a horizontal screen state.
  • the terminal is in the horizontal screen state, the first user interface of the first application program is displayed.
  • the touch display of the terminal includes a main display area and a secondary display area.
  • the main display area and the secondary 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.
  • the terminal is a terminal having a special-shaped screen
  • the special-shaped screen is an irregularly-shaped screen provided with a notch area.
  • the main display area is a rectangular display area on the special-shaped screen
  • the secondary display area is a special-shaped display area on the special-shaped screen.
  • Display area Schematically, the three sides of the special-shaped screen are straight sides, and the remaining one is a curved side with a notched area.
  • the main display area is the area where the largest rectangle is divided according to the three straight edges and the edges of the notched area.
  • the display area is the remainder except the main display area.
  • the terminal displays the first user interface of the first application on the main display area, and does not display content in the secondary display area.
  • the terminal displaying the first user interface of the first application on the special-shaped screen includes: the terminal displaying the first user interface of the first application in the entire display area, that is, the main display area and the secondary display area.
  • the first user interface refers to a program interface of a first application program.
  • Step 502 Obtain a first operation signal acting on the first user interface.
  • the first operation signal is used to request a set of shortcut function controls.
  • the shortcut function control set includes M function controls, where 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 trajectories that slide from the left edge of the special-shaped screen of the terminal to the right, or the first operating signal is N sliding trajectories that slide upward from the lower edge of the special-shaped screen of the terminal.
  • N is a positive integer.
  • orientation words (such as left, right, up, or down) involved in the embodiments of the present application are described on the premise that the terminal is in a horizontal 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.
  • the screen state of the terminal is a horizontal screen state
  • the user performs a sliding operation with a finger on the left edge of the touch screen of the terminal to the right.
  • the first operation signal received by the terminal is The signal corresponding to 1 slide track with the left edge sliding to the right.
  • N function controls in the shortcut function control set are displayed on the first user interface according to the first operation signal.
  • the N function controls are arranged in a fan shape around the gap area, and N is a positive integer less than or equal to M.
  • 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 area, and N is less than or equal to M Positive integer.
  • the terminal displays the N function controls in the shortcut function control set in a fan-shaped icon arrangement in the first partial area on the first user interface, between the first partial area and the gap area.
  • the distance is less than the first preset distance.
  • the first local area can also be referred to as a local fan-shaped area, which is a display area that has an incomplete fan shape on the special-shaped screen.
  • the first local area is a local fan-shaped area including an edge line of the notch area in the special-shaped screen.
  • the first preset distance is set by the terminal by default, or may be set by a user. This embodiment is not limited to this.
  • the N function controls are sequentially arranged on both sides according to the curved arc of the first local area, that is, the local fan area, based on the notched area of the special-shaped screen.
  • the maximum number of displayed icons can be set by the terminal by default, or can be set by the user.
  • the maximum number of icons displayed is 7. This embodiment is not limited to this.
  • the terminal after the terminal displays the N function controls, if no operation signal corresponding to the first partial area is 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 terminal by default, or can be set by the user.
  • the preset time period is 3 seconds. This embodiment of the present application does not limit this.
  • the terminal displays seven function controls 43 (including: function control A to function) in a fan-shaped icon arrangement in a first partial area 42 on the first user interface 41.
  • Control G the terminal displays seven function controls 43 (including: function control A to function) in a fan-shaped icon arrangement in a first partial area 42 on the first user interface 41.
  • Control G the terminal displays seven function controls 43 (including: function control A to function) in a fan-shaped icon arrangement in a first partial area 42 on the first user interface 41.
  • function controls 43 including: function control A to function
  • the first user interface of the first application is displayed in the horizontal screen state of the terminal as a first operation signal on the first user interface, and displayed on the first user interface.
  • the N function controls in the shortcut function control set because the N function controls are arranged in a fan shape around the gap area of the special-shaped screen, which avoids the auxiliary display area that is the special-shaped screen gap area when the touch display is a special-shaped screen in the related art.
  • the area on both sides of the display can accommodate fewer function controls, which increases the display area of the shortcut function control collection, which in turn makes the number of function controls that can be displayed larger, which helps users quickly find the required function controls.
  • the method for triggering the display of the shortcut function control set may be invisible or explicit.
  • the first user interface of the first application program does not display an entry for triggering the display of the shortcut function control set, but is triggered by a gesture signal, that is, the trigger mode of the shortcut function control set Is invisible.
  • the first user interface of the first application program displays an entry for triggering the display of the shortcut function control set, and triggers the entry by performing a preset operation, that is, the trigger of the shortcut function control set The way is explicit.
  • these two possible implementation manners are introduced in turn in a schematic embodiment only.
  • FIG. 10 illustrates a flowchart of a user interface display method provided by an exemplary embodiment of the present application. This embodiment is exemplified by applying the method to a terminal 100 having a special-shaped screen. The method includes:
  • Step 701 Display a first user interface of a first application in a horizontal screen state.
  • the screen state of the terminal includes one of a vertical screen state and a horizontal screen state.
  • the first application is displayed in full screen on the special-shaped screen.
  • First user interface When the first application is in the foreground running state and the screen state of the terminal is in the horizontal screen state, the first application is displayed in full screen on the special-shaped screen.
  • Step 702 Obtain a first sliding signal acting on a second local area.
  • the distance between the second local area and the gap area is less than the second preset distance, and the first sliding signal acting on the second local area is used to request a set of shortcut function controls to be called.
  • the distance between the second local area and the notch area is smaller than the second preset distance.
  • the second preset distance may be set by the terminal by default, or may be set by the user. This embodiment is not limited to this.
  • the second local area is used to indicate an area located on the side of the notched area of the special-shaped screen.
  • the second local area is used to indicate an area whose distance from the notch area is smaller than the second preset distance.
  • the three sides of the special-shaped screen are straight sides, and the remaining one is a first curve.
  • the first curve includes an edge line of the notch area
  • the second local area is a local area including the first curve in the special-shaped screen.
  • the second local area is the same area as the first local area. This embodiment is not limited to this.
  • the edge of the second partial region includes a first curve and a second curve;
  • the first sliding signal is a signal sliding from the first curve to the second curve, and the first curve includes an edge line of the side where the notch region in the special-shaped screen is located
  • the second curve is an arc-shaped curve, and the distance between the first curve and the notch area is smaller than the distance between the second curve and the notch area.
  • 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.
  • the first sliding signal is a signal that slides from the curved edge of the notched area in the special-shaped screen to the right.
  • Step 703 According to the first sliding signal, N function controls in the shortcut 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.
  • N function controls are superimposed and displayed in a fan-shaped icon arrangement manner.
  • the N function controls can be sequentially arranged and displayed from the upper left corner of the first partial area in order of priority.
  • the priority of the N function controls is set by the terminal by default, or is set by the user, or is set according to the degree of matching with the first application.
  • the type, number, and display order of the N function controls are not limited.
  • the N function controls include at least one of a function control of a second application, a function control of a shortcut tool, and a function control of preset recommendation information.
  • the shortcut tool includes at least one of a mute tool, a hang-up tool, and a parameter configuration tool
  • the preset recommendation information includes at least one of an application guide, benefit information, and evaluation content.
  • the preset recommendation information includes a game guide.
  • the preset recommendation information includes movie review content.
  • the second application may be an application that has not been started, or may be an application in a background running state.
  • the embodiment of the present application does not limit the running state of the second 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 communication program, a voice chat program, and a video chat program.
  • the terminal obtains a second operation signal acting on the first user interface, and the second operation signal is used to request closing of the shortcut function control set; and according to the second operation signal, closing the displayed shortcut function control set.
  • the methods for closing the displayed shortcut function control collection include, but are not limited to, the following two possible implementation methods:
  • the terminal when the terminal receives the second sliding signal corresponding to the second partial area, the display of the shortcut function control set is cancelled, and the second sliding signal is a signal opposite to the direction of the first sliding signal.
  • the second operation signal includes a second sliding signal acting on the second local area.
  • 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.
  • the terminal When the terminal receives the second sliding signal corresponding to the second partial area, the terminal switches and displays the set of shortcut function controls on the second partial area as the display content of the current user interface of the first application program in the second partial area.
  • the terminal 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 region is a region other than the first partial region on the first user interface.
  • the terminal displays the first user interface 41 of the first application in a horizontal screen state.
  • the terminal receives the curved edge from the gap region on the first user interface 41
  • seven function controls 43 are displayed in a fan-shaped icon arrangement in the first partial area 42 on the first user interface 41.
  • the embodiment of the present application further displays N function controls in the shortcut function control set on the first user interface when the first sliding signal acting on the second partial area is obtained;
  • the method of displaying the shortcut function control set is invisible, and the human-machine interaction efficiency is improved while the display elements of the first user interface of the first application program are not blocked.
  • FIG. 12 shows a flowchart of a user interface display method provided by an exemplary embodiment of the present application. This embodiment is exemplified by applying the method to a terminal 100 having a special-shaped screen.
  • the method includes:
  • Step 901 When the screen state of the terminal is switched from a vertical screen state to a horizontal screen state, a first user interface of a first application program is displayed on the special-shaped screen.
  • Step 902 A buoy is displayed in the first user interface, and the buoy is an operable control that triggers a callout shortcut function control set.
  • the terminal displays a buoy in a secondary display area in the first user interface.
  • the auxiliary display area includes one or two.
  • one of the auxiliary display areas is located above the gap area, and the other is the second auxiliary display area below the gap area.
  • the first auxiliary display area and the second auxiliary display area can also be regarded as a whole, and viewed as one auxiliary display area.
  • the buoy is an operable control that triggers the callout shortcut function control collection.
  • the type of the buoy includes at least one of a button, a controllable item, and a slider.
  • Step 903 Obtain a third sliding signal acting on the buoy.
  • the third sliding signal is used to request to call out the shortcut function control set.
  • the third sliding signal is a signal that slides left or right from the buoy.
  • step 904 according to the third sliding signal, N function controls in the shortcut 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.
  • the terminal displays N function controls in a fan-shaped icon arrangement in a first partial area on the first user interface, and cancels displaying the buoy.
  • the N function controls can be sequentially arranged and displayed from the upper left corner of the first partial area in order of priority. It should be noted that, for a process of displaying N function controls in a fan-shaped icon arrangement manner in a first partial area on the first user interface, reference may be made to related descriptions in the foregoing embodiments, and details are not described herein again.
  • the displayed shortcut function control set is closed, and the fourth sliding signal is a signal opposite to the direction of the third sliding signal.
  • the fourth sliding signal when the third sliding signal is a signal sliding from the buoy to the left, the fourth sliding signal is a signal sliding from the arc of the first partial area to the right; when the third sliding signal is from the buoy When the signal is swiped to the right, the fourth swipe signal is a signal to swipe left from the arc curve of the first partial area.
  • the first user interface 41 of the first application program is displayed on the special-shaped screen, and the first user The buoy 101 is displayed on the interface 41.
  • seven function controls 43 are displayed in a fan-shaped icon arrangement in the first partial area 42 on the first user interface 41 ( Including: function control A to function control G).
  • the N function controls in the shortcut function control set are displayed on the first user interface; so that it is used to trigger the display of the shortcut function.
  • the way of the control collection is explicit, which further makes the trigger entry corresponding to the shortcut function control collection more intuitive, which is convenient for the user to operate and remember.
  • edges of the first partial area for displaying the N functional 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 includes the edge line of the side where the notch area of the special-shaped screen is located
  • the second curve is an arc-shaped curve, that is, an arc-shaped curve.
  • the first partial region includes k arc-shaped regions, and the k arc-shaped regions are sequentially arranged from the second curve of the first local region to the first curve, where k is a positive integer.
  • step 503, step 703, or step 904 can be replaced and implemented as the following steps:
  • N arcs are curved according to the curvature of the arc region.
  • Function controls are arranged and displayed, i is a positive integer less than or equal to k.
  • N function controls are arranged and displayed according to the priorities of the k arc-shaped areas.
  • the priority of the curved area is positively related to the distance between the curved area and the gap area. That is, the closer the arc-shaped region is to the gap region, the higher the priority of the arc-shaped region.
  • At least two function controls are arranged in order from the upper left corner of the i-th arc area in accordance with the priority order of the function controls.
  • the first partial region includes two curved regions (the curved region 111 and the curved region 112), and the terminal in the first partial region on the first user interface 41
  • five function controls 113 are arranged and displayed according to the curved radian of the curved area 111
  • the curved area 112 is arranged and displayed according to the curved radian of the curved area 112
  • Seven function controls 113 including: function control F to function control L).
  • the implementation of the present application also arranges and displays N function controls for the i-th arc area according to the bending radian of the arc area; the display area of the function controls is further increased to make the first partial area The number of function controls that can be displayed is increased.
  • N function controls are function controls of the second application are taken as an example for description.
  • the terminal displays N function controls in a fan-shaped icon arrangement in a first partial area on the first user interface, that is, after the above step 503, the following steps are included, as shown in the figure. 15 shows:
  • Step 1201 When a third operation signal on the function control is received, first prompt information is displayed on the first user interface, and the first prompt information is used to prompt introductory information corresponding to the function control.
  • a second prompt message is displayed on the first user interface, and the second prompt message is used to prompt a second trigger on the function control. operating.
  • the terminal when the user performs a second trigger operation on the function control, correspondingly, receives a third operation signal corresponding to the second trigger operation, and displays the first prompt information on the first user interface.
  • the third operation signal is a signal of a long press operation.
  • 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.
  • the terminal when the user performs a long-press operation on the function control of the second application C, correspondingly, the terminal receives a signal of the long-press operation and displays a first prompt on the first user interface 41 Information 132, the first prompt information 132 is "One-click view of XX assistant game strategy and benefits, to quickly understand the game outfit, hero skills, I wish you a steady rise to the stars".
  • step 1202 when the fifth sliding signal in the first partial area on the first user interface is received, following the fifth sliding signal, the display of N function controls is cancelled in the first partial area, and the number of function controls is increased in the first partial area. Display of other function controls except N function controls in the shortcut function control collection.
  • the fifth sliding signal is a signal that slides according to the bending radian of the second curve of the first partial area, that is, the curved curve.
  • the terminal may first display the function controls of the second application in the first partial area.
  • the display of the function controls of the second application is cancelled in the first partial area, and the function controls of the third application are added to the first partial area. display.
  • the terminal performs sliding display on the first partial area according to the fifth sliding signal.
  • the sliding display includes: canceling the display of the function controls moved out of the first partial area, displaying the function controls moved in the first partial area, and changing the display position of the function controls still in the first partial area following the second sliding signal.
  • the terminal when the terminal receives the fifth sliding signal on the first partial area 42 (sliding downwards according to the arc of the curved curve), the terminal follows the fifth sliding signal to the function control 43 (for example, the function control F and The function control G) is moved out of the first partial area 42, and the function control 151 (for example, the function control H and the function control I) is moved into the first partial area 42.
  • the function control 43 for example, the function control F and The function control G
  • the function control 151 for example, the function control H and the function control I
  • the terminal After displaying the N function controls in a fan-shaped icon arrangement, when a first sliding signal on the first user interface is received, the function controls of the second application are switched to be displayed as the third application in the first partial area Function controls. At this time, the terminal displays at least two function controls of the third application program in a fan-shaped icon arrangement manner in a first partial area on the first user interface.
  • At least two function controls of the third application are switched and displayed in a fan-shaped icon arrangement, and There is no intersection of N functional controls.
  • the function control of the third application program is restored and displayed as the function control of the second application program in the first partial area.
  • the second sliding signal is a signal opposite to the direction of the first sliding signal.
  • the operation signal setting of the function controls of the second application program will be restored. Is a signal other than the second slide signal. If the second sliding signal is used to trigger the function control of the third application to be displayed as the function control of the second application in the first partial area, the trigger signal for canceling the display of N function controls is set to For signals other than the two sliding signals, for example, when the terminal receives an operation signal corresponding to the third partial area, the display of the N function controls is cancelled.
  • Step 1203 When a fourth operation signal on the function 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 function control.
  • 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.
  • the user clicks a function control of the second application on the first partial area.
  • the terminal receives a fourth operation signal on the function control.
  • the fourth operation signal is a single-click signal and / or a double-click signal
  • the fourth operation signal and the third operation signal are two different operation signals.
  • 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, and 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 first local area, that is, a distance between the local area and the first local area is less than a threshold.
  • Floating windows also known as top-level windows or picture-in-picture windows, can be implemented by the Windows Manager window in the Android operating system.
  • the floating window can try not to obstruct the main display elements on the first user interface.
  • the user can operate the second user interface in the floating window to control the operation of the second application program.
  • the terminal receives a drag signal on the border 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.
  • At least one of a minimize button, a full-screen button, and a move button is also displayed on the floating window.
  • the terminal displays a floating window 161 superimposed on the first user interface 41, and the floating window 161 is used to display the second application Second user interface 162.
  • the floating window 161 also displays a move button 163, a minimize button 164, and a full screen button 165.
  • step 1204 when the fifth operation signal on the minimize button is received, the floating window is cancelled and the display of the function control corresponding to the floating window is added to the first user interface.
  • the fifth operation signal is any one of a click signal, a double-click signal, and a long-press signal.
  • the fifth operation signal is a click signal for illustration.
  • the floating window is canceled, and the function control of the second application is added to the first user interface. Display.
  • the terminal cancels displaying the floating window and closes the second application program.
  • the terminal cancels the display of the floating window, and displays a function control of the second application program on the first user interface to switch the second application program to Background running status. That is, the terminal minimizes and displays the floating window as a function control of the second application.
  • the terminal cancels the display of the floating window 161 and adds a display of the function control C of the second application on the first user interface 41.
  • Step 1205 When the sixth operation signal on the full-screen button is received, the user interface corresponding to the function control is displayed on the special-shaped screen in a full-screen manner.
  • the second user interface of the second application program is displayed in a full-screen manner on the special-shaped screen.
  • the sixth operation signal is any one of a click signal, a double-click signal, and a long-press signal.
  • the sixth operation signal is a click signal for illustration.
  • the second user interface of the second application is displayed in a full-screen manner on the special-shaped screen.
  • the terminal displays the second user interface of the second application in the special-shaped screen in a full-screen manner, and switches the first application from the foreground running state to the background running state.
  • the terminal displays the second user interface 162 in a full-screen manner in the special-shaped screen.
  • step 1206 when the seventh operation signal on the moving area is received, the display position of the floating window on the special-shaped screen is changed according to the seventh operation signal.
  • the seventh operation signal is a drag signal.
  • the moving area can be a button, a control, or any area on a floating window.
  • the terminal changes the display position of the floating window on the special-shaped screen according to the seventh operation signal.
  • the terminal changes the display position of the floating window 161 following the drag signal.
  • the moving button 163 may not be displayed, and any area on the floating window may be used instead.
  • the above steps 1201 to 1203 may be performed only one of them, or multiple of them may be performed; after performing step 1203, the above steps 1204 to 1206 may be performed only one of them, or multiple of them, depending on what the terminal actually receives It depends on the operation signal, which is not limited in the embodiment of the present application.
  • the user interface display method provided in this embodiment further designs two display modes for the first partial area, and switches between the two display modes through the first sliding signal and the fifth sliding signal, so that the first A local area displays more information in a limited display area, and improves the utilization rate of the first local area.
  • the user interface display method provided in this embodiment further adds a move button, a minimize button, and a full-screen button to the floating layer window, so that the user can freely change the display position and display state of the floating layer window, so that the user can freely use the
  • the first application, the second application, and simultaneous use are considered.
  • the first application is a video player
  • the second application is an instant messaging program.
  • the user can chat with other users without affecting the video playback process.
  • the first application is a game program.
  • the second application is a video chat program, users can play games and video chat with other users at the same time; for example, the first application is a text editing program, the second application is a dictionary program, and the user can edit text using a text editing program In the process of performing word search or translation at the same time.
  • FIG. 23 shows a flowchart of a user interface display method according to an exemplary embodiment of the present application.
  • This embodiment is exemplified by applying the method to the terminal 100, which is a terminal having a special-shaped screen.
  • the method includes:
  • Step 2001 Display a first user interface of a first application in a horizontal screen state.
  • the terminal displays a first user interface of the first application in a landscape orientation.
  • a first operation signal acting on the first user interface is obtained.
  • the first operation signal is used to request a set of shortcut function controls.
  • the shortcut function control set includes M function controls, where M is an integer greater than or equal to 1.
  • the terminal acquires a first operation signal acting on the first user interface.
  • the first operation signal is a first sliding signal acting on the second local area.
  • step 2003 according to the first operation signal, the N function controls in the shortcut function control set are displayed in a fan-shaped icon arrangement in the first partial area on the first user interface.
  • the distance between the first partial area and the gap area Less than the first preset distance, N is a positive integer less than or equal to M.
  • the edge of the first partial region includes a first curve and a second curve; the first curve includes an edge line of the side where the notch region in the shape screen is located, and the second curve is an arc curve.
  • the terminal is in a horizontal screen state, and the first application program is a game program.
  • the terminal displays the first user interface 211 of the game program in the special-shaped screen.
  • the terminal obtains the first user
  • the first operation signal on the interface 211 for example, a signal swiping from the left edge of the special-shaped screen to the right
  • seven function controls 212 are displayed in an array of fan-shaped icons. (Including: Function Control A to Function Control G).
  • FIG. 25 is a schematic structural diagram of a user interface display device provided by an exemplary embodiment of the present application.
  • the user interface display device may be implemented as a whole or a part of the terminal in FIG. 1 through a dedicated hardware circuit or a combination of software and hardware.
  • the user interface display device includes a first display module 2210, an acquisition module 2220, and a second display module. 2230.
  • a first display module 2210 configured to display a first user interface of a first application in a horizontal screen state
  • the obtaining module 2220 is configured to obtain a first operation signal acting on the first user interface.
  • the first operation signal is used to request a set of shortcut function controls.
  • the shortcut function control set includes M function controls, where M is greater than or equal to 1 An integer
  • the second display module 2230 is configured to display the N function controls in the shortcut function control set on the first user interface according to the first operation signal.
  • the N function controls are arranged in a fan shape around the gap area, where N is less than or equal to M Positive integer.
  • the first operation signal includes:
  • a first sliding signal acting on the second local area A first sliding signal acting on the second local area.
  • 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 the middle position of the special-shaped screen.
  • the second local area is used to indicate an area located on the side of the notched area of the special-shaped screen.
  • the second local area is used to indicate an area whose distance from the notch area is smaller than the second preset distance.
  • the first user interface includes a buoy, and the buoy is an operable control that triggers a callout shortcut function control set;
  • the first operation signal includes a third sliding signal acting on the buoy.
  • the sliding start 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.
  • the device further includes a shutdown module.
  • the obtaining module 2220 is further configured to obtain a second operation signal acting on the first user interface, and the second operation signal is used to request to close the shortcut function control set;
  • the closing module is configured to close the displayed shortcut function control collection according to the second operation signal.
  • the second operation signal includes a second sliding signal acting on the second local area.
  • 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.
  • the device further includes: a third display module, configured to display the first prompt information on the first user interface when the third operation signal on the function control is received, and the first prompt information is used to prompt the function Introductory information for the control.
  • a third display module configured to display the first prompt information on the first user interface when the third operation signal on the function control is received, and the first prompt information is used to prompt the function Introductory information for the control.
  • the device further includes a fourth display module configured to display a floating window on the first user interface when a fourth operation signal on the function control is received, and the floating window is used to display a user corresponding to the function control. interface.
  • a fourth display module configured to display a floating window on the first user interface when a fourth operation signal on the function control is received, and the floating window is used to display a user corresponding to the function control. interface.
  • the floating window further displays a minimize button;
  • the device further includes: a fifth display module, configured to cancel displaying the floating window when the fifth operation signal on the minimize button is received, and the first user Added display of function controls on the interface.
  • the floating window also displays a full-screen button;
  • the device further includes: a sixth display module, configured to display the corresponding function control in a full-screen manner on the special-shaped screen when the sixth operation signal on the full-screen button is received User Interface.
  • the floating window further displays a moving button;
  • the device further includes: a seventh display module, configured to change the floating window in the special-shaped screen according to the seventh operating signal when the seventh operating signal on the moving button is received. Display position.
  • the first display module 2210 and the second display module 2230 are also used to implement any other hidden or disclosed functions related to the display step in the above method embodiment; the acquisition module 2220 is also used to implement any other in the above method embodiment Implied or exposed functionality related to the acquisition step.
  • FIG. 26 is a schematic structural diagram of a user interface display device according to an exemplary embodiment of the present application.
  • the user interface display device may be implemented as a whole or a part of the terminal in FIG. 1 through a dedicated hardware circuit or a combination of software and hardware.
  • the user interface display device includes a first display module 2310, an acquisition module 2320, and a second display module. 2330.
  • a first display module 2310 configured to display a first user interface of a first application in a horizontal screen state
  • the obtaining module 2320 is configured to obtain a first operation signal acting on the first user interface.
  • the first operation signal is used to request an outgoing shortcut function control set.
  • the shortcut function control set includes M function controls, where M is greater than or equal to 1 An integer
  • the second display module 2330 is configured to display the N function controls in the shortcut function control set in a fan-shaped icon arrangement in the first partial area on the first user interface according to the first operation signal.
  • the first partial area and the gap The distance between the regions is less than the first preset distance, and N is a positive integer less than or equal to M.
  • an edge of the first partial region includes a first curve and a second curve
  • the first curve includes: the edge line of the side where the notch area in the special-shaped screen is located;
  • the second curve is an arc curve.
  • the first partial region includes k arc-shaped regions, and the k arc-shaped regions are sequentially arranged from the second curve of the first local region to the first curve, where k is a positive integer;
  • the second display module 2330 is configured to arrange and display N function controls according to the first operation signal for the i-th arc area according to the curvature of the arc area, where i is a positive integer less than or equal to k.
  • the first operation signal includes:
  • a first sliding signal acting on the second local area A first sliding signal acting on the second local area.
  • 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 the middle position of the special-shaped screen.
  • the second local area is used to indicate an area located on the side of the notched area of the special-shaped screen.
  • the second local area is used to indicate an area whose distance from the notch area is smaller than the second preset distance.
  • the first user interface includes a buoy, and the buoy is an operable control that triggers a callout shortcut function control set;
  • the first operation signal includes a third sliding signal acting on the buoy.
  • the sliding start 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.
  • the device further includes a shutdown module.
  • the obtaining module 2320 is further configured to obtain a second operation signal acting on the first user interface, and the second operation signal is used to request to close the shortcut function control set;
  • the closing module is configured to close the displayed shortcut function control collection according to the second operation signal.
  • the second operation signal includes a second sliding signal acting on the second local area.
  • 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 points to the second local area.
  • the device further includes: a third display module, configured to display the first prompt information on the first user interface when the third operation signal on the function control is received, and the first prompt information is used to prompt the function Introductory information for the control.
  • a third display module configured to display the first prompt information on the first user interface when the third operation signal on the function control is received, and the first prompt information is used to prompt the function Introductory information for the control.
  • the device further includes a fourth display module configured to display a floating window on the first user interface when a fourth operation signal on the function control is received, and the floating window is used to display a user corresponding to the function control. interface.
  • a fourth display module configured to display a floating window on the first user interface when a fourth operation signal on the function control is received, and the floating window is used to display a user corresponding to the function control. interface.
  • the floating window further displays a minimize button;
  • the device further includes: a fifth display module, configured to cancel displaying the floating window when the fifth operation signal on the minimize button is received, and the first user Added display of function controls on the interface.
  • the floating window also displays a full-screen button; the device further includes: a sixth display module, configured to display the corresponding function control in a full-screen manner on the special-shaped screen when the sixth operation signal on the full-screen button is received.
  • a sixth display module configured to display the corresponding function control in a full-screen manner on the special-shaped screen when the sixth operation signal on the full-screen button is received.
  • the floating window further displays a moving button;
  • the device further includes: a seventh display module, configured to change the floating window in the special-shaped screen according to the seventh operating signal when the seventh operating signal on the moving button is received. Display position.
  • the first display module 2310 and the second display module 2330 are also used to implement any other functions related to the display step that are implicit or disclosed in the above method embodiments; the acquisition module 2320 is also used to implement any other in the above method embodiments Implied or exposed functionality related to the acquisition step.
  • the devices provided by the above embodiments only use the division of the above functional modules as an example to implement their functions. In practical applications, the above functions may be allocated by different functional modules as required. The internal structure of the device is divided into different functional modules to complete all or part of the functions described above.
  • the apparatus and method embodiments provided by the foregoing embodiments belong to the same concept. For specific implementation processes, refer to the method embodiments, and details are not described herein again.
  • the present application also provides a terminal.
  • the terminal is a terminal with a special-shaped screen.
  • the special-shaped screen includes a gap area.
  • the terminal includes a processor, a memory connected to the processor, and program instructions stored in the memory.
  • the user interface display method provided by the foregoing method embodiments.
  • the present application also provides a computer-readable medium, which stores program instructions, and when the program instructions are executed by a processor, the user interface display methods provided by the foregoing method embodiments are implemented.
  • the present application also provides a computer program product containing instructions, which when executed on a computer, causes the computer to execute the user interface display methods described in the foregoing embodiments.

Abstract

本申请公开了一种用户界面显示方法、装置、终端及存储介质，属于终端技术领域。所述方法包括：在横屏状态下显示第一应用程序的第一用户界面；获取作用于第一用户界面上的第一操作信号，第一操作信号用于请求呼出快捷功能控件集合，快捷功能控件集合中包括M个功能控件；根据第一操作信号，在第一用户界面上展示快捷功能控件集合中的N个功能控件，N个功能控件围绕着缺口区域呈扇形排列。本申请实施例通过N个功能控件是围绕着异形屏的缺口区域呈扇形排列的，增大了快捷功能控件集合的显示面积，进而使得可容纳显示的功能控件数量更多，有利于用户快速查找到所需的功能控件。

Description

用户界面显示方法、装置、终端及存储介质
本申请要求于2018年06月08日提交的申请号为201810588418.7、发明名称为“用户界面显示方法、装置、终端及存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请实施例涉及终端技术领域，特别涉及一种用户界面显示方法、装置、终端及存储介质。
背景技术
通常终端中安装有多个应用程序。当后台运行有多个应用程序时，用户可以将其中一个应用程序切换至前台运行。
相关技术提供的一种用户界面显示方法，包括：在触摸显示屏的主显示区域显示第一应用程序的第一用户界面，在触摸显示屏的辅显示区域不显示内容，若接收到第一用户界面上的第一触发信号，则在触摸显示屏的辅显示区域显示第二应用程序的功能控件，主显示区域和辅显示区域是属于同一触摸显示屏上的不同显示区域，主显示区域的第一显示面积大于辅显示区域的第二显示面积。
发明内容
本申请实施例提供了一种用户界面显示方法、装置、终端及存储介质。技术方案如下：
一方面，提供了一种用户界面显示方法，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述方法包括：
在横屏状态下显示第一应用程序的第一用户界面；
获取作用于所述第一用户界面上的第一操作信号，所述第一操作信号用于请求呼出快捷功能控件集合，所述快捷功能控件集合中包括M个功能控件，所述M为大于或者等于1的整数；
根据所述第一操作信号，在所述第一用户界面上展示所述快捷功能控件集合中的N个功能控件，所述N个功能控件围绕着所述缺口区域呈扇形排列，所述N为小于或者等于所述M的正整数。
另一方面，提供了一种用户界面显示方法，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述方法包括：
在横屏状态下显示第一应用程序的第一用户界面；
获取作用于所述第一用户界面上的第一操作信号，所述第一操作信号用于请求呼出快捷功能控件集合，所述快捷功能控件集合中包括M个功能控件，所述M为大于或者等于1的整数；
根据所述第一操作信号，在所述第一用户界面上的第一局部区域中以扇形的图标排列方式展示所述快捷功能控件集合中的N个功能控件，所述第一局部区域与所述缺口区域之间的距离小于第一预设距离，所述N为小于或者等于所述M的正整数。
另一方面，提供了一种用户界面显示装置，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述方法包括：
第一显示模块，用于在横屏状态下显示第一应用程序的第一用户界面；
获取模块，用于获取作用于所述第一用户界面上的第一操作信号，所述第一操作信号用于请求呼出快捷功能控件集合，所述快捷功能控件集合中包括M个功能控件，所述M为大于或者等于1的整数；
第二显示模块，用于根据所述第一操作信号，在所述第一用户界面上展示所述快捷功能控件集合中的N个功能控件，所述N个功能控件围绕着所述缺口区域呈扇形排列，所述N为小于或者等于所述M的正整数。
另一方面，提供了一种用户界面显示装置，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述方法包括：
第一显示模块，用于在横屏状态下显示第一应用程序的第一用户界面；
获取模块，用于获取作用于所述第一用户界面上的第一操作信号，所述第一操作信号用于请求呼出快捷功能控件集合，所述快捷功能控件集合中包括M个功能控件，所述M为大于或者等于1的整数；
第二显示模块，用于根据所述第一操作信号，在所述第一用户界面上的第一局部区域中以扇形的图标排列方式展示所述快捷功能控件集合中的N个功能控件，所述第一局部区域与所述缺口区域之间的距离小于第一预设距离，所述N为小于或者等于所述M的正整数。
另一方面，提供了一种终端，所述终端是具有异形屏的终端，所述异形屏包括缺口区域，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如 本申请第一方面或者第二方面所提供的用户界面显示方法。
另一方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如本申请第一方面或者第二方面所提供的用户界面显示方法。
附图说明
图1是本申请一个示例性实施例提供的终端的结构示意图；
图2是本申请另一个示例性实施例提供的终端的结构示意图；
图3至图6是本申请的示例性实施例提供的具有不同触摸显示屏的终端的外观示意图；
图7是相关技术中提供的用户界面显示方法在实施时的界面示意图；
图8是本申请一个示例性实施例提供的用户界面显示方法的流程图；
图9是本申请一个示例性实施例提供的用户界面显示方法在实施时的界面示意图；
图10是本申请另一个示例性实施例提供的用户界面显示方法的流程图；
图11是图10实施例提供的用户界面显示方法在实施时的界面示意图；
图12是本申请另一个示例性实施例提供的用户界面显示方法的流程图；
图13是图12实施例提供的用户界面显示方法在实施时的界面示意图；
图14是本申请一个示例性实施例提供的用户界面显示方法在实施时的界面示意图；
图15是本申请另一个示例性实施例提供的用户界面显示方法的流程图；
图16至图22是图15实施例提供的用户界面显示方法在实施时的界面示意图；
图23是本申请一个示例性实施例提供的用户界面显示方法的流程图；
图24是本申请一个示例性实施例提供的用户界面显示方法在实施时的界面示意图；
图25是本申请一个示例性实施例提供的用户界面显示装置的结构示意图；
图26是本申请一个示例性实施例提供的用户界面显示装置的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
在本申请的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。在本申请的描述中，需要说明的是，除非另有明确的规定和限定，术语“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。此外，在本申请的描述中，除非另有说明，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
针对相关技术中的辅显示区域可容纳显示的功能控件较少的问题，本申请实施例提供的技术方案能够带来的有益效果至少包括：
通过在终端的横屏状态下显示第一应用程序的第一用户界面，当作用于第一用户界面上的第一操作信号时，在第一用户界面上展示快捷功能控件集合中的N个功能控件，由于N个功能控件是围绕着异形屏的缺口区域呈扇形排列的，避免了相关技术中当触摸显示屏为异形屏时辅显示区域即异形屏缺口区域的两侧区域可容纳显示的功能控件较少的问题，增大了快捷功能控件集合的显示面积，进而使得可容纳显示的功能控件数量更多，有利于用户快速查找到所需的功能控件。
在对本申请实施例进行解释说明之前，先对本申请实施例的应用场景进行说明。参考图1和图2所示，其示出了本申请一个示例性实施例提供的终端100的结构方框图。该终端100可以是手机、平板电脑、笔记本电脑和电子书等。本申请中的终端100可以包括一个或多个如下部件：处理器110、存储器120和触摸显示屏130。
处理器110可以包括一个或者多个处理核心。处理器110利用各种接口和线路连接整个终端100内的各个部分，通过运行或执行存储在存储器120内的指令、程序、代码集或指令集，以及调用存储在 存储器120内的数据，执行终端100的各种功能和处理数据。可选的，处理器110可以采用数字信号处理(英文：Digital Signal Processing，简写：DSP)、现场可编程门阵列(英文：Field－Programmable Gate Array，简写：FPGA)、可编程逻辑阵列(英文：Programmable Logic Array，简写：PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(英文：Central Processing Unit，简写：CPU)、图像处理器(英文：Graphics Processing Unit，简写：GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责触摸显示屏130所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器110中，单独通过一块芯片进行实现。
存储器120可以包括随机存储器(英文：Random Access Memory，简写：RAM)，也可以包括只读存储器(英文：Read-Only Memory)。可选的，该存储器120包括非瞬时性计算机可读介质(英文：non-transitory computer-readable storage medium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等；存储数据区可存储根据终端100的使用所创建的数据(比如音频数据、电话本)等。
以操作系统为安卓(英文：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中运行有至少一个应用程序，这些应用程序可以是操作系统自带的联系人程序、短信程序、时钟程序、相机应用等；也可以是第三方开发者所开发的应用程序，比如即时通信程序、相片美化程序等。
以操作系统为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框架、地图框架等等。
在图2所示出的框架中，与大部分应用程序有关的框架包括但不限于：核心服务层340中的基础框架和可触摸层380中的UIKit框架。基础框架提供许多基本的对象类和数据类型，为所有应用程序提供最基本的系统服务，和UI无关。而UIKit框架提供的类是基础的UI类库，用于创建基于触摸的用户界面，iOS应用程序可以基于UIKit框架来提供UI，所以它提供了应用程序的基础架构，用于构建用户界面，绘图、处理和用户交互事件，响应手势等等。
触摸显示屏130也称触摸显示屏，用于接收用户使用手指、触摸笔等任何适合的物体在其上或附近的触摸操作，以及显示各个应用程序的用户界面。触摸显示屏130通常设置在终端130的前面板。触摸显示屏130可被设计成为全面屏、曲面屏或异形屏。触摸显示屏130还可被设计成为全面屏与曲面屏的结合，异形屏与曲面屏的结合，本实施例对此不加以限定。其中：
异形屏
异形屏是外观形状为不规则形状的触摸显示屏，不规则形状不是矩形或圆角矩形。可选的，异形屏是指在矩形或圆角矩形的触摸显示屏130上设置有缺口区域的屏幕设计，缺口区域包括缺口和/或挖孔。可选的，该缺口区域可以位于触摸显示屏130的边缘、屏幕中央或两者均有。当缺口区域设置在一条边缘时，可以设置在该边缘的中间位置或两端；当缺口区域设置在屏幕中央时，可以设置在屏幕的上方区域、左上方区域、左侧区域、左下方区域、下方区域、右下方区域、右侧区域、右上方区域中的一个或 多个区域中。当设置在多个区域中时，缺口区域可以集中分布，也可以分散分布；可以对称分布，也可以不对称分布。可选的，该缺口区域的数量也不限。
由于异形屏将触摸显示屏的上额区和/或下额区覆盖为可显示区域和/或可操作区域，使得触摸显示屏在终端的前面板上占据更多的空间，所以异形屏也具有更大的屏占比。在一些实施例中，缺口区域中用于容纳至少一种前面板部件，该前面板部件包括摄像头、指纹传感器、接近光传感器、距离传感器、听筒、环境光亮度传感器、物理按键中的至少一种。
示例性的，该缺口可以设置在一个或多个边缘上，该缺口可以是半圆形缺口、直角矩形缺口、圆角矩形缺口或不规则形状缺口。示意性的如图3所示的例子中，异形屏可以是在触摸显示屏130的上边缘的中央位置设置有半圆形缺口43的屏幕设计，该半圆形缺口43所空出的位置用于容纳摄像头、距离传感器(又称接近传感器)、听筒、环境光亮度传感器中的至少一种前面板部件；示意性的如图4所示，异形屏可以是在触摸显示屏130的下边缘的中央位置设置有半圆形缺口44的屏幕设计，该半圆形缺口44所空出的位置用于容纳物理按键、指纹传感器、麦克风中的至少一种部件；示意性的如图5所示的例子中，异形屏可以是在触摸显示屏130的下边缘的中央位置设置有半椭圆形缺口45的屏幕设计，同时在终端100的前面板上还形成有一个半椭圆型缺口，两个半椭圆形缺口围合成一个椭圆形区域，该椭圆形区域用于容纳物理按键或者指纹识别模组；示意性的如图6所示的例子中，缺口区域为挖孔，异形屏可以是在触摸显示屏130中的上半部中设置有至少一个挖孔46的屏幕设计，该挖孔46所空出的位置用于容纳摄像头、距离传感器、听筒、环境光亮度传感器中的至少一种前面板部件。
除此之外，本领域技术人员可以理解，上述附图所示出的终端100的结构并不构成对终端100的限定，终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。比如，终端100中还包括射频电路、输入单元、传感器、音频电路、无线保真(英文：Wireless Fidelity，简写：WiFi)模块、电源、蓝牙模块等部件，在此不再赘述。
如图7所示，相关技术中当终端的触摸显示屏为异形屏时，用户界面显示方法包括：在触摸显示屏的主显示区域显示第一应用程序的第一用户界面41，在触摸显示屏的辅显示区域不显示内容，若接收到第一用户界面41上的第一触发信号，则在触摸显示屏的辅显示区域显示第二应用程序的功能控件42(比如，功能控件A、功能控件B和功能控件C)。其中，主显示区域为按照三个直线边和缺口区域的边缘线所划分出的最大矩形所在的区域，辅显示区域是除主显示区域之外的剩余部分。由于辅显示区域的显示面积较小，因此该辅显示区域能够容纳并显示的功能控件较少，导致用户所需的功能控件能够直接显示在该辅显示区域中的可能性大大降低。目前尚未提供一种方便且有效的用户界面显示方法。
本申请实施例提供了一种用户界面显示方法、装置、终端及存储介质，以解决上述相关技术中存在的问题。下面，采用示意性的实施例进行说明。
请参考图8，其示出了本申请一个示例性实施例示出的用户界面显示方法的流程图。本实施例以该方法应用于终端100中来举例说明，该终端100是具有异形屏的终端。该方法包括：
步骤501，在横屏状态下显示第一应用程序的第一用户界面。
终端的屏幕状态包括竖屏状态和横屏状态，当终端处于横屏状态时显示第一应用程序的第一用户界面。
终端的触摸显示屏上包括主显示区域和辅显示区域。通常，主显示区域和辅显示区域是属于同一触摸显示屏上的不同显示区域。主显示区域的第一显示面积大于辅显示区域的第二显示面积。
在本申请实施例中，终端是具有异形屏的终端，异形屏为设置有缺口区域的不规则形状的屏幕。
当触摸显示屏是异形屏时，主显示区域是异形屏上呈矩形的显示区域，辅显示区域是异形屏上呈异形形状的显示区域，主显示区域和辅显示区域的合集等于异形屏的整个显示区域。示意性地，异形屏的三个边为直线边，剩余一个边是存在缺口区域的曲线边，主显示区域是按照三个直线边和缺口区域的边缘所划分出的最大矩形所在的区域，辅显示区域是除主显示区域之外的剩余部分。可选的，辅显示区域是一个或两个。
相关技术中终端是在主显示区域上显示第一应用程序的第一用户界面，在辅显示区域不显示内容。而在本申请实施例中，终端在异形屏中显示第一应用程序的第一用户界面，包括：终端在整个显示区域即主显示区域和辅显示区域显示第一应用程序的第一用户界面，该第一用户界面是指第一应用程序的程序界面。
步骤502，获取作用于第一用户界面上的第一操作信号，第一操作信号用于请求呼出快捷功能控件集合，快捷功能控件集合中包括M个功能控件，M为大于或者等于1的整数。
第一操作信号可以是点击信号、双击信号、长按信号、滑动信号中的至少一种。
其中，第一操作信号是从终端的异形屏的左边缘向右滑动的N个滑动轨迹对应的滑动信号，或者，第一操作信号是从终端的异形屏的下边缘向上滑动的N个滑动轨迹对应的滑动信号，N为正整数。
需要说明的是，在本申请实施例中所涉及的方位词(比如：左、右、上或下)均是以终端处于横屏状态为前提进行描述。
第一操作信号用于指示预设滑动方向、预设滑动距离和预设滑动起止位置中的至少一种。
比如，当终端的屏幕状态是横屏状态时，用户通过一根手指在终端的触摸显示屏的左边缘向右进行滑动操作，对应的，终端接收到的第一操作信号为从触摸显示屏的左边缘向右滑动的1个滑动轨迹对应的信号。
步骤503，根据第一操作信号，在第一用户界面上展示快捷功能控件集合中的N个功能控件，N个功能控件围绕着缺口区域呈扇形排列，N为小于或者等于M的正整数。
可选的，当终端获取到第一操作信号时，在第一用户界面上展示快捷功能控件集合中的N个功能控件，N个功能控件围绕着缺口区域呈扇形排列，N为小于或者等于M的正整数。
可选的，终端根据第一操作信号，在第一用户界面上的第一局部区域中以扇形的图标排列方式展示快捷功能控件集合中的N个功能控件，第一局部区域与缺口区域之间的距离小于第一预设距离。
第一局部区域也可以称为局部扇形区域，是在异形屏上呈不完整的扇形形状的显示区域。示意性的，第一局部区域是在异形屏中包括缺口区域的边缘线的局部扇形区域。
第一预设距离是终端默认设置的，也可以是用户自定义设置的。本实施例对此不加以限定。
可选的，当N个功能控件的数量小于最大显示图标数时，以异形屏的缺口区域为基准按照第一局部区域即局部扇形区域的弯曲弧度向两侧依次排列N个功能控件。
其中，最大显示图标数可以是终端默认设置的，也可以是用户自定义设置的。比如，最大显示图标数为7。本实施例对此不加以限定。
可选的，终端在显示N个功能控件之后，若在预设时间段内未检测到第一局部区域对应的操作信号时，取消显示N个功能控件。
预设时间段可以是终端默认设置的，也可以是用户自定义设置的。比如，预设时间段为3秒。本申请实施例对此不加以限定。
在一个示意性的例子中，如图9所示，终端在第一用户界面41上的第一局部区域42中，以扇形的图标排列方式显示七个功能控件43(包括：功能控件A至功能控件G)。
综上所述，本申请实施例通过在终端的横屏状态下显示第一应用程序的第一用户界面，当作用于第一用户界面上的第一操作信号时，在第一用户界面上展示快捷功能控件集合中的N个功能控件，由于N个功能控件是围绕着异形屏的缺口区域呈扇形排列的，避免了相关技术中当触摸显示屏为异形屏时辅显示区域即异形屏缺口区域的两侧区域可容纳显示的功能控件较少的问题，增大了快捷功能控件集合的显示面积，进而使得可容纳显示的功能控件数量更多，有利于用户快速查找到所需的功能控件。
需要说明的是，用于触发显示快捷功能控件集合的方式可以是隐形化的，也可以是显性化的。在第一种可能的实现方式中，第一应用程序的第一用户界面中并不显示用于触发显示快捷功能控件集合的入口，而是通过手势信号进行触发，即快捷功能控件集合的触发方式是隐形化的。在第二种可能的实现方式中，第一应用程序的第一用户界面中显示用于触发显示快捷功能控件集合的入口，通过对该入口进行预设操作进行触发，即快捷功能控件集合的触发方式是显性化的。下面，仅以示意性的实施例依次介绍这两种可能的实现方式。
请参考图10，其示出了本申请一个示例性实施例提供的用户界面显示方法的流程图。本实施例以该方法应用于具有异形屏的终端100中来举例说明。该方法包括：
步骤701，在横屏状态下显示第一应用程序的第一用户界面。
终端的屏幕状态包括竖屏状态和横屏状态中的一种，当第一应用程序处于前台运行状态且终端的屏幕状态为横屏状态时，在异形屏中以全屏方式显示第一应用程序的第一用户界面。
步骤702，获取作用在第二局部区域上的第一滑动信号。
第二局部区域与缺口区域之间的距离小于第二预设距离，作用在第二局部区域上的第一滑动信号用于请求呼出快捷功能控件集合。
第二局部区域与缺口区域之间的距离小于第二预设距离。第二预设距离可以是终端默认设置的，也可以是用户自定义设置的。本实施例对此不加以限定。
可选的，第二局部区域用于表示位于异形屏缺口区域侧边的区域。
可选的，第二局部区域用于表示与缺口区域的距离小于第二预设距离的区域。
可选的，异形屏的三个边为直线边，剩余一个边是第一曲线，第一曲线包括缺口区域的边缘线，第二局部区域是在异形屏中包括第一曲线的局部区域。可选的，第二局部区域与第一局部区域是同一个区域。本实施例对此不加以限定。
可选的，第二局部区域的边缘包括第一曲线和第二曲线；第一滑动信号是从第一曲线向第二曲线滑动的信号，第一曲线包括异形屏中缺口区域所在边的边缘线，第二曲线为弧形曲线，第一曲线与缺口区域之间的距离小于第二曲线与缺口区域之间的距离。
第一滑动信号的滑动起始位置位于第二局部区域内，第一滑动信号的滑动方向指向异形屏的中间位置。
可选的，第一滑动信号是从异形屏中存在缺口区域的曲线边向右进行滑动的信号。
步骤703，根据第一滑动信号，在第一用户界面上展示快捷功能控件集合中的N个功能控件，N个功能控件围绕着缺口区域呈扇形排列。
可选的，当终端获取到作用在第二局部区域上的第一滑动信号时，在第一用户界面上的第一局部区域中，以扇形的图标排列方式叠加显示N个功能控件。
N个功能控件可以按照优先级顺序从第一局部区域的左上角依次进行排列和显示。其中，N个功能控件的优先级是终端默认设置的，或者是用户自定义设置的，或者是根据与第一应用程序的匹配度进行设置的。本实施例对N个功能控件的类型、数量、显示顺序均不加以限定。
N个功能控件包括第二应用程序的功能控件、快捷工具的功能控件和预设推荐信息的功能控件中的至少一种，该快捷工具包括静音工具、挂机工具、参数配置工具中的至少一种，预设推荐信息包括应用攻略、福利信息、评价内容中的至少一种。
比如，当第一应用程序为游戏类应用程序时，预设推荐信息包括游戏攻略。又比如，当第一应用程序为视频类应用程序时，预设推荐信息包括影评内容。
第二应用程序可以是尚未启动的应用程序，也可以是位于后台运行状态的应用程序，本申请实施例对第二应用程序的运行状态不加以限定。
至少两个第二应用程序可以是终端默认设置的，也可以是与第一应用程序匹配的应用程序。第二应用程序包括即时通信程序、语音聊天程序和视频聊天程序中的至少一种。
可选的，终端获取作用于第一用户界面上的第二操作信号，第二操作信号用于请求关闭快捷功能控件集合；根据第二操作信号，关闭已显示的快捷功能控件集合。
可选的，关闭已显示的快捷功能控件集合的方式包括但不限于以下两种可能的实现方式：
在一种可能的实现方式中，当终端接收到第二局部区域对应的第二滑动信号时，取消对快捷功能控件集合的显示，第二滑动信号是与第一滑动信号的方向相反的信号。
可选的，第二操作信号包括作用在第二局部区域上的第二滑动信号。
可选的，第二滑动信号的滑动终止位置位于第二局部区域内，第二滑动信号的滑动方向指向第二局部区域。
当终端接收到第二局部区域对应的第二滑动信号时，终端将第二局部区域上的快捷功能控件集合切换显示为第一应用程序的当前用户界面在第二局部区域中的显示内容。
在另一种可能的实现方式中，当终端接收到第三局部区域对应的操作信号时，取消对快捷功能控件集合的显示。第三局部区域为第一用户界面上除第一局部区域以外的其它区域。
需要说明的是，本实施例对关闭已显示的快捷功能控件集合的实现方式不加以限定。
在一个示意性的例子中，如图11所示，终端在横屏状态在显示第一应用程序的第一用户界面41，当终端接收到第一用户界面41上的从存在缺口区域的曲线边向右进行滑动的信号时，在第一用户界面41上的第一局部区域42中，以扇形的图标排列方式显示七个功能控件43(包括：功能控件A至功能控件G)。
综上所述，本申请实施例还通过当获取到作用在第二局部区域上的第一滑动信号时，在第一用户界面上展示快捷功能控件集合中的N个功能控件；使得用于触发显示快捷功能控件集合的方式隐形化，在不遮挡第一应用程序的第一用户界面的显示元素的同时，提高人机交互效率。
请参考图12，其示出了本申请一个示例性实施例提供的用户界面显示方法的流程图。本实施例以该方法应用于具有异形屏的终端100中来举例说明。该方法包括：
步骤901，当终端的屏幕状态从竖屏状态切换为横屏状态时，在异形屏中显示第一应用程序的第一用户界面。
终端在整个异形屏(包括主显示区域和辅显示区域)中第一应用程序的第一用户界面。
步骤902，在第一用户界面中显示浮标，浮标为触发呼出快捷功能控件集合的可操作控件。
可选的，终端在第一用户界面中的辅显示区域显示浮标。
可选的，辅显示区域包括一个或者两个，当辅显示区域包括两个时，其中一个位于缺口区域上方的第一辅显示区域，另一个是位于缺口区域下方的第二辅显示区域。当然，第一辅显示区域和第二辅显示区域也可以看成是一个整体，作为一个辅显示区域来看待。
该浮标为触发呼出快捷功能控件集合的可操作控件。示意性的，浮标的类型包括按钮、可操控的条目、滑块中的至少一种。
步骤903，获取作用在浮标上的第三滑动信号。
第三滑动信号用于请求呼出快捷功能控件集合。
可选的，第三滑动信号为从浮标处向左或者向右进行滑动的信号。
步骤904，根据第三滑动信号，在第一用户界面上展示快捷功能控件集合中的N个功能控件，N个功能控件围绕着缺口区域呈扇形排列。
可选的，当获取到作用在浮标上的第三滑动信号时，终端在第一用户界面上的第一局部区域中，以扇形的图标排列方式叠加显示N个功能控件，并取消显示浮标。
N个功能控件可以按照优先级顺序从第一局部区域的左上角依次进行排列和显示。需要说明的是，在第一用户界面上的第一局部区域中以扇形的图标排列方式显示N个功能控件的过程可参考上面实施例中的相关描述，在此不再赘述。
可选的，当接收到第一局部区域对应的第四滑动信号时，关闭已显示的快捷功能控件集合，第四滑动信号是与第三滑动信号的方向相反的信号。
可选的，当第三滑动信号为从浮标处向左进行滑动的信号时，第四滑动信号为从第一局部区域的弧形曲线向右进行滑动的信号；当第三滑动信号为从浮标处向右进行滑动的信号时，第四滑动信号为从第一局部区域的弧形曲线向左进行滑动的信号。
在一个示意性的例子中，如图13所示，当终端的屏幕状态从竖屏状态切换为横屏状态时，在异形屏中显示第一应用程序的第一用户界面41，在第一用户界面41中显示浮标101，当接收到从浮标101处向右进行滑动的信号时，在第一用户界面41上的第一局部区域42中，以扇形的图标排列方式显示七个功能控件43(包括：功能控件A至功能控件G)。
综上所述，本申请实施例还通过当获取到作用在浮标上的第三滑动信号时，在第一用户界面上展示快捷功能控件集合中的N个功能控件；使得用于触发显示快捷功能控件集合的方式显性化，进而使得快捷功能控件集合对应的触发入口更加直观，便于用户操作和记忆。
为了方便说明，下面仅以用于触发显示快捷功能控件集合的方式为隐形化的即第一种可能的实现方式为例进行说明。
需要说明的是，用于展示N个功能控件的第一局部区域的边缘可以包括第一曲线和第二曲线。第一曲线是异形屏的左边缘线，第一曲线包括异形屏的缺口区域所在边的边缘线，第二曲线为呈弧形形状的曲线，即弧形曲线。
可选的，该第一局部区域包括k个弧形区域，k个弧形区域是从第一局部区域的第二曲线向第一曲线依次进行排列的，k为正整数。
在一种可能的实现方式中，上述步骤503、步骤703或者步骤904可被替代实现成为如下步骤：根据第一操作信号，对于第i个弧形区域，按照弧形区域的弯曲弧度对N个功能控件进行排列和显示，i为小于或者等于k的正整数。
可选的，按照k个弧形区域的优先级，对N个功能控件进行排列和显示。弧形区域的优先级与该弧形区域与缺口区域的距离呈正相关关系。即弧形区域与缺口区域的距离越近，该弧形区域的优先级越高。
可选的，对于第i个弧形区域，至少两个功能控件按照功能控件的优先级顺序从第i个弧形区域的左上角依次进行排列。
在一个示意性例子中，如图14所示，第一局部区域包括2个弧形区域(弧形区域111和弧形区域112)，终端在第一用户界面41上的第一局部区域中的弧形区域111中按照弧形区域111的弯曲弧度排列并显示5个功能控件113(包括：功能控件A至功能控件E)，在弧形区域112中按照弧形区域112的弯曲弧度排列并显示7个功能控件113(包括：功能控件F至功能控件L)。
综上所述，本申请实施还通过对于第i个弧形区域，按照弧形区域的弯曲弧度对N个功能控件进行排列和显示；进一步增大了功能控件的显示面积，使得第一局部区域所容纳显示的功能控件增多。
需要说明的是，下面为了方便说明，仅以N个功能控件均为第二应用程序的功能控件为例介绍。 在一种可能的实现方式中，终端在第一用户界面上的第一局部区域中，以扇形的图标排列方式显示N个功能控件之后，即上述步骤503之后还包括如下几个步骤，如图15所示：
步骤1201，当接收到功能控件上的第三操作信号时，在第一用户界面上显示第一提示信息，第一提示信息用于提示功能控件对应的介绍性信息。
可选的，当第一用户界面上的第一局部区域中初次显示N个功能控件时，在第一用户界面上显示第二提示信息，第二提示信息用于提示对功能控件进行第二触发操作。
示意性的，如图16所示，当第一用户界面41上的第一局部区域42中初次显示至少两个第二应用程序43的功能控件时，在第一用户界面41上显示第二提示信息131“长按图标可查看功能说明，赶紧试试吧！”
可选的，当用户对功能控件进行第二触发操作时，对应的，终端接收到第二触发操作对应的第三操作信号，在第一用户界面上显示第一提示信息。示意性的，第三操作信号为长按操作的信号。
可选的，以功能控件为第二应用程序的功能控件为例，第一提示信息包括功能控件对应的第二应用程序的程序名和第二应用程序的功能说明信息。
示意性的，如图17所示，当用户对第二应用程序C的功能控件进行长按操作时，对应的，终端接收到长按操作的信号，在第一用户界面41上显示第一提示信息132，该第一提示信息132为“XX助手游戏攻略、福利一键查看，快速了解对局出装，英雄技能，祝您稳步上星”。
步骤1202，当接收到第一用户界面上的第一局部区域中的第五滑动信号时，跟随第五滑动信号在第一局部区域取消对N个功能控件的显示，且在第一局部区域增加对快捷功能控件集合中除了N个功能控件以外的其它功能控件的显示。
第五滑动信号为按照第一局部区域的第二曲线即弧形曲线的弯曲弧度进行滑动的信号。
以N个功能控件均为第二应用程序的功能控件为例，由于第一局部区域的显示面积有限，终端可以先在第一局部区域中显示第二应用程序的功能控件，当接收到用户在第一局部区域上的第五滑动信号时，跟随第五滑动信号在第一局部区域取消对第二应用程序的功能控件的显示，且在第一局部区域增加对第三应用程序的功能控件的显示。
也即，终端会跟随第五滑动信号对第一局部区域进行滑动显示。该滑动显示包括：将移出第一局部区域的功能控件进行取消显示、将移入第一局部区域的功能控件进行显示、将仍然位于第一局部区域中的功能控件跟随第二滑动信号改变显示位置。
参考图18，当终端在第一局部区域42上接收到第五滑动信号(按照弧形曲线的弯曲弧度向下滑动)时，终端跟随第五滑动信号将功能控件43(比如：功能控件F和功能控件G)移出第一局部区域42、将功能控件151(比如：功能控件H和功能控件I)移入第一局部区域42。
在以扇形的图标排列方式显示N个功能控件之后，当接收到第一用户界面上的第一滑动信号时，在第一局部区域中将第二应用程序的功能控件切换显示为第三应用程序的功能控件。此时，终端在第一用户界面上的第一局部区域中，以扇形的图标排列方式显示至少两个第三应用程序的功能控件。
需要说明的是，终端以扇形的图标排列方式显示至少两个第三应用程序的功能控件的方式可类比参考显示N个功能控件的方式，在此不再赘述。
示意性的，当接收到第一用户界面上向左进行滑动的信号时，以扇形的图标排列方式切换显示至少两个第三应用程序的功能控件，至少两个第三应用程序的功能控件与N个功能控件不存在交集。
可选的，当接收到第一用户界面上的第二滑动信号时，在第一局部区域中将第三应用程序的功能控件恢复显示为第二应用程序的功能控件。其中，第二滑动信号是与第一滑动信号的方向相反的信号。
需要说明的是，为了避免同一个操作信号对应不同的显示方式，因此若第二滑动信号用于触发取消对N个功能控件的显示，则将恢复显示第二应用程序的功能控件的操作信号设置为除第二滑动信号之外的其它信号。若第二滑动信号用于触发在第一局部区域中将第三应用程序的功能控件恢复显示为第二应用程序的功能控件，则将取消对N个功能控件的显示的触发信号设置为除第二滑动信号之外的其它信号，比如，当终端接收到第三局部区域对应的操作信号时，取消对N个功能控件的显示。
步骤1203，当接收到功能控件上的第四操作信号时，在第一用户界面上显示浮动窗口，浮动窗口用于显示功能控件对应的用户界面。
当接收到功能控件上的第四操作信号且功能控件为第二应用程序的功能控件时，在第一用户界面上显示浮动窗口，浮动窗口用于显示第二应用程序的第二用户界面。
如果用户需要使用第二应用程序，则用户在第一局部区域上点击该第二应用程序的功能控件。终端接收到功能控件上的第四操作信号。可选的，第四操作信号是单击信号和/或双击信号，第四操作信号和第三操作信号是不同的两种操作信号。本实施例以第四操作信号是单击信号进行举例说明。
终端可以在第一用户界面上的局部区域中叠加显示浮动窗口，该浮动窗口中显示有第二应用程序的 第二用户界面。该局部区域可以是第一局部区域的相邻区域，也即该局部区域与第一局部区域之间的距离小于阈值。当第二应用程序是未启动的应用程序时，终端根据第四操作信号启动第二应用程序，然后在浮动窗口中显示第二应用程序的第二用户界面；当第二应用程序是后台运行的应用程序时，终端将处于后台运行的应用程序切换至浮动窗口中进行显示。
浮动窗口，又称为顶层窗口或画中画窗口，可以由安卓操作系统中的Windows Manager窗口实现。该浮动窗口可以尽量不遮挡第一用户界面上的主要显示元素。用户可以对浮动窗口中的第二用户界面进行操作，进而控制第二应用程序的运行。
可选的，终端接收浮动窗口的边框或边角上的拖动信号，根据该拖动信号改变浮动窗口的长、宽以及显示比例中的任意一种。
可选的，浮动窗口上还显示有最小化按钮、全屏按钮和移动按钮中的至少一个按钮。结合图19，在用户点击第一局部区域42上的第二应用程序的功能控件C后，终端在第一用户界面41上叠加显示浮动窗口161，该浮动窗口161用于显示第二应用程序的第二用户界面162。该浮动窗口161上还显示有移动按钮163、最小化按钮164和全屏按钮165。
步骤1204，当接收到最小化按钮上的第五操作信号时，取消显示浮动窗口，且在第一用户界面上增加对该浮动窗口对应的功能控件的显示。
可选的，第五操作信号是单击信号、双击信号、长按信号中的任意一种，本实施例以第五操作信号是单击信号进行举例说明。
可选的，当接收到最小化按钮上的第五操作信号且功能控件为第二应用程序的功能控件时，取消显示浮动窗口，且在第一用户界面上增加对第二应用程序的功能控件的显示。
在一种可能的实现方式中，当用户点击最小化按钮，终端取消显示浮动窗口，并且关闭第二应用程序。
在另一种可能的实现方式中，当用户点击最小化按钮后，终端取消显示浮动窗口，并且在第一用户界面上增加对第二应用程序的功能控件的显示，将第二应用程序切换为后台运行状态。即终端将浮动窗口最小化显示为第二应用程序的功能控件。
结合图20，在用户点击浮动窗口53上的最小化按钮56时，终端取消显示浮动窗口161，且在第一用户界面41上增加对第二应用程序的功能控件C的显示。
步骤1205，当接收到全屏按钮上的第六操作信号时，在异形屏上以全屏方式显示功能控件对应的用户界面。
当接收到全屏按钮上的第六操作信号时，在异形屏上以全屏方式显示第二应用程序的第二用户界面。
可选的，第六操作信号是单击信号、双击信号、长按信号中的任意一种，本实施例以第六操作信号是单击信号进行举例说明。
可选的，当接收到全屏按钮上的第六操作信号且功能控件为第二应用程序的功能控件时，在异形屏上以全屏方式显示第二应用程序的第二用户界面。
当用户点击全屏按钮后，终端将第二应用程序的第二用户界面以全屏方式显示在异形屏中，将第一应用程序从前台运行状态切换为后台运行状态。
结合图21，在用户点击浮动窗口161上的全屏按钮165后，终端在异形屏中以全屏方式显示第二用户界面162。
步骤1206，当接收到移动区域上的第七操作信号时，根据第七操作信号改变浮动窗口在异形屏中的显示位置。
可选的，第七操作信号是拖动信号。移动区域可以是一个按钮、一个控件或者浮动窗口上的任意一个区域。
当用户拖动移动区域后，终端根据第七操作信号改变浮动窗口在异形屏中的显示位置。
结合图21，在用户拖动浮动窗口161上的移动按钮163时，终端跟随拖动信号改变浮动窗口161的显示位置。在不同的实施例中，该移动按钮163也可以不显示出来，采用浮动窗口上的任意一个区域来代替。
上述步骤1201至步骤1203可以只执行其中一个，也可以执行其中多个；在执行步骤1203之后，上述步骤1204至步骤1206可以只执行其中一个，也可以执行其中多个，视终端实际接收到的操作信号而定，本申请实施例对此不加以限定。
综上所述，本实施例提供的用户界面显示方法，还通过为第一局部区域设计两种显示模式，通过第一滑动信号和第五滑动信号在两种显示模式之间进行切换，使得第一局部区域在有限的显示面积内显示更多的信息，提高第一局部区域的利用率。
本实施例提供的用户界面显示方法，还通过在浮层窗口上增加移动按钮、最小化按钮和全屏按钮，可以由用户自由改变浮层窗口的显示位置以及显示状态，使得用户可以自由地在使用第一应用程序、第二应用程序和同时使用两者之间进行兼顾。比如，第一应用程序是视频播放器，第二应用程序是即时通信程序，用户可以在不影响视频播放的过程下，与其它用户进行文字聊天；又比如，第一应用程序是游戏程序，第二应用程序是视频聊天程序，用户可以同时进行游戏和与其它用户进行视频聊天；再比如，第一应用程序是文字编辑程序，第二应用程序是词典程序，用户可以在使用文字编辑程序编辑文本的过程中，同时进行查词或翻译的操作。
请参考图23，其示出了本申请一个示例性实施例示出的用户界面显示方法的流程图。本实施例以该方法应用于终端100中来举例说明，该终端100是具有异形屏的终端。该方法包括：
步骤2001，在横屏状态下显示第一应用程序的第一用户界面。
终端在横屏状态下显示第一应用程序的第一用户界面。
步骤2002，获取作用于第一用户界面上的第一操作信号，第一操作信号用于请求呼出快捷功能控件集合，快捷功能控件集合中包括M个功能控件，M为大于或者等于1的整数。
终端获取作用于第一用户界面上的第一操作信号。可选的，第一操作信号为作用在第二局部区域上的第一滑动信号。
需要说明的是，终端显示第一用户界面、获取作用于第一用户界面上的第一操作信号的过程可参考上述方法实施例中的相关细节，在此不再赘述。
步骤2003，根据第一操作信号，在第一用户界面上的第一局部区域中以扇形的图标排列方式展示快捷功能控件集合中的N个功能控件，第一局部区域与缺口区域之间的距离小于第一预设距离，N为小于或者等于M的正整数。
可选的，第一局部区域的边缘包括第一曲线和第二曲线；第一曲线包括形屏中缺口区域所在边的边缘线，第二曲线为弧形曲线。
需要说明的是，终端在第一用户界面上的第一局部区域中以扇形的图标排列方式展示快捷功能控件集合中的N个功能控件的过程可参考上述方法实施例中的相关细节，在此不再赘述。
在一个示意性的例子中，如图24所示，终端处于横屏状态，第一应用程序是游戏程序，终端在异形屏中显示游戏程序的第一用户界面211，当终端获取到第一用户界面211上的第一操作信号(如：从异形屏的左边缘向右滑动的信号)时，在第一用户界面211上的左侧区域中，以扇形的图标排列方式显示七个功能控件212(包括：功能控件A至功能控件G)。
下述为本申请装置实施例，可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。
请参考图25，其示出了本申请一个示例性实施例提供的用户界面显示装置的结构示意图。该用户界面显示装置可以通过专用硬件电路，或者，软硬件的结合实现成为图1中的终端的全部或一部分，该用户界面显示装置包括：第一显示模块2210、获取模块2220和第二显示模块2230。
第一显示模块2210，用于在横屏状态下显示第一应用程序的第一用户界面；
获取模块2220，用于获取作用于第一用户界面上的第一操作信号，第一操作信号用于请求呼出快捷功能控件集合，快捷功能控件集合中包括M个功能控件，M为大于或者等于1的整数；
第二显示模块2230，用于根据第一操作信号，在第一用户界面上展示快捷功能控件集合中的N个功能控件，N个功能控件围绕着缺口区域呈扇形排列，N为小于或者等于M的正整数。
可选的，第一操作信号包括：
作用在第二局部区域上的第一滑动信号。
可选的，第一滑动信号的滑动起始位置位于第二局部区域内，第一滑动信号的滑动方向指向异形屏的中间位置。
可选的，第二局部区域用于表示位于异形屏缺口区域侧边的区域。
可选的，第二局部区域用于表示与缺口区域的距离小于第二预设距离的区域。
可选的，第一用户界面中包括浮标，浮标为触发呼出快捷功能控件集合的可操作控件；
第一操作信号包括：作用在浮标上的第三滑动信号。
可选的，第三滑动信号的滑动起始位置位于浮标上，第三滑动信号的滑动方向指向异形屏的中间位置。
可选的，该装置还包括：关闭模块。
获取模块2220，还用于获取作用于第一用户界面上的第二操作信号，第二操作信号用于请求关闭快捷功能控件集合；
关闭模块，用于根据第二操作信号，关闭已显示的快捷功能控件集合。
可选的，第二操作信号包括：作用在第二局部区域上的第二滑动信号。
可选的，第二滑动信号的滑动终止位置位于第二局部区域内，第二滑动信号的滑动方向指向第二局部区域。
可选的，该装置，还包括：第三显示模块，用于当接收到功能控件上的第三操作信号时，在第一用户界面上显示第一提示信息，第一提示信息用于提示功能控件对应的介绍性信息。
可选的，该装置，还包括：第四显示模块，用于当接收到功能控件上的第四操作信号时，在第一用户界面上显示浮动窗口，浮动窗口用于显示功能控件对应的用户界面。
可选的，浮动窗口还显示有最小化按钮；该装置，还包括：第五显示模块，用于当接收到最小化按钮上的第五操作信号时，取消显示浮动窗口，且在第一用户界面上增加对功能控件的显示。
可选的，浮动窗口还显示有全屏按钮；该装置，还包括：第六显示模块，用于当接收到全屏按钮上的第六操作信号时，在异形屏上以全屏方式显示功能控件对应的用户界面。
可选的，浮动窗口还显示有移动按钮；该装置，还包括：第七显示模块，用于当接收到移动按钮上的第七操作信号时，根据第七操作信号改变浮动窗口在异形屏中的显示位置。
相关细节可结合参考图8至图24所示的方法实施例。其中，第一显示模块2210和第二显示模块2230还用于实现上述方法实施例中其他任意隐含或公开的与显示步骤相关的功能；获取模块2220还用于实现上述方法实施例中其他任意隐含或公开的与获取步骤相关的功能。
请参考图26，其示出了本申请一个示例性实施例提供的用户界面显示装置的结构示意图。该用户界面显示装置可以通过专用硬件电路，或者，软硬件的结合实现成为图1中的终端的全部或一部分，该用户界面显示装置包括：第一显示模块2310、获取模块2320和第二显示模块2330。
第一显示模块2310，用于在横屏状态下显示第一应用程序的第一用户界面；
获取模块2320，用于获取作用于第一用户界面上的第一操作信号，第一操作信号用于请求呼出快捷功能控件集合，快捷功能控件集合中包括M个功能控件，M为大于或者等于1的整数；
第二显示模块2330，用于根据第一操作信号，在第一用户界面上的第一局部区域中以扇形的图标排列方式展示快捷功能控件集合中的N个功能控件，第一局部区域与缺口区域之间的距离小于第一预设距离，N为小于或者等于M的正整数。
可选的，第一局部区域的边缘包括第一曲线和第二曲线；
第一曲线包括：异形屏中缺口区域所在边的边缘线；
第二曲线为弧形曲线。
可选的，第一局部区域包括k个弧形区域，k个弧形区域是从第一局部区域的第二曲线向第一曲线依次进行排列的，k为正整数；
第二显示模块2330，用于根据第一操作信号，对于第i个弧形区域，按照弧形区域的弯曲弧度对N个功能控件进行排列和显示，i为小于或者等于k的正整数。
可选的，第一操作信号包括：
作用在第二局部区域上的第一滑动信号。
可选的，第一滑动信号的滑动起始位置位于第二局部区域内，第一滑动信号的滑动方向指向异形屏的中间位置。
可选的，第二局部区域用于表示位于异形屏缺口区域侧边的区域。
可选的，第二局部区域用于表示与缺口区域的距离小于第二预设距离的区域。
可选的，第一用户界面中包括浮标，浮标为触发呼出快捷功能控件集合的可操作控件；
第一操作信号包括：作用在浮标上的第三滑动信号。
可选的，第三滑动信号的滑动起始位置位于浮标上，第三滑动信号的滑动方向指向异形屏的中间位置。
可选的，该装置还包括：关闭模块。
获取模块2320，还用于获取作用于第一用户界面上的第二操作信号，第二操作信号用于请求关闭快捷功能控件集合；
关闭模块，用于根据第二操作信号，关闭已显示的快捷功能控件集合。
可选的，第二操作信号包括：作用在第二局部区域上的第二滑动信号。
可选的，第二滑动信号的滑动终止位置位于第二局部区域内，第二滑动信号的滑动方向指向第二局 部区域。
可选的，该装置，还包括：第三显示模块，用于当接收到功能控件上的第三操作信号时，在第一用户界面上显示第一提示信息，第一提示信息用于提示功能控件对应的介绍性信息。
可选的，该装置，还包括：第四显示模块，用于当接收到功能控件上的第四操作信号时，在第一用户界面上显示浮动窗口，浮动窗口用于显示功能控件对应的用户界面。
可选的，浮动窗口还显示有最小化按钮；该装置，还包括：第五显示模块，用于当接收到最小化按钮上的第五操作信号时，取消显示浮动窗口，且在第一用户界面上增加对功能控件的显示。
可选的，浮动窗口还显示有全屏按钮；该装置，还包括：第六显示模块，用于当接收到全屏按钮上的第六操作信号时，在异形屏上以全屏方式显示功能控件对应的用户界面。
可选的，浮动窗口还显示有移动按钮；该装置，还包括：第七显示模块，用于当接收到移动按钮上的第七操作信号时，根据第七操作信号改变浮动窗口在异形屏中的显示位置。
相关细节可结合参考图8至图24所示的方法实施例。其中，第一显示模块2310和第二显示模块2330还用于实现上述方法实施例中其他任意隐含或公开的与显示步骤相关的功能；获取模块2320还用于实现上述方法实施例中其他任意隐含或公开的与获取步骤相关的功能。
需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
本申请还提供一种终端，终端是具有异形屏的终端，异形屏包括缺口区域，终端包括处理器、与处理器相连的存储器，以及存储在存储器上的程序指令，处理器执行程序指令时实现上述各个方法实施例提供的用户界面显示方法。
本申请还提供一种计算机可读介质，其上存储有程序指令，程序指令被处理器执行时实现上述各个方法实施例提供的用户界面显示方法。
本申请还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述各个实施例所述的用户界面显示方法。
上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的用户界面显示方法中全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (36)

  1. 一种用户界面显示方法，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述方法包括：
    在横屏状态下显示第一应用程序的第一用户界面；
    获取作用于所述第一用户界面上的第一操作信号，所述第一操作信号用于请求呼出快捷功能控件集合，所述快捷功能控件集合中包括M个功能控件，所述M为大于或者等于1的整数；
    根据所述第一操作信号，在所述第一用户界面上展示所述快捷功能控件集合中的N个功能控件，所述N个功能控件围绕着所述缺口区域呈扇形排列，所述N为小于或者等于所述M的正整数。
  2. 根据权利要求1所述的方法，其中，所述第一操作信号包括：
    作用在第二局部区域上的第一滑动信号。
  3. 根据权利要求2所述的方法，其中，所述第一滑动信号的滑动起始位置位于所述第二局部区域内，所述第一滑动信号的滑动方向指向所述异形屏的中间位置。
  4. 根据权利要求2或3所述的方法，其中，所述第二局部区域用于表示位于所述异形屏缺口区域侧边的区域。
  5. 根据权利要求2或3所述的方法，其中，所述第二局部区域用于表示与所述缺口区域的距离小于第二预设距离的区域。
  6. 根据权利要求1所述的方法，其中，所述第一用户界面中包括浮标，所述浮标为触发呼出所述快捷功能控件集合的可操作控件；
    所述第一操作信号包括：作用在所述浮标上的第三滑动信号。
  7. 根据权利要求6所述的方法，其中，所述第三滑动信号的滑动起始位置位于所述浮标上，所述第三滑动信号的滑动方向指向所述异形屏的中间位置。
  8. 根据权利要求1至7中任一项所述的方法，其中，所述方法还包括：
    获取作用于所述第一用户界面上的第二操作信号，所述第二操作信号用于请求关闭所述快捷功能控件集合；
    根据所述第二操作信号，关闭已显示的所述快捷功能控件集合。
  9. 根据权利要求8所述的方法，其中，所述第二操作信号包括：
    作用在第二局部区域上的第二滑动信号。
  10. 根据权利要求9所述的方法，其中，所述第二滑动信号的滑动终止位置位于所述第二局部区域内，所述第二滑动信号的滑动方向指向所述第二局部区域。
  11. 根据权利要求1至7中任一项所述的方法，其中，所述方法，还包括：
    当接收到所述功能控件上的第三操作信号时，在所述第一用户界面上显示第一提示信息，所述第一提示信息用于提示所述功能控件对应的介绍性信息。
  12. 根据权利要求1至7中任一项所述的方法，其中，所述方法，还包括：
    当接收到所述功能控件上的第四操作信号时，在所述第一用户界面上显示浮动窗口，所述浮动窗口用于显示所述功能控件对应的用户界面。
  13. 根据权利要求12所述的方法，其中，所述浮动窗口还显示有最小化按钮；所述方法还包括：
    当接收到所述最小化按钮上的第五操作信号时，取消显示所述浮动窗口，且在所述第一用户界面上增加对所述功能控件的显示。
  14. 根据权利要求12所述的方法，其中，所述浮动窗口还显示有全屏按钮；所述方法还包括：
    当接收到所述全屏按钮上的第六操作信号时，在所述异形屏上以全屏方式显示所述功能控件对应的用 户界面。
  15. 根据权利要求12所述的方法，其中，所述浮动窗口还显示有移动按钮；所述方法还包括：
    当接收到所述移动按钮上的第七操作信号时，根据所述第七操作信号改变所述浮动窗口在所述异形屏中的显示位置。
  16. 一种用户界面显示方法，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述方法包括：
    在横屏状态下显示第一应用程序的第一用户界面；
    获取作用于所述第一用户界面上的第一操作信号，所述第一操作信号用于请求呼出快捷功能控件集合，所述快捷功能控件集合中包括M个功能控件，所述M为大于或者等于1的整数；
    根据所述第一操作信号，在所述第一用户界面上的第一局部区域中以扇形的图标排列方式展示所述快捷功能控件集合中的N个功能控件，所述第一局部区域与所述缺口区域之间的距离小于第一预设距离，所述N为小于或者等于所述M的正整数。
  17. 根据权利要求16所述的方法，其中，所述第一局部区域的边缘包括第一曲线和第二曲线；
    所述第一曲线包括：所述异形屏中所述缺口区域所在边的边缘线；
    所述第二曲线为弧形曲线。
  18. 根据权利要求16所述的方法，其中，所述第一局部区域包括k个弧形区域，所述k个弧形区域是从所述第一局部区域的所述第二曲线向所述第一曲线依次进行排列的，所述k为正整数；
    所述根据所述第一操作信号，在所述第一用户界面上的第一局部区域中展示所述快捷功能控件集合中的N个功能控件，包括：
    根据所述第一操作信号，对于第i个所述弧形区域，按照所述弧形区域的弯曲弧度对所述N个功能控件进行排列和显示，所述i为小于或者等于所述k的正整数。
  19. 根据权利要求16所述的方法，其中，所述第一操作信号包括：
    作用在第二局部区域上的第一滑动信号。
  20. 根据权利要求19所述的方法，其中，所述第一滑动信号的滑动起始位置位于所述第二局部区域内，所述第一滑动信号的滑动方向指向所述异形屏的中间位置。
  21. 根据权利要求19或20所述的方法，其中，所述第二局部区域用于表示位于所述异形屏缺口区域侧边的区域。
  22. 根据权利要求19或20所述的方法，其中，所述第二局部区域用于表示与所述缺口区域的距离小于第二预设距离的区域。
  23. 根据权利要求16所述的方法，其中，所述第一用户界面中包括浮标，所述浮标为触发呼出所述快捷功能控件集合的可操作控件；
    所述第一操作信号包括：作用在所述浮标上的第三滑动信号。
  24. 根据权利要求16所述的方法，其中，所述第三滑动信号的滑动起始位置位于所述浮标上，所述第三滑动信号的滑动方向指向所述异形屏的中间位置。
  25. 根据权利要求16至24中任一项所述的方法，其中，所述方法还包括：
    获取作用于所述第一用户界面上的第三操作信号，所述第三操作信号用于请求关闭所述快捷功能控件集合；
    根据所述第三操作信号，关闭已显示的所述快捷功能控件集合。
  26. 根据权利要求25所述的方法，其中，所述第三操作信号包括：
    作用在第二局部区域上的第二滑动信号。
  27. 根据权利要求26所述的方法，其中，所述第二滑动信号的滑动终止位置位于所述第二局部区域 内，所述第二滑动信号的滑动方向指向所述第二局部区域。
  28. 根据权利要求16至24中任一项所述的方法，其中，所述方法，还包括：
    当接收到所述功能控件上的第三操作信号时，在所述第一用户界面上显示第一提示信息，所述第一提示信息用于提示所述功能控件对应的介绍性信息。
  29. 根据权利要求16至24中任一项所述的方法，其中，所述方法，还包括：
    当接收到所述功能控件上的第四操作信号时，在所述第一用户界面上显示浮动窗口，所述浮动窗口用于显示所述功能控件对应的用户界面。
  30. 根据权利要求29所述的方法，其中，所述浮动窗口还显示有最小化按钮；所述方法还包括：
    当接收到所述最小化按钮上的第五操作信号时，取消显示所述浮动窗口，且在所述第一用户界面上增加对所述功能控件的显示。
  31. 根据权利要求29所述的方法，其中，所述浮动窗口还显示有全屏按钮；所述方法还包括：
    当接收到所述全屏按钮上的第六操作信号时，在所述异形屏上以全屏方式显示所述功能控件对应的用户界面。
  32. 根据权利要求29所述的方法，其中，所述浮动窗口还显示有移动按钮；所述方法还包括：
    当接收到所述移动按钮上的第七操作信号时，根据所述第七操作信号改变所述浮动窗口在所述异形屏中的显示位置。
  33. 一种用户界面显示装置，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述方法包括：
    第一显示模块，用于在横屏状态下显示第一应用程序的第一用户界面；
    获取模块，用于获取作用于所述第一用户界面上的第一操作信号，所述第一操作信号用于请求呼出快捷功能控件集合，所述快捷功能控件集合中包括M个功能控件，所述M为大于或者等于1的整数；
    第二显示模块，用于根据所述第一操作信号，在所述第一用户界面上展示所述快捷功能控件集合中的N个功能控件，所述N个功能控件围绕着所述缺口区域呈扇形排列，所述N为小于或者等于所述M的正整数。
  34. 一种用户界面显示装置，应用于具有异形屏的终端中，所述异形屏包括缺口区域，所述装置包括：
    第一显示模块，用于在横屏状态下显示第一应用程序的第一用户界面；
    获取模块，用于获取作用于所述第一用户界面上的第一操作信号，所述第一操作信号用于请求呼出快捷功能控件集合，所述快捷功能控件集合中包括M个功能控件，所述M为大于或者等于1的整数；
    第二显示模块，用于根据所述第一操作信号，在所述第一用户界面上的第一局部区域中以扇形的图标排列方式展示所述快捷功能控件集合中的N个功能控件，所述第一局部区域与所述缺口区域之间的距离小于第一预设距离，所述N为小于或者等于所述M的正整数。
  35. 一种终端，所述终端包括处理器、与所述处理器相连的存储器，以及存储在所述存储器上的程序指令，所述处理器执行所述程序指令时实现如权利要求1至32中任一项所述的用户界面显示方法。
  36. 一种计算机可读存储介质，其上存储有程序指令，所述程序指令被处理器执行时实现如权利要求1至32中任一项所述的用户界面显示方法。
PCT/CN2019/087975 2018-06-08 2019-05-22 用户界面显示方法、装置、终端及存储介质 WO2019233280A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810588418.7 2018-06-08
CN201810588418.7A CN108845854B (zh) 2018-06-08 2018-06-08 用户界面显示方法、装置、终端及存储介质

Publications (1)

Publication Number Publication Date
WO2019233280A1 true WO2019233280A1 (zh) 2019-12-12

Family

ID=64210758

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/087975 WO2019233280A1 (zh) 2018-06-08 2019-05-22 用户界面显示方法、装置、终端及存储介质

Country Status (2)

Country Link
CN (1) CN108845854B (zh)
WO (1) WO2019233280A1 (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108845854B (zh) * 2018-06-08 2021-03-09 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质
CN109947529B (zh) * 2019-03-31 2021-05-18 联想(北京)有限公司 信息处理方法及电子设备
CN110083282B (zh) * 2019-04-26 2023-12-15 腾讯科技（深圳）有限公司 基于信息展示页面的人机交互方法、装置、终端及介质
CN112748894A (zh) * 2019-10-30 2021-05-04 北京小米移动软件有限公司 挖孔屏显示方法及装置
CN110929054B (zh) * 2019-11-20 2022-08-05 北京小米移动软件有限公司 多媒体信息应用界面显示方法及装置、终端、介质
CN113253889B (zh) * 2020-02-13 2023-09-01 深圳市万普拉斯科技有限公司 基于异形屏的页面显示处理方法、装置和计算机设备
CN113535285A (zh) * 2020-04-15 2021-10-22 斑马智行网络(香港)有限公司 界面显示方法、装置、设备和存储介质
CN114661219A (zh) * 2020-07-09 2022-06-24 Oppo广东移动通信有限公司 设备控制方法、装置、存储介质及电子设备

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104571829A (zh) * 2013-10-15 2015-04-29 联想(北京)有限公司 一种终端的显示控制方法及终端
CN106843739A (zh) * 2017-02-28 2017-06-13 维沃移动通信有限公司 一种移动终端的显示控制方法及移动终端
CN107547750A (zh) * 2017-09-11 2018-01-05 广东欧珀移动通信有限公司 终端的控制方法、装置和存储介质
US20180039502A1 (en) * 2016-08-02 2018-02-08 International Business Machines Corporation Remote technology assistance through dynamic flows of visual and auditory instructions
CN108804190A (zh) * 2018-06-08 2018-11-13 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质
CN108845854A (zh) * 2018-06-08 2018-11-20 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120084736A1 (en) * 2010-10-01 2012-04-05 Flextronics Id, Llc Gesture controlled screen repositioning for one or more displays
CN103092494A (zh) * 2011-10-28 2013-05-08 腾讯科技（深圳）有限公司 触摸屏终端的应用程序切换方法和装置
CN103475784B (zh) * 2013-09-18 2016-03-30 广东欧珀移动通信有限公司 一种手机应用程序窗口模式显示和操作方法
CN103838472B (zh) * 2014-02-28 2017-06-20 华南理工大学 扇形和同心圆组成的多级功能导航菜单及其工作方法
CN108089786B (zh) * 2017-12-14 2019-12-31 Oppo广东移动通信有限公司 用户界面显示方法、装置、设备及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104571829A (zh) * 2013-10-15 2015-04-29 联想(北京)有限公司 一种终端的显示控制方法及终端
US20180039502A1 (en) * 2016-08-02 2018-02-08 International Business Machines Corporation Remote technology assistance through dynamic flows of visual and auditory instructions
CN106843739A (zh) * 2017-02-28 2017-06-13 维沃移动通信有限公司 一种移动终端的显示控制方法及移动终端
CN107547750A (zh) * 2017-09-11 2018-01-05 广东欧珀移动通信有限公司 终端的控制方法、装置和存储介质
CN108804190A (zh) * 2018-06-08 2018-11-13 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质
CN108845854A (zh) * 2018-06-08 2018-11-20 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质

Also Published As

Publication number Publication date
CN108845854A (zh) 2018-11-20
CN108845854B (zh) 2021-03-09

Similar Documents

Publication Publication Date Title
US11868586B2 (en) Floating window user interface display method and apparatus, device, and storage medium
US11301131B2 (en) Method for split-screen display, terminal, and non-transitory computer readable storage medium
US11644943B2 (en) Method for icon display, terminal, and storage medium
WO2019233280A1 (zh) 用户界面显示方法、装置、终端及存储介质
WO2019174546A1 (zh) 用户界面显示方法、装置、设备及存储介质
CN108804190B (zh) 用户界面显示方法、装置、终端及存储介质
WO2020038168A1 (zh) 内容分享方法、装置、终端及存储介质
US11467715B2 (en) User interface display method, terminal and non-transitory computer-readable storage medium for splitting a display using a multi-finger swipe
WO2019174477A1 (zh) 用户界面显示方法、装置及终端
EP3451641B1 (en) Mobile communication device with separate display areas and rearrangemet of icons in the edges areas.
EP3761161B1 (en) Input method interface display method and device, and terminal and storage medium
KR101952682B1 (ko) 이동 단말기 및 그 제어방법
WO2019233337A1 (zh) 浮标显示方法、装置、终端及存储介质
CN109117060B (zh) 下拉通知栏显示方法、装置、终端及存储介质
WO2019233313A1 (zh) 浮标显示方法、装置、终端及存储介质
WO2019233307A1 (zh) 用户界面显示方法、装置、终端及存储介质
WO2019047728A1 (zh) 开启快捷功能的方法、装置、移动终端及存储介质
CN111443863A (zh) 页面操控方法、装置、存储介质及终端
WO2019047187A1 (zh) 导航栏控制方法及装置
CN111211965B (zh) 聊天窗口的保护方法、装置、存储介质及终端

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 19814888

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 19814888

Country of ref document: EP

Kind code of ref document: A1