WO2019174546A1 - 用户界面显示方法、装置、设备及存储介质 - Google Patents

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

Info

Publication number
WO2019174546A1
WO2019174546A1 PCT/CN2019/077675 CN2019077675W WO2019174546A1 WO 2019174546 A1 WO2019174546 A1 WO 2019174546A1 CN 2019077675 W CN2019077675 W CN 2019077675W WO 2019174546 A1 WO2019174546 A1 WO 2019174546A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
user interface
area
application
screen
Prior art date
Application number
PCT/CN2019/077675
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 WO2019174546A1 publication Critical patent/WO2019174546A1/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/0482—Interaction with lists of selectable items, e.g. menus
    • 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

Definitions

  • the embodiments of the present application relate to the field of human-computer interaction, and in particular, to a user interface display method, apparatus, device, and storage medium.
  • the application switching method generally includes: in the process of running the application A in the foreground, if the first click signal on the menu button is received, the smart phone displays a thumbnail page, and the thumbnail page displays a plurality of A thumbnail of the application running in the background.
  • the smartphone switches the application B to the foreground to run.
  • the embodiment of the present application provides a user interface display method, device, device, and storage medium, which can solve the problem that the application switching method in the related art requires more man-machine operations and lower human-computer interaction efficiency.
  • the technical solution is as follows:
  • a user interface display method comprising:
  • the display of the first floating window is cancelled, and the second user interface of the second application is displayed in a partial screen area of the display screen.
  • a user interface display device comprising:
  • a first display module configured to display a first user interface of the first application
  • a second display module configured to display a first floating window on the first user interface when receiving a preset gesture signal on the first user interface, where the first floating window includes a second application Program icon
  • a third display module configured to cancel display of the first floating window when receiving the first operation signal on the program icon, and display the second application in a partial screen area of the display screen The second user interface.
  • a terminal comprising a processor and a memory; the memory storing at least one instruction for execution by the processor to implement the first aspect as described above User interface display method.
  • a computer readable storage medium storing at least one instruction for execution by a processor to implement the user interface display method of the first aspect above.
  • 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 provided by another exemplary embodiment of the present application.
  • FIG. 8 are schematic diagrams of appearances of terminals having different touch display screens according to an exemplary embodiment of the present application.
  • FIG. 9 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application.
  • FIG. 10 is a schematic diagram of an interface of a user interface display method according to an exemplary embodiment of the present application.
  • FIG. 11 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application.
  • FIG. 12 to FIG. 18 are schematic diagrams showing interfaces of a user interface display method provided by the embodiment of FIG. 11;
  • FIG. 19 is a schematic structural diagram of a user interface display apparatus according to another exemplary embodiment of the present application.
  • FIG. 20 is a schematic structural diagram of a terminal provided by another exemplary embodiment of the present application.
  • Multiple as referred to herein means two or more. "and/or”, describing the association relationship of the associated objects, indicating that there may be three relationships, for example, A and/or B, which may indicate that there are three cases where A exists separately, A and B exist at the same time, and B exists separately.
  • the character "/" generally indicates that the contextual object is an "or" relationship.
  • the terminal 100 can be a mobile phone, a tablet computer, a notebook computer, an e-book, and the like.
  • the terminal 100 in this application may include one or more of the following components: a processor 110, a memory 120, and a touch display screen 130.
  • Processor 110 can include one or more processing cores.
  • the processor 110 connects various portions of the entire terminal 100 using various interfaces and lines, and executes the terminal by running or executing an instruction, program, code set or instruction set stored in the memory 120, and calling data stored in the memory 120. 100 various functions and processing data.
  • the processor 110 may use at least one of a digital signal processing (DSP), a Field-Programmable Gate Array (FPGA), and a Programmable Logic Array (PLA).
  • DSP digital signal processing
  • FPGA Field-Programmable Gate Array
  • PDA Programmable Logic Array
  • a form of hardware is implemented.
  • the processor 110 may integrate one or a combination of a central processing unit (CPU), a graphics processing unit (GPU), a modem, and the like.
  • the CPU mainly processes the operating system, the user interface, the application, and the like; the GPU is responsible for rendering and rendering of the content that the display screen 130 needs to display; the modem is used to process wireless communication. It can be understood that the above modem may also be integrated into the processor 110 and implemented by a single chip.
  • the memory 120 may include a random access memory (RAM), and may also include a read-only memory (English: Read-Only Memory).
  • the memory 120 includes a non-transitory computer-readable storage medium.
  • Memory 120 can be used to store instructions, programs, code, code sets, or sets of instructions.
  • the memory 120 may include a storage program area and a storage data area, wherein 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 playing function, an image playing function, etc.), The instructions for implementing the various method embodiments described below, etc.; the storage data area can store data (such as audio data, phone book) created according to the use of the terminal 100, and the like.
  • the memory 120 stores a Linux kernel layer 220, a system runtime layer 240, an application framework layer 260, and an application. Layer 280.
  • the Linux kernel layer 220 provides the underlying drivers for various hardware of the terminal 100, such as display drivers, audio drivers, camera drivers, Bluetooth drivers, Wi-Fi drivers, power management, and the like.
  • the system runtime layer 240 provides major features support for the Android system through some C/C++ libraries. For example, the SQLite library provides support for the database, the OpenGL/ES library provides support for 3D graphics, and the Webkit library provides support for the browser kernel.
  • the Android runtime library 242 (English: Android Runtime) is also provided in the system runtime layer 240. It 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 an application. Developers can also build their own applications by using these APIs, such as event management, window management, view management, notification management, content providers, Package management, call management, resource management, location management.
  • the application layer 280 runs at least one application, which may be a contact program, an SMS program, a clock program, a camera application, etc. that is provided by the operating system; or an application developed by a third-party developer, such as an instant. Communication programs, photo landscaping 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), touchable layer 380 (English: Cocoa Touch Layer).
  • the core operating system layer 320 includes an operating system kernel, drivers, and an underlying program framework that provide functionality closer to the hardware for use by the program framework located at the core service layer 340.
  • the core service layer 340 provides the system services and/or program frameworks required by the application, such as the Foundation framework, account framework, advertising framework, data storage framework, network connection framework, geographic location framework, motion framework, etc. .
  • the media layer 360 provides an interface for the audiovisual aspect of the application, such as a graphic image related interface, an audio technology related interface, a video technology related interface, and an audio and video transmission technology wireless play (English: AirPlay) interface.
  • the touch layer 380 provides various commonly used interface related frameworks for application development, and the touch layer 380 is responsible for user touch interaction operations on the terminal 100. Such as local notification service, remote push service, advertising framework, game tool framework, message user interface (UI) framework, user interface UIKit framework, map framework and so on.
  • frameworks related to most applications include, but are not limited to, the base framework in core service layer 340 and the UIKit framework in touchable layer 380.
  • the underlying framework provides many basic object classes and data types, providing the most basic system services for all applications, regardless of the UI.
  • the classes provided by the UIKit framework are the basic UI class libraries for creating touch-based user interfaces. iOS applications can provide UI based on the UIKit framework, so it provides the application infrastructure for building user interfaces, drawing , handling and user interaction events, responsive gestures, and more.
  • the touch display screen 130 is for receiving a touch operation on or near a user using any suitable object such as a finger, a touch pen, and the like, and displaying a user interface of each application.
  • the touch display screen 130 is typically disposed at the front panel of the terminal 130.
  • the touch display 130 can be designed as a full screen, a curved screen, or a profiled screen.
  • the touch display screen 130 can also be designed as a combination of a full screen and a curved screen, and the combination of the special screen and the curved screen is not limited in this embodiment. among them:
  • the full screen may refer to a screen design in which the touch screen 130 occupies a front panel of the terminal 100 that exceeds a threshold (eg, 80% or 90% or 95%).
  • One calculation method of the screen ratio is: (the area of the touch screen 130 / the area of the front panel of the terminal 100) * 100%; another calculation method of the screen ratio is: (touch the actual display area in the display 130 Area/area of the front panel of the terminal 100) *100%; another calculation of the screen ratio is: (diagonal of the touch screen 130 / diagonal of the front panel of the terminal 100) * 100% .
  • almost all areas on the front panel of the terminal 100 are the touch display screen 130, and on the front panel 40 of the terminal 100, except for the edge generated by the middle frame 41. All are touch display screens 130.
  • the four corners of the touch display screen 130 can be right angles or rounded corners.
  • the full screen may also be a screen design that integrates at least one front panel component inside or below the touch display screen 130.
  • the at least one front panel component comprises: a camera, a fingerprint sensor, a proximity light sensor, a distance sensor, and the like.
  • other components on the front panel of the conventional terminal are integrated in all areas or partial areas of the touch display screen 130, such as splitting the photosensitive elements in the camera into a plurality of photosensitive pixels, each of which is photosensitive.
  • the pixels are integrated in a black area in each display pixel in touch display 130. Since at least one front panel component is integrated inside the touch display 130, the full screen has a higher screen ratio.
  • the front panel component on the front panel of the conventional terminal may also be disposed on the side or the back of the terminal 100, such as an ultrasonic fingerprint sensor disposed under the touch display screen 130, and the bone conduction type.
  • the earpiece is disposed inside the terminal 130, and the camera is disposed to be located on the side of the terminal and is pluggable.
  • a single side of the middle frame of the terminal 100 when the terminal 100 adopts a full screen, a single side of the middle frame of the terminal 100, or two sides (such as the left and right sides), or four sides (such as An edge touch sensor 120 is disposed on the four sides of the upper, lower, left, and right sides, and the edge touch sensor 120 is configured to detect a user's touch operation, a click operation, a pressing operation, a sliding operation, and the like on the middle frame. At least one operation.
  • the edge touch sensor 120 may be any one of a touch sensor, a thermal sensor, a pressure sensor, and the like. The user can apply an operation on the edge touch sensor 120 to control the application in the terminal 100.
  • the curved screen refers to a screen design in which the cross section of the touch display screen 130 has a curved shape and the projection in a direction parallel to the cross section is a plane, and the curved shape may be a U shape.
  • the curved screen refers to a screen design in which at least one side is curved.
  • the curved screen means that at least one side of the touch display screen 130 extends over the middle frame of the terminal 100. Since the side of the touch display screen 130 extends to cover the middle frame of the terminal 100, the middle frame that does not have the display function and the touch function is covered as the displayable area and/or the operable area, so that the curved screen has more High screen ratio.
  • the curved screen refers to a screen design in which the left and right side edges 42 are curved shapes; or the curved screen screen refers to a screen design in which the upper and lower sides are curved shapes; or The curved screen refers to the screen design in which the four sides of the upper, lower, left and right sides are curved.
  • the curved screen is fabricated using a touch screen material having a certain flexibility.
  • a profiled screen is a touchscreen display with an irregularly shaped shape, and the irregular shape is not a rectangle or a rounded rectangle.
  • the profiled screen refers to a screen design with raised, notched, and/or burred holes on a rectangular or rounded rectangular touch display screen 130.
  • the protrusions, notches, and/or holes may be located at the edge of the touch screen display 130, in the center of the screen, or both. When the protrusions, notches, and/or holes are provided at one edge, they may be disposed at the middle or both ends of the edge; when the protrusions, notches, and/or holes are disposed in the center of the screen, they may be placed above the screen.
  • the protrusions, the notches, and the holes may be concentrated or distributed; they may be symmetrically distributed or asymmetrically distributed.
  • the number of the protrusions, the notches, and/or the holes is not limited.
  • the 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 display screen occupies more space on the front panel of the terminal, the shaped screen also has A larger screen ratio.
  • the notch and/or the bore are for receiving at least one front panel component, including a camera, a fingerprint sensor, a proximity light sensor, a distance sensor, an earpiece, an ambient light level sensor, a physical button At least one of them.
  • the indentation may be provided on one or more edges, which may be semi-circular notches, right-angled rectangular indentations, rounded rectangular indentations or irregularly shaped indentations.
  • the shaped screen may be a screen design in which a semicircular notch 43 is provided at a central position of the upper edge of the touch display screen 130, and the position of the semicircular notch 43 is vacated.
  • the central position is provided with a screen design of a semi-circular notch 44, the position of which is vacated for accommodating at least one of a physical button, a fingerprint sensor, and a microphone; schematicly as shown in FIG.
  • the profiled screen may be a screen design in which a semi-elliptical notch 45 is disposed at a central position of the lower edge of the touch display screen 130, and a semi-elliptical notch, two semi-ellipses are formed on the front panel of the terminal 100.
  • the shaped notch is formed into an elliptical area for accommodating a physical button or a fingerprint recognition module; in the example shown in FIG. 8, the shaped screen can be touched.
  • a screen design of at least one small hole 46 is provided in the upper half of the screen 130, and the position of the small hole 46 is used for accommodating at least one of the camera, the distance sensor, the earpiece, and the ambient light sensor. component.
  • the structure of the terminal 100 shown in the above figure does not constitute a limitation on the terminal 100, and the terminal may include more or less components than the illustration, or a combination of some Parts, or different parts.
  • the terminal 100 further includes components such as a radio frequency circuit, an input unit, a sensor, an audio circuit, a wireless fidelity (WiFi) module, a power supply, a Bluetooth module, and the like, and details are not described herein.
  • WiFi wireless fidelity
  • An embodiment of the present application provides a user interface display method, where the method includes:
  • the display of the first floating window is cancelled, and the second user interface of the second application is displayed in a partial screen area of the display screen.
  • displaying the first floating window on the first user interface includes:
  • the first floating window is superimposed and displayed in a partial interface area on the first user interface.
  • the preset gesture signal is a gesture signal corresponding to N sliding trajectories sliding from a bottom end to a top end of the terminal, where N is a positive integer;
  • the preset gesture signal is a gesture signal corresponding to N sliding tracks that slide from the top end to the bottom end of the terminal.
  • the display screen is a special-shaped screen
  • the special-shaped screen includes a main display area and a auxiliary display area
  • the first user interface for displaying the first application includes:
  • displaying the first floating window in a partial interface area on the first user interface includes:
  • the main display area When receiving the preset gesture signal on the main display area, displaying the first floating window, the partial interface area and the auxiliary display area in a partial interface area on the main display area The distance between the two is greater than a preset distance for not displaying content or displaying a fixed color background.
  • displaying the first floating window in a partial interface area on the main display area including:
  • the first floating window is superimposed and displayed in a partial interface area on the main display area.
  • the canceling the display of the first floating window, and displaying the second user interface of the second application in a partial screen area of the display screen includes:
  • the first floating window is switched to be displayed as a second floating window, and the second floating window is used to display the second user of the second application interface.
  • the canceling the display of the first floating window, and displaying the second user interface of the second application in a partial screen area of the display screen includes:
  • the split screen mode includes displaying the first user interface of the first application on the first partial screen area, and displaying the second application on the second screen area
  • the second user interface is described.
  • FIG. 9 shows a flowchart of a user interface display method shown by an exemplary embodiment of the present application. This embodiment is exemplified by the method being applied to the terminal 100.
  • the method includes:
  • Step 401 Display a first user interface of the first application.
  • the first application is an application that runs in the foreground.
  • the terminal displays a first user interface of the first application on the display screen, and the first user interface refers to a program interface of the first application.
  • the terminal displays the first user interface of the first application in a full screen manner on the display screen.
  • Step 402 When receiving the preset gesture signal on the first user interface, displaying a first floating window on the first user interface, where the first floating window includes a program icon of the second application.
  • the terminal superimposes the first floating window in a partial interface area on the first user interface.
  • the first floating window may display only one program icon of the second application, and may also display program icons of other applications such as the third application, the fourth application, and the like while displaying the program icon of the second application.
  • the second application and the first application are different applications.
  • the second application may be an application that has not been started, or may be an application that is in a running state in the background. The embodiment of the present application does not limit the running state of the second application.
  • Step 403 When receiving the first operation signal on the program icon, cancel the display of the first floating window, and display the second user interface of the second application in the partial screen area of the display screen.
  • 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 terminal receives the first operation signal on the program icon of the second application, the display of the first floating window is cancelled, and the display is A second user interface of the second application is displayed in the partial screen area.
  • the preset display time period is set by the user, or the terminal is set by default, which is not limited in this embodiment.
  • the partial screen area is the same area as the partial interface area, or is an area different from the partial interface area.
  • the partial screen area is an area that is different from the local interface area but has an intersection.
  • the second user interface of the second application is the program interface of the second application. If the second application is an application that has not been started, the second user interface is the main interface of the second application or a specified program interface. If the second application is an application running in the background state, the second user interface is a program interface displayed when the second application switches to the background running state in the foreground running state.
  • the first application is a video player
  • the second application is an instant communication program
  • the user can perform text chat with other users without affecting the video playing
  • the first application is a game program
  • the second application is a video chat program
  • the user can simultaneously play the game and video chat with other users
  • the first application is a text editing program
  • the second application is a dictionary program, and the user can edit the text using a text editing program.
  • simultaneous search or translation In the process of simultaneous search or translation.
  • the terminal displays a first user interface 51 on the display screen, and when receiving the preset gesture signal on the first user interface 51, at the first user interface 51
  • the first floating window 52 is superimposed (or popped up), and the first floating window 52 includes a program icon of the second application A.
  • the terminal receives the click signal on the program icon of the second application A, the display of the first floating window 52 is cancelled, and the second user interface 53 of the second application A is displayed in the partial screen area of the display screen.
  • the user interface display method displays the first user interface on the first user interface when receiving the preset gesture signal on the first user interface by displaying the first user interface of the first application.
  • a floating window the first floating window includes a program icon of the second application; when receiving the first operation signal on the program icon, canceling the display of the first floating window, and displaying the first screen area in the display screen
  • the second user interface of the application program can simplify the operation steps when the user switches between different applications, and improve the efficiency of human-computer interaction. At the same time, it will not interrupt the normal use of the first application by the user.
  • the first application is a game application, which is convenient for the user to use the game application without interrupting the game experience while fastizing the second application. operating.
  • FIG. 11 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application. This embodiment is exemplified by the method being applied to the terminal 100. The method includes:
  • Step 601 Display a first user interface of the first application in the main display area.
  • the display screen of the terminal includes a main display area and a secondary display area.
  • the primary display area and the secondary display area are different display areas on the same display screen.
  • the first display area of the main display area is larger than the second display area of the auxiliary display area.
  • the main display area is adjacent to the auxiliary display area, and the total display area of the main display area and the auxiliary display area is equal to the available display area of the display screen.
  • the main display area is a rectangular display area on the shaped screen
  • the auxiliary display area is a display area with an irregular shape on the shaped screen.
  • the collection of the main display area and the auxiliary display area is equal to the entire display of the shaped screen. region.
  • the three sides of the shaped screen are straight edges, and the remaining one is a curved side with a concave portion
  • the main display area is an area where the largest rectangle is divided according to the edges of the three straight sides and the concave portion,
  • the display area is the remainder except the main display area.
  • the auxiliary display area is one or two.
  • the main display area may be a rectangular display area
  • the auxiliary display area may be a strip area on one side, such as an area for displaying a status bar or a navigation bar.
  • the main display area may be a flat display area
  • the auxiliary display area may be a curved display area located at the side. The positions of the main display area and the auxiliary display area are not limited in the embodiment of the present application.
  • the display screen of the terminal is a special-shaped screen, and the special-shaped screen includes a main display area and a secondary display area as an example for description.
  • the auxiliary display area is two: a first auxiliary display area located on the right side of the terminal, and a second auxiliary display area located on the left side of the terminal.
  • the first auxiliary display area and the second auxiliary display area can also be regarded as a whole, and are viewed as a secondary display area.
  • the first application is an application that runs in the foreground.
  • the terminal displays the first user interface of the first application on the main display area, and the first user interface refers to the program interface of the first application.
  • the status bar information can be displayed on the secondary display area.
  • the status bar information includes at least one of an operator name, a signal strength, a network standard, a time, a date, a battery power, a WiFi network information, and Bluetooth information. If the terminal is in the horizontal display state, the secondary display area may not display any content, or display a fixed color (such as black) background, or display the display content that matches the first application.
  • Step 602 When receiving the preset gesture signal on the main display area, the first floating window is superimposed and displayed in the partial interface area on the main display area, and the distance between the partial interface area and the auxiliary display area is greater than the preset distance.
  • the first floating window includes a program icon of the second application.
  • the preset gesture signal is a gesture signal corresponding to N sliding tracks that slide from the bottom end to the top end of the terminal, where N is a positive integer; or the preset gesture signal is N sliding tracks that slide from the top end to the bottom end of the terminal. Corresponding gesture signal.
  • the terminal may superimpose and display the first floating window in the partial interface area on the main display area, and the program icon of the second application is displayed in the first floating window.
  • the local interface area may be an adjacent area of the auxiliary display area, or may be, that is, the distance between the partial interface area and the first auxiliary display area is less than a threshold.
  • the auxiliary display area is for not displaying content or displaying a fixed color background.
  • the main display area includes a first long side, a first short side, a second long side, and a second short side that are sequentially connected.
  • the first long side and the second long side are two straight sides that are parallel
  • the first short side and the second short side are two straight sides that are parallel.
  • the preset gesture signal is used to indicate at least one of a preset sliding direction, a preset sliding distance, and a preset sliding start and stop position.
  • the preset sliding direction is a sliding direction from the first long side to the second long side.
  • the preset gesture signal is a signal corresponding to N sliding tracks sliding from the first long side to the second long side, or the preset gesture signal is N sliding from the second long side to the first long side
  • the signal corresponding to the sliding track, N is a positive integer.
  • the body state of the terminal is a horizontal screen state
  • the user slides up the main display area of the terminal by three fingers, and the preset gesture signal received by the terminal is sliding from the second long side to the first long side.
  • the first floating window includes a program icon of at least one application, and the second application is one of at least one application.
  • the second application and the first application are different applications.
  • the program icon of the second application may display a corner mark indicating that the second application has an unread message.
  • the second application is any one of a short message program, a mail application, an instant communication program, a microblog program, and a voice communication program.
  • the terminal displays a first user interface 71 of the first application in the main display area.
  • the preset gesture signal is from the first long side 701 of the main display area.
  • the terminal superimposes the first floating window 72 in the partial interface area on the main display area, and the first floating window 72 is displayed as an application.
  • A, application icon for application B and application C Illustratively, this figure illustrates an application A as a second application.
  • the terminal when the terminal receives the preset gesture signal on the main display area and the body state is the landscape state, the first floating window is superimposed and displayed in the partial interface area on the main display area.
  • the terminal may respond to the preset gesture signal only in the landscape mode, and does not respond to the preset gesture signal in the portrait display mode. For example, when the terminal receives the preset gesture signal on the main display area, it detects whether the body state is a horizontal screen state; when the body state is a horizontal screen state, superimposes the display in the partial interface area on the main display area. A floating window. Otherwise, it does not respond to the preset gesture signal, or responds to the preset gesture signal in other manners. Other ways may be to pop up the pull-down notification bar.
  • Step 603 when receiving the first operation signal on the program icon, cancel the display of the first floating window, and display the second user interface of the second application in the partial screen area of the display screen.
  • the user clicks on the program icon of the second application on the first floating window.
  • the terminal receives the first operation signal on the program icon.
  • the first operation signal is any one of a click signal, a double-click signal, and a long press signal.
  • the terminal may superimpose the second user interface of the second application in a partial screen area of the display screen.
  • the partial screen area may be an adjacent area of the auxiliary display area, or may be an area where the distance from the auxiliary display area is greater than a preset distance.
  • the terminal starts the second application according to the first operation signal, and then displays the second user interface of the second application in a partial screen area of the display screen; when the second application When the application is running in the background, the terminal switches the application running in the background to the partial screen area of the display for display.
  • the terminal cancels the display of the first floating window, and displays the second user interface of the second application in a partial screen area of the display screen, including but not limited to the following two possible implementation manners:
  • the terminal displays, in a partial interface area on the first user interface, a first floating window switch as a second floating window, and the second floating window is configured to display a second user of the second application. interface.
  • the terminal cancels displaying the first floating window in the partial interface area on the first user interface, and displays the second floating window in the partial interface area.
  • the terminal cancels the display of the first floating window, and controls the display screen to enter the split screen mode, where the display screen includes a first partial screen area and a second partial screen area; wherein the split screen mode includes A first user interface of the first application is displayed on the first partial screen area, and a second user interface of the second application is displayed on the second screen area.
  • the terminal when the terminal receives the first operation signal on the program icon, displaying the first mode entry and the second mode entry, where the first mode entry is used to trigger the first possible implementation manner, that is, triggering the display screen to enter In the floating window mode, the floating window mode includes superimposing a second floating window in a partial interface area on the first user interface; the second mode entry is used to trigger the second possible implementation manner, that is, triggering the display screen to enter the split screen mode .
  • the terminal When the terminal receives the preset operation signal on the first mode portal, performing the step of displaying the first floating window as the second floating window in the partial interface area on the first user interface; when the terminal receives the second When the preset operation signal on the mode entry is performed, the step of canceling the display of the first floating window and controlling the display screen to enter the split screen mode is performed.
  • the first application is an application that supports a floating window mode and/or a split screen mode.
  • the terminal Based on the first floating window 72 shown in FIG. 12, referring to FIG. 13, when the terminal receives the click signal on the program icon of the application A, the first mode entry 81 and the second mode entry 82 are displayed, the first mode entry 81.
  • the text content "Entering Picture-in-Picture” is displayed on the screen for triggering the display screen to enter the floating window mode; the second mode entry 82 displays the text content "Entering the split screen” for triggering the display screen to enter the split screen mode.
  • the terminal receives the click signal on the first mode entry 82, referring to FIG. 13, the terminal switches the first floating window 72 into the second floating window 84 in the partial interface area on the first user interface 71.
  • the second floating window 84 is for displaying the second user interface 85 of the application A (ie, the second application).
  • the terminal receives the click signal on the second mode entry 83, referring to FIG. 14, the terminal cancels the display of the first floating window 72, and controls the display screen to enter the split screen mode, that is, in the first partial screen area 91 of the display screen (
  • the first user interface 71 is displayed on the left screen area
  • the second user interface 85 of the second application A is displayed on the second screen area 92 (right screen area).
  • the floating window also known as the top window or the picture-in-picture window
  • the first floating window or the second floating window may not block the main display element on the first user interface as much as possible.
  • the user can operate the program icon of at least one application in the first floating window, or can operate the second user interface in the second floating window to control the operation of the second application.
  • the terminal receives a drag signal on a border or a corner of the floating window (the first floating window or the second floating window), and changes any one of a length, a width, and a display ratio of the floating window according to the drag signal. .
  • At least one of a hidden button, a full screen button, and a moving button is further displayed on the second floating window.
  • the terminal after the user clicks on the program icon of the second application A on the first floating window 72, the terminal superimposes the second floating window 84 on the main display area, and the second floating window 84 is used to display the second application.
  • a moving button 101, a hidden button 102, and a full screen button 103 are also displayed on the second floating window 84.
  • Step 604 When the second operation signal on the hidden button is received, the second floating window is cancelled.
  • the second operation signal is any one of a click signal, a double-click signal, and a long press signal.
  • the second operation signal is a click signal for illustration.
  • the terminal cancels the display of the second floating window and closes the second application.
  • the terminal cancels the display of the floating window and switches the second application to the background running state.
  • the terminal cancels the display of the second floating window 84.
  • Step 605 When receiving the third operation signal on the full screen button, displaying the second user interface of the second application in a full screen manner in the main display area.
  • the third operation signal is any one of a click signal, a double-click signal, and a long press signal.
  • the third operation signal is a click signal for illustration.
  • the terminal displays the second user interface of the second application in the full display mode in the main display area, and switches the first application from the foreground running state to the background running state.
  • the terminal displays the second user interface 85 in full screen throughout the main display area.
  • Step 606 when receiving the fourth operation signal on the moving area, changing the display position of the second floating window in the main display area according to the fourth operation signal.
  • the fourth 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 in the main display area according to the fourth operation signal.
  • the terminal changes the display position of the second floating window 84 following the drag signal.
  • the moving button 101 may also not be displayed, and any one of the areas on the second floating window 84 may be used instead.
  • step 604 to step 606 may be performed by only one of them, and may be performed by a plurality of them, depending on an operation signal actually received by the terminal, which is not limited in this application.
  • the user interface display method provided by this embodiment can also freely change the display position and display state of the second floating layer window by adding a move button, a hidden button, and a full screen button on the second floating layer window.
  • the first application is a video player
  • the second application is an instant communication program
  • the user can perform text chat with other users without affecting the video playing;
  • the first application is a game program
  • the second application is a video chat program
  • the user can simultaneously play the game and video chat with other users;
  • the first application is a text editing program
  • the second application is a dictionary program, and the user can edit the text using a text editing program.
  • simultaneous search or translation In the process of simultaneous search or translation.
  • program type, the quantity, and the display order of the second application may be preset by the operating system, or may be customized by the user.
  • FIG. 19 is a structural block diagram of a user interface display apparatus provided by an embodiment of the present application.
  • the user interface display device can be implemented as all or part of the terminal by software, hardware or a combination of both.
  • the device includes a first display module 1410, a second display module 1420, and a third display module 1430.
  • the first display module 1410 is configured to display a first user interface of the first application.
  • the second display module 1420 is configured to display a first floating window on the first user interface when receiving the preset gesture signal on the first user interface, where the first floating window includes a program icon of the second application.
  • the third display module 1430 is configured to cancel display of the first floating window when receiving the first operation signal on the program icon, and display the second user interface of the second application in a partial screen area of the display screen.
  • the second display module 1420 is further configured to superimpose the first floating window in a partial interface area on the first user interface when receiving the preset gesture signal on the first user interface.
  • the preset gesture signal is a gesture signal corresponding to N sliding tracks sliding from the bottom end to the top end of the terminal, and N is a positive integer. or,
  • the preset gesture signal is a gesture signal corresponding to N sliding tracks that slide from the top end to the bottom end of the terminal.
  • the display screen is a shaped screen, and the shaped screen includes a main display area and a secondary display area.
  • the first display module 1410 is further configured to display a first user interface of the first application in the main display area;
  • the second display module 1420 is further configured to: when receiving the preset gesture signal on the main display area, superimposing and displaying the first floating window in the partial interface area on the main display area, between the partial interface area and the auxiliary display area The distance is greater than the preset distance, and the auxiliary display area is used to display no content or display a fixed color background.
  • the second display module 1420 is further configured to: in the partial interface area on the main display area, when the preset gesture signal on the main display area is received and the body state is the landscape state The first floating window is superimposed.
  • the third display module 1430 is further configured to: when receiving the first operation signal on the program icon, switch the first floating window in a partial interface area on the first user interface. As the second floating window, the second floating window is used to display the second user interface of the second application.
  • the third display module 1430 is further configured to cancel the display of the first floating window, and control the display screen to enter the split screen mode, where the display screen includes the first partial screen area and the second partial screen area.
  • the split screen mode includes displaying a first user interface of the first application on the first partial screen area and displaying a second user interface of the second application on the second screen area.
  • the first display module 1410, the second display module 1420, and the third display module 1430 are also used to implement functions related to any other implicit or public display steps in the foregoing method embodiments.
  • FIG. 20 is a structural block diagram of a terminal provided by an exemplary embodiment of the present application.
  • the terminal includes a processor 1501, a memory 1502, and a touch display 1503.
  • the processor 1501 may be a central processing unit (CPU), a network processor (in English: network processor, NP), or a combination of a CPU and an NP.
  • the processor 1501 may further include a hardware chip.
  • the hardware chip may be an application-specific integrated circuit (ASIC), a programmable logic device (PLD), or a combination thereof.
  • ASIC application-specific integrated circuit
  • PLD programmable logic device
  • the above PLD can be a complex programmable logic device (CPLD), a field-programmable gate array (FPGA), and a general array logic (GAL). Or any combination thereof.
  • the memory 1502 is connected to the processor 1501 by using a bus or other manner.
  • the memory 1502 stores at least one instruction, at least one program, a code set or a set of instructions, and the at least one instruction, the at least one program, the code set or the instruction set is processed by the processor 1501.
  • the user interface display method described in the various embodiments above is loaded and executed.
  • the memory 1502 may be a volatile memory, a non-volatile memory, or a combination thereof.
  • the volatile memory can be a random access memory (RAM), such as static random access memory (SRAM), dynamic random access memory (English: dynamic random access memory) , DRAM).
  • RAM random access memory
  • SRAM static random access memory
  • DRAM dynamic random access memory
  • the non-volatile memory can be a read only memory image (ROM), such as a programmable read only memory (PROM), an erasable programmable read only memory (English: erasable) Programmable read only memory (EPROM), electrically erasable programmable read-only memory (EEPROM).
  • ROM read only memory image
  • PROM programmable read only memory
  • EPROM erasable programmable read only memory
  • EEPROM electrically erasable programmable read-only memory
  • the non-volatile memory can also be a flash memory (English: flash memory), a magnetic memory, such as a magnetic tape (English: magnetic tape), a floppy disk (English: floppy disk), a hard disk.
  • the non-volatile memory can also be an optical disc.
  • Touch display 1503 is coupled to processor 1501 via a bus or other means.
  • the memory 1502 stores at least one instruction that is loaded and executed by the processor 1501 to implement the user interface display method described in the various embodiments above.
  • the embodiment of the present application further provides a computer readable medium storing at least one instruction loaded by the processor and executed to implement a user interface display as described in various embodiments above method.
  • the embodiment of the present application further provides a computer program product storing at least one instruction that is loaded and executed by the processor to implement the user interface display method as described in the various embodiments above.
  • the functions described in the embodiments of the present application may be implemented in hardware, software, firmware, or any combination thereof.
  • the functions may be stored in a computer readable medium or transmitted as one or more instructions or code on a computer readable medium.
  • Computer readable media includes both computer storage media and communication media including any medium that facilitates transfer of a computer program from one location to another.
  • a storage medium may be any available media that can be accessed by a general purpose or special purpose computer.

Abstract

一种用户界面显示方法、装置、设备及存储介质，属于人机交互领域。所述方法包括：显示第一应用程序的第一用户界面（401）；当接收到第一用户界面上的预设手势信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口包括第二应用程序的程序图标（402）；当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面（403）。能够简化用户在不同的应用程序之间切换时的操作步骤，提高人机交互效率。

Description

用户界面显示方法、装置、设备及存储介质
本申请实施例要求于2018年03月12日提交的申请号为201810202199.4、发明名称为“用户界面显示方法、装置、设备及存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请实施例中。
技术领域
本申请实施例涉及人机交互领域，特别涉及一种用户界面显示方法、装置、设备及存储介质。
背景技术
智能手机上安装有多个应用程序。当后台运行有多个应用程序时，用户可以将其中一个应用程序切换至前台运行。
相关技术中，应用程序切换方法通常包括：在前台运行应用程序A的过程中，若接收到菜单键上的第一点击信号时，智能手机显示缩略图页面，该缩略图页面上显示有若干个后台运行的应用程序的缩略图。当接收到应用程序B对应的缩略图上的第二点击信号时，智能手机将该应用程序B切换至前台运行。
发明内容
本申请实施例提供了一种用户界面显示方法、装置、设备及存储介质，可以解决相关技术中的应用程序切换方法需要较多次人机操作，人机交互效率较低的问题。所述技术方案如下：
一方面，提供了一种用户界面显示方法，所述方法包括：
显示第一应用程序的第一用户界面；
当接收到所述第一用户界面上的预设手势信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口包括第二应用程序的程序图标；
当接收到所述程序图标上的第一操作信号时，取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面。
另一方面，提供了一种用户界面显示装置，所述装置包括：
第一显示模块，用于显示第一应用程序的第一用户界面；
第二显示模块，用于当接收到所述第一用户界面上的预设手势信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口包括第二应用程序的程序图标；
第三显示模块，用于当接收到所述程序图标上的第一操作信号时，取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面。
另一方面，提供了一种终端，所述终端包括处理器和存储器；所述存储器存储有至少一条指令，所述至少一条指令用于被所述处理器执行以实现如上第一方面所述的用户界面显示方法。
另一方面，提供了一种计算机可读存储介质，所述存储介质存储有至少一条指令，所述至少一条指令用于被处理器执行以实现如上第一方面所述的用户界面显示方法。
附图说明
图1是本申请一个示例性实施例提供的终端的结构示意图；
图2是本申请另一个示例性实施例提供的终端的结构示意图；
图3至图8是本申请的示例性实施例提供的具有不同触摸显示屏的终端的外观示意图；
图9是本申请一个示例性实施例提供的用户界面显示方法的流程图；
图10是本申请一个示例性实施例提供的用户界面显示方法在实施时的界面示意图；
图11是本申请一个示例性实施例提供的用户界面显示方法的流程图；
图12至图18是图11实施例提供的用户界面显示方法在实施时的界面示意图；
图19是本申请另一个示例性实施例提供的用户界面显示装置的结构示意图；
图20是本申请另一个示例性实施例提供的终端的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
参考图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占用终端100的前面板的屏占比超过阈值(比如80％或90％或95％)的屏幕设计。屏占比的一种计算方式为：(触摸显示屏130的面积/终端100的前面板的面积)*100％；屏占比的另一种计算方式为：(触摸显示屏130中实际显示区域的面积/终端100的前面板的面积)*100％；屏占比的再一种计算方式为：(触摸显示屏130的对角线/在终端100的前面板的对角线)*100％。示意性的如图3所示的例子中，终端100的前面板上近乎所有区域均为触摸显示屏130，在终端100的前面板40上，除中框41所产生的边缘之外的其它区域，全部为触摸显示屏130。该触摸显示屏130的四个角可以是直角或者圆角。
全面屏还可以是将至少一种前面板部件集成在触摸显示屏130内部或下层的屏幕设计。可选的，该至少一种前面板部件包括：摄像头、指纹传感器、接近光传感器、距离传感器等。在一些实施例中，将传统终端的前面板上的其他部件集成在触摸显示屏130的全部区域或部分区域中，比如将摄像头中的感光元件拆分为多个感光像素后，将每个感光像素集成在触摸显示屏130中每个显示像素中的黑色区域中。由于将至少一种前面板部件集成在了触摸显示屏130的内部，所以全面屏具有更高的屏占比。
当然在另外一些实施例中，也可以将传统终端的前面板上的前面板部件设置在终端100的侧边或背面，比如将超声波指纹传感器设置在触摸显示屏130的下方、将骨传导式的听筒设置在终端130的内部、将摄像头设置成位于终端的侧边且可插拔的结构。
在一些可选的实施例中，当终端100采用全面屏时，终端100的中框的单个侧边，或两个侧边(比如左、右两个侧边)，或四个侧边(比如上、下、左、右四个侧边)上设置有边缘触控传感器120，该边缘触控传感器120用于检测用户在中框上的触摸操作、点击操作、按压操作和滑动操作等中的至少一种操作。该边缘触控传感器120可以是触摸传感器、热力传感器、压力传感器等中的任意一种。用户可以在边缘触控传感器120上施加操作，对终端100中的应用程序进行控制。
曲面屏
曲面屏是指触摸显示屏130的截面呈弯曲形状且沿平行于截面的方向上的投影为平面的屏幕设计，该弯曲形状可以是U型。可选的，曲面屏是指至少一个侧边是弯曲形状的屏幕设计方式。可选的，曲面屏是指触摸显示屏130的至少一个侧边延伸覆盖至终端100的中框上。由于触摸显示屏130的侧边延伸覆盖至终端100的中框，也即将原本不具有显示功能和触控功能的中框覆盖为可显示区域和/或可操作区域，从而使得曲面屏具有了更高的屏占比。可选的，如图4所示的例子中，曲面屏是指左右两个侧边42是弯曲形状的屏幕设计；或者，曲面屏是指上下两个侧边是弯曲形状的屏幕设计；或者，曲面屏是指上、下、左、右四个侧边均为弯曲形状的屏幕设计。在可选的实施例中，曲面屏采用具有一定柔性的触摸屏材料制备。
异型屏
异型屏是外观形状为不规则形状的触摸显示屏，不规则形状不是矩形或圆角矩形。可选的，异型屏是指在矩形或圆角矩形的触摸显示屏130上设置有凸起、缺口和/或挖孔的屏幕设计。可选的，该凸起、缺口和/或挖孔可以位于触摸显示屏130的边缘、屏幕中央或两者均有。当凸起、缺口和/或挖孔设置在一条边缘时，可以设置在该边缘的中间位置或两端；当凸起、缺口和/或挖孔设置在屏幕中央时，可以设置在屏幕的上方区域、左上方区域、左侧区域、左下方区域、下方区域、右下方区域、右侧区域、右上方区域中的一个或多个区域中。当设置在多个区域中时，凸起、缺口和挖孔可以集中分布，也可以分散分布；可以对称分布，也可以不对称分布。可选的，该凸起、缺口和/或挖孔的数量也不限。
由于异型屏将触摸显示屏的上额区和/或下额区覆盖为可显示区域和/或可操作区域，使得触摸显示屏在终端的前面板上占据更多的空间，所以异型屏也具有更大的屏占比。在一些实施例中，缺口和/或挖孔中用于容纳至少一种前面板部件，该前面板部件包括摄像头、指纹传感器、接近光传感器、距离传感器、听筒、环境光亮度传感器、物理按键中的至少一种。
示例性的，该缺口可以设置在一个或多个边缘上，该缺口可以是半圆形缺口、直角矩形缺口、圆角矩形缺口或不规则形状缺口。示意性的如图5所示的例子中，异型屏可以是在触摸显示屏130的上边缘的中央位置设置有半圆形缺口43的屏幕设计，该半圆形缺口43所空出的位置用于容纳摄像头、距离传感器(又称接近传感器)、听筒、环境光亮度传感器中的至少一种前面板部件；示意性的如图6所示，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半圆形缺口44的屏幕设计，该半圆形缺口44所空出的位置用于容纳物理按键、指纹传感器、麦克风中的至少一种部件；示意性的如图7所示的例子中，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半椭圆形缺口45的屏幕设计，同时在终端100的前面板上还形成有一个半椭圆型缺口，两个半椭圆形缺口围合成一个椭圆形区域，该椭圆形区域用于容纳物理按键或者指纹识别模组；示意性的如图8所示的例子中，异型屏可以是在触摸显示屏130中的上半部中设置有至少一个小孔46的屏幕设计，该小孔46所空出的位置用于容纳摄像头、距离传感器、听筒、环境光亮度传感器中的至少一种前面板部件。
除此之外，本领域技术人员可以理解，上述附图所示出的终端100的结构并不构成对终端100的限定，终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。比如，终端100中还包括射频电路、输入单元、传感器、音频电路、无线保真(Wireless Fidelity，WiFi)模块、电源、蓝牙模块等部件，在此不再赘述。
本申请实施例提供了一种用户界面显示方法，该方法包括：
显示第一应用程序的第一用户界面；
当接收到所述第一用户界面上的预设手势信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口包括第二应用程序的程序图标；
当接收到所述程序图标上的第一操作信号时，取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面。
可选的，所述当接收到所述第一用户界面上的预设手势信号时，在所述第一用户界面上显示第一浮动窗口，包括：
当接收到所述第一用户界面上的所述预设手势信号时，在所述第一用户界面上的局部界面区域中叠加显示所述第一浮动窗口。
可选的，所述预设手势信号是从终端的底端向顶端滑动的N个滑动轨迹对应的手势信号，所述N为正整数；或者，
所述预设手势信号是从所述终端的顶端向底端滑动的N个滑动轨迹对应的手势信号。
可选的，所述显示屏是异形屏，所述异形屏包括有主显示区域和辅显示区域，所述显示第一应用程序的第一用户界面，包括：
在所述主显示区域显示所述第一应用程序的所述第一用户界面；
所述当接收到所述第一用户界面上的所述预设手势信号时，在所述第一用户界面上的局部界面区域中叠加显示所述第一浮动窗口，包括：
当接收到所述主显示区域上的所述预设手势信号时，在所述主显示区域上的局部界面区域中叠加显示所述第一浮动窗口，所述局部界面区域与所述辅显示区域之间的距离大于预设距离，所述辅显示区域用于不显示内容或者显示固定色背景。
可选的，所述当接收到所述主显示区域上的所述预设手势信号时，在所述主显示区域上的局部界面区域中叠加显示所述第一浮动窗口，包括：
当接收到所述主显示区域上的所述预设手势信号且机身状态是横屏状态时，在所述主显示区域上的局部界面区域中叠加显示所述第一浮动窗口。
可选的，所述取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面，包括：
在所述第一用户界面上的局部界面区域中，将所述第一浮动窗口切换显示为第二浮动窗口，所述第二浮动窗口用于显示所述第二应用程序的所述第二用户界面。
可选的，所述取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面，包括：
取消对所述第一浮动窗口的显示，且控制所述显示屏进入分屏模式，所述显示屏包括第一局部屏幕区域和第二局部屏幕区域；
其中，所述分屏模式包括在所述第一局部屏幕区域上显示所述第一应用程序的所述第一用户界面，且在所述第二屏幕区域上显示所述第二应用程序的所述第二用户界面。
请参考图9，其示出了本申请一个示例性实施例示出的用户界面显示方法的流程图。本实施例以该方法应用于终端100中来举例说明。该方法包括：
步骤401，显示第一应用程序的第一用户界面。
第一应用程序是位于前台运行的应用程序。在用户使用第一应用程序的过程中，终端在显示屏上显示第一应用程序的第一用户界面，该第一用户界面是指第一应用程序的程序界面。
可选的，终端在显示屏上以全屏方式显示第一应用程序的第一用户界面。
步骤402，当接收到第一用户界面上的预设手势信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口包括第二应用程序的程序图标。
可选的，终端在第一用户界面上的局部界面区域中叠加显示第一浮动窗口。
第一浮动窗口可以仅显示一个第二应用程序的程序图标，还可以在显示第二应用程序的程序图标的同时，显示第三应用程序、第四应用程序等其它应用程序的程序图标。可选的，第二应用程序和第一应用程序是不同的应用程序。其中，第二应用程序可以是尚未启动的应用程序，也可以是位于后台运行状态的应用程序，本申请实施例对第二应用程序的运行状态不加以限定。
步骤403，当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面。
第一操作信号可以是点击信号、双击信号、长按信号、滑动信号中的至少一种。
可选的，在显示第一浮动窗口的预设显示时间段内，若终端接收到第二应用程序的程序 图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面。
预设显示时间段为用户自定义设置的，或者终端默认设置的，本实施例对此不加以限定。
可选的，局部屏幕区域是与局部界面区域相同的区域，或者是与局部界面区域不同的区域。示意性的，局部屏幕区域是与局部界面区域不同但存在交集的区域。
第二应用程序的第二用户界面是第二应用程序的程序界面。若第二应用程序是尚未启动的应用程序，则第二用户界面为第二应用程序的主界面或者是指定程序界面。若第二应用程序为位于后台运行状态的应用程序，则第二用户界面为第二应用程序在前台运行状态切换为后台运行状态时所显示的程序界面。
比如，第一应用程序是视频播放器，第二应用程序是即时通信程序，用户可以在不影响视频播放的过程下，与其它用户进行文字聊天；又比如，第一应用程序是游戏程序，第二应用程序是视频聊天程序，用户可以同时进行游戏和与其它用户进行视频聊天；再比如，第一应用程序是文字编辑程序，第二应用程序是词典程序，用户可以在使用文字编辑程序编辑文本的过程中，同时进行查词或翻译的操作。
以第一操作信号是点击信号为例，参考图10，终端在显示屏上显示有第一用户界面51，当接收到第一用户界面51上的预设手势信号时，在第一用户界面51上叠加(或弹出)第一浮动窗口52，第一浮动窗口52包括第二应用程序A的程序图标。当终端接收到第二应用程序A的程序图标上的点击信号时，取消对第一浮动窗口52的显示，且在显示屏的局部屏幕区域中显示第二应用程序A的第二用户界面53。
综上所述，本实施例提供的用户界面显示方法，通过显示第一应用程序的第一用户界面，当接收到第一用户界面上的预设手势信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口包括第二应用程序的程序图标；当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面，能够简化用户在不同的应用程序之间切换时的操作步骤，提高人机交互效率。同时，还不会打断用户对第一应用程序的正常使用，比如第一应用程序是游戏应用，则方便用户在使用游戏应用时，不打断游戏体验的同时，对第二应用程序进行快速操作。
请参考图11，其示出了本申请一个示例性实施例提供的用户界面显示方法的流程图。本实施例以该方法应用于终端100中来举例说明。该方法包括：
步骤601，在主显示区域显示第一应用程序的第一用户界面。
终端的显示屏上包括主显示区域和辅显示区域。通常，主显示区域和辅显示区域是属于同一显示屏上的不同显示区域。主显示区域的第一显示面积大于辅显示区域的第二显示面积。
可选的，主显示区域与辅显示区域相邻，主显示区域和辅显示区域的总显示面积等于显示屏的可用显示面积。
当显示屏是异形屏时，主显示区域是异形屏上呈矩形的显示区域，辅显示区域是异形屏上呈异形形状的显示区域，主显示区域和辅显示区域的合集等于异形屏的整个显示区域。示意性地，异形屏的三个边为直线边，剩余一个边是存在凹陷部位的曲线边，主显示区域是按照三个直线边和凹陷部位的边缘所划分出的最大矩形所在的区域，辅显示区域是除主显示区域之外的剩余部分。可选的，辅显示区域是一个或两个。
当显示屏是矩形屏(含圆角矩形屏)时，主显示区域可以是矩形的显示区域，辅显示区域可以是位于一个侧边的条状区域，比如用于显示状态栏或导航栏的区域。当显示屏是曲面屏时，主显示区域可以是平面显示区域，辅显示区域可以是位于侧边的曲面显示区域，本申请实施例对主显示区域和辅显示区域的位置不加以限定。
在本实施例中，仅以终端的显示屏是异形屏，异形屏包括有主显示区域和辅显示区域为例进行说明。可选的，辅显示区域是两个：位于终端右侧的第一辅显示区域，位于终端左侧的第二辅显示区域。当然，第一辅显示区域和第二辅显示区域也可以看成是一个整体，作为 一个辅显示区域来看待。
第一应用程序是位于前台运行的应用程序。在用户使用第一应用程序的过程中，终端在主显示区域上显示第一应用程序的第一用户界面，该第一用户界面是指第一应用程序的程序界面。
在初始状态下，若终端处于竖屏显示状态，则辅显示区域上可以显示状态栏信息。状态栏信息包括：运营商名称、信号强度、网络制式、时间、日期、电池电量、WiFi网络信息、蓝牙信息中的至少一种。若终端处于横屏显示状态，则辅显示区域可以不显示任何内容，或者显示固定色(比如黑色)背景，或者显示与第一应用程序匹配的显示内容。
步骤602，当接收到主显示区域上的预设手势信号时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口，局部界面区域与辅显示区域之间的距离大于预设距离，第一浮动窗口包括第二应用程序的程序图标。
其中，预设手势信号是从终端的底端向顶端滑动的N个滑动轨迹对应的手势信号，N为正整数；或者，预设手势信号是从终端的顶端向底端滑动的N个滑动轨迹对应的手势信号。
终端可以在主显示区域上的局部界面区域中叠加显示第一浮动窗口，该第一浮动窗口中显示有第二应用程序的程序图标。该局部界面区域可以是辅显示区域的相邻区域，也可以是，也即该局部界面区域与第一辅显示区域之间的距离小于阈值。当第二应用程序是未启动的应用程序时，终端根据第一操作信号启动第二应用程序，然后在浮动窗口中显示第二应用程序的第二用户界面；当第二应用程序是后台运行的应用程序时，终端将处于后台运行的应用程序切换至浮动窗口中进行显示。
其中，辅显示区域用于不显示内容或者显示固定色背景。
主显示区域包括依次相连的第一长边、第一短边、第二长边和第二短边。可选的，第一长边和第二长边是平行的两条直边，第一短边和第二短边是平行的两条直边。
预设手势信号用于指示预设滑动方向、预设滑动距离和预设滑动起止位置中的至少一种。可选的，预设滑动方向为从第一长边向第二长边的滑动方向。
示意性的，预设手势信号是从第一长边向第二长边滑动的N个滑动轨迹对应的信号，或者，预设手势信号是从第二长边向第一长边滑动的N个滑动轨迹对应的信号，N为正整数。
比如，当终端的机身状态是横屏状态时，用户通过三根手指在终端的主显示区域向上进行滑动操作，终端接收到的预设手势信号为从第二长边向第一长边滑动的3个滑动轨迹对应的信号。
第一浮动窗口包括至少一个应用程序的程序图标，第二应用程序是至少一个应用程序中的一个。
可选的，第二应用程序和第一应用程序是不同的应用程序。
如果第二应用程序是具有消息接收功能的应用程序，则第二应用程序的程序图标上可以显示有角标，该角标用于指示第二应用程序存在未读消息。比如，第二应用程序是短信息程序、邮件应用程序、即时通信程序、微博程序、语音通信程序中的任意一种。
参考图12，终端在主显示区域显示第一应用程序的第一用户界面71，当接收到主显示区域上的预设手势信号，该预设手势信号是从主显示区域的第一长边701从第二长边702滑动(从终端的底端向顶端滑动)的信号时，终端在主显示区域上的局部界面区域中叠加显示第一浮动窗口72，第一浮动窗口72上显示为应用程序A、应用程序B和应用程序C的程序图标。示意性的，本图以应用程序A为第二应用程序来举例说明。
在一个可选的实施例中，当终端接收到主显示区域上的预设手势信号且机身状态是横屏状态时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口。示意性的，终端可以仅在横屏显示模式下响应预设手势信号，在竖屏显示模式下不响应预设手势信号。比如，当终端接收到主显示区域上的预设手势信号时，检测机身状态是否为横屏状态；当机身状态是横屏状态时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口。否则，则不响应预设手势信号，或按照其它方式响应预设手势信号，其它方式可以是弹出下拉通知栏。
步骤603，当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面。
如果用户需要使用第二应用程序，则用户在第一浮动窗口上点击该第二应用程序的程序图标。终端接收到程序图标上的第一操作信号。可选的，第一操作信号是单击信号、双击信号、长按信号中的任意一种。
终端可以在显示屏的局部屏幕区域中叠加显示第二应用程序的第二用户界面。该局部屏幕区域可以是辅显示区域的相邻区域，也可以是与辅显示区域之间的距离大于预设距离的区域。当第二应用程序是未启动的应用程序时，终端根据第一操作信号启动第二应用程序，然后在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面；当第二应用程序是后台运行的应用程序时，终端将处于后台运行的应用程序切换至显示屏的局部屏幕区域中进行显示。
终端取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面，包括但不限于以下两种可能的实现方式：
在一种可能的实现方式中，终端在第一用户界面上的局部界面区域中，将第一浮动窗口切换显示为第二浮动窗口，第二浮动窗口用于显示第二应用程序的第二用户界面。
可选的，终端取消显示第一用户界面上的局部界面区域中的第一浮动窗口，且在该局部界面区域中叠加显示第二浮动窗口。
在另一种可能的实现方式中，终端取消对第一浮动窗口的显示，且控制显示屏进入分屏模式，显示屏包括第一局部屏幕区域和第二局部屏幕区域；其中，分屏模式包括在第一局部屏幕区域上显示第一应用程序的第一用户界面，且在第二屏幕区域上显示第二应用程序的第二用户界面。
可选的，当终端接收到程序图标上的第一操作信号时，显示第一模式入口和第二模式入口，第一模式入口用于触发上述第一种可能的实现方式，即触发显示屏进入浮窗模式，浮窗模式包括在第一用户界面上的局部界面区域中叠加显示第二浮动窗口；第二模式入口用于触发上述第二种可能的实现方式，即触发显示屏进入分屏模式。当终端接收到第一模式入口上的预设操作信号时，执行在第一用户界面上的局部界面区域中，将第一浮动窗口切换显示为第二浮动窗口的步骤；当终端接收到第二模式入口上的预设操作信号时，执行取消对第一浮动窗口的显示，且控制显示屏进入分屏模式的步骤。
可选的，第一应用程序是支持浮窗模式和/或分屏模式的应用程序。
基于图12所示的第一浮动窗口72，参考图13，当终端接收到应用程序A的程序图标上的点击信号时，显示第一模式入口81和第二模式入口82，第一模式入口81上显示有文字内容“进入画中画”，用于触发显示屏进入浮窗模式；第二模式入口82上显示有文字内容“进入分屏”，用于触发显示屏进入分屏模式。当终端接收到第一模式入口82上的点击信号时，继续参考图13，终端在第一用户界面71上的局部界面区域中，将第一浮动窗口72切换显示为第二浮动窗口84，第二浮动窗口84用于显示应用程序A(即第二应用程序)的第二用户界面85。当终端接收到第二模式入口83上的点击信号时，参考图14，终端取消对第一浮动窗口72的显示，控制显示屏进入分屏模式，即在显示屏的第一局部屏幕区域91(左侧屏幕区域)上显示第一用户界面71，且在第二屏幕区域92(右侧屏幕区域)上显示第二应用程序A的第二用户界面85。
需要说明的是，浮动窗口，又称为顶层窗口或画中画窗口，可以由安卓操作系统中的Windows Manager窗口实现。在本申请实施例中，第一浮动窗口或第二浮动窗口可以尽量不遮挡第一用户界面上的主要显示元素。用户可以对第一浮动窗口中至少一个应用程序的程序图标进行操作，也可以对第二浮动窗口中的第二用户界面进行操作，进而控制第二应用程序的运行。
可选的，终端接收浮动窗口(第一浮动窗口或第二浮动窗口)的边框或边角上的拖动信号，根据该拖动信号改变浮动窗口的长、宽以及显示比例中的任意一种。
可选的，第二浮动窗口上还显示有隐藏按钮、全屏按钮和移动按钮中的至少一个按钮。 参考图15，在用户点击第一浮动窗口72上的第二应用程序A的程序图标后，终端在主显示区域上叠加显示第二浮动窗口84，该第二浮动窗口84用于显示第二应用程序A的第二用户界面85。该第二浮动窗口84上还显示有移动按钮101、隐藏按钮102和全屏按钮103。
步骤604，当接收到隐藏按钮上的第二操作信号时，取消显示第二浮动窗口。
可选的，第二操作信号是单击信号、双击信号、长按信号中的任意一种，本实施例以第二操作信号是单击信号进行举例说明。
可选的，当用户点击隐藏按钮，终端取消显示第二浮动窗口，并且关闭第二应用程序。或者，当用户点击隐藏按钮后，终端取消显示浮动窗口，并且将第二应用程序切换为后台运行状态。
结合图16，在用户点击第二浮动窗口84上的隐藏按钮102时，终端取消显示第二浮动窗口84。
当接收到隐藏按钮上的第二操作信号时，将第二应用程序切换为后台运行状态。
步骤605，当接收到全屏按钮上的第三操作信号时，在主显示区域以全屏方式显示第二应用程序的第二用户界面。
可选的，第三操作信号是单击信号、双击信号、长按信号中的任意一种，本实施例以第三操作信号是单击信号进行举例说明。
当用户点击全屏按钮后，终端将第二应用程序的第二用户界面以全屏方式显示在主显示区域中，将第一应用程序从前台运行状态切换为后台运行状态。
结合图17，在用户点击第二浮动窗口84上的全屏按钮103后，终端在整个主显示区域中以全屏方式显示第二用户界面85。
步骤606，当接收到移动区域上的第四操作信号时，根据第四操作信号改变第二浮动窗口在主显示区域中的显示位置。
可选的，第四操作信号是拖动信号。移动区域可以是一个按钮、一个控件或者浮动窗口上的任意一个区域。
当用户拖动移动区域后，终端根据第四操作信号改变浮动窗口在主显示区域中的显示位置。
结合图18，在用户拖动第二浮动窗口84上的移动按钮101时，终端跟随拖动信号改变第二浮动窗口84的显示位置。在不同的实施例中，该移动按钮101也可以不显示出来，采用第二浮动窗口84上的任意一个区域来代替。
上述步骤604至步骤606可以只执行其中一个，也可以执行其中多个，视终端实际接收到的操作信号而定，本申请对此不加以限定。
综上所述，本实施例提供的用户界面显示方法，还通过在第二浮层窗口上增加移动按钮、隐藏按钮和全屏按钮，可以由用户自由改变第二浮层窗口的显示位置以及显示状态，使得用户可以自由地在使用第一应用程序、第二应用程序和同时使用两者之间进行兼顾。比如，第一应用程序是视频播放器，第二应用程序是即时通信程序，用户可以在不影响视频播放的过程下，与其它用户进行文字聊天；又比如，第一应用程序是游戏程序，第二应用程序是视频聊天程序，用户可以同时进行游戏和与其它用户进行视频聊天；再比如，第一应用程序是文字编辑程序，第二应用程序是词典程序，用户可以在使用文字编辑程序编辑文本的过程中，同时进行查词或翻译的操作。
需要说明的是，上述第二应用程序的程序类型、数量、显示顺序可以为操作系统预设的，也可以是由用户自定义的。
请参考图19，其示出了本申请一个实施例提供的用户界面显示装置的结构框图。该用户界面显示装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置包括：第一显示模块1410、第二显示模块1420和第三显示模块1430。
第一显示模块1410，用于显示第一应用程序的第一用户界面。
第二显示模块1420，用于当接收到第一用户界面上的预设手势信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口包括第二应用程序的程序图标。
第三显示模块1430，用于当接收到程序图标上的第一操作信号时，取消对第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示第二应用程序的第二用户界面。
在一个可选的实施例中，第二显示模块1420，还用于当接收到第一用户界面上的预设手势信号时，在第一用户界面上的局部界面区域中叠加显示第一浮动窗口。
在一个可选的实施例中，预设手势信号是从终端的底端向顶端滑动的N个滑动轨迹对应的手势信号，N为正整数。或者，
预设手势信号是从终端的顶端向底端滑动的N个滑动轨迹对应的手势信号。
在一个可选的实施例中，显示屏是异形屏，异形屏包括有主显示区域和辅显示区域，
第一显示模块1410，还用于在主显示区域显示第一应用程序的第一用户界面；
第二显示模块1420，还用于当接收到主显示区域上的预设手势信号时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口，局部界面区域与辅显示区域之间的距离大于预设距离，辅显示区域用于不显示内容或者显示固定色背景。
在一个可选的实施例中，第二显示模块1420，还用于当接收到主显示区域上的预设手势信号且机身状态是横屏状态时，在主显示区域上的局部界面区域中叠加显示第一浮动窗口。
在一个可选的实施例中，第三显示模块1430，还用于当接收到程序图标上的第一操作信号时，在第一用户界面上的局部界面区域中，将第一浮动窗口切换显示为第二浮动窗口，第二浮动窗口用于显示第二应用程序的第二用户界面。
在一个可选的实施例中，第三显示模块1430，还用于取消对第一浮动窗口的显示，且控制显示屏进入分屏模式，显示屏包括第一局部屏幕区域和第二局部屏幕区域；其中，分屏模式包括在第一局部屏幕区域上显示第一应用程序的第一用户界面，且在第二屏幕区域上显示第二应用程序的第二用户界面。
相关细节可结合参考图9至图18所示的方法实施例。其中，第一显示模块1410、第二显示模块1420和第三显示模块1430还用于实现上述方法实施例中其他任意隐含或公开的显示步骤相关的功能。
需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
请参考图20，其示出了本申请一个示例性实施例提供的一种终端的结构框图。该终端包括处理器1501、存储器1502以及触摸显示屏1503。
处理器1501可以是中央处理器(英文：central processing unit，CPU)，网络处理器(英文：network processor，NP)或者CPU和NP的组合。处理器1501还可以进一步包括硬件芯片。上述硬件芯片可以是专用集成电路(英文：application-specific integrated circuit，ASIC)，可编程逻辑器件(英文：programmable logic device，PLD)或其组合。上述PLD可以是复杂可编程逻辑器件(英文：complex programmable logic device，CPLD)，现场可编程逻辑门阵列(英文：field-programmable gate array，FPGA)，通用阵列逻辑(英文：generic array logic，GAL)或其任意组合。
存储器1502通过总线或其它方式与处理器1501相连，存储器1502中存储有至少一条指令、至少一段程序、代码集或指令集，上述至少一条指令、至少一段程序、代码集或指令集由处理器1501加载并执行以实现如上各个实施例所述的用户界面显示方法。存储器1502可以为易失性存储器(英文：volatile memory)，非易失性存储器(英文：non-volatile memory) 或者它们的组合。易失性存储器可以为随机存取存储器(英文：random-access memory，RAM)，例如静态随机存取存储器(英文：static random access memory，SRAM)，动态随机存取存储器(英文：dynamic random access memory，DRAM)。非易失性存储器可以为只读存储器(英文：read only memory image，ROM)，例如可编程只读存储器(英文：programmable read only memory，PROM)，可擦除可编程只读存储器(英文：erasable programmable read only memory，EPROM)，电可擦除可编程只读存储器(英文：electrically erasable programmable read-only memory，EEPROM)。非易失性存储器也可以为快闪存储器(英文：flash memory)，磁存储器，例如磁带(英文：magnetic tape)，软盘(英文：floppy disk)，硬盘。非易失性存储器也可以为光盘。
触摸显示屏1503通过总线或其它方式与处理器1501相连。存储器1502存储有至少一条指令，所述至少一条指令由所述处理器1501加载并执行以实现如上各个实施例所述的用户界面显示方法。
本申请实施例还提供了一种计算机可读介质，该计算机可读介质存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的用户界面显示方法。
本申请实施例还提供了一种计算机程序产品，该计算机程序产品存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的用户界面显示方法。
本领域技术人员应该可以意识到，在上述一个或多个示例中，本申请实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时，可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质，其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。
以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (12)

  1. 一种用户界面显示方法，其特征在于，所述方法包括：
    显示第一应用程序的第一用户界面；
    当接收到所述第一用户界面上的预设手势信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口包括第二应用程序的程序图标；
    当接收到所述程序图标上的第一操作信号时，取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面。
  2. 根据权利要求1所述的方法，其特征在于，所述当接收到所述第一用户界面上的预设手势信号时，在所述第一用户界面上显示第一浮动窗口，包括：
    当接收到所述第一用户界面上的所述预设手势信号时，在所述第一用户界面上的局部界面区域中叠加显示所述第一浮动窗口。
  3. 根据权利要求2所述的方法，其特征在于，
    所述预设手势信号是从终端的底端向顶端滑动的N个滑动轨迹对应的手势信号，所述N为正整数；或者，
    所述预设手势信号是从所述终端的顶端向底端滑动的N个滑动轨迹对应的手势信号。
  4. 根据权利要求2所述的方法，其特征在于，所述显示屏是异形屏，所述异形屏包括有主显示区域和辅显示区域，所述显示第一应用程序的第一用户界面，包括：
    在所述主显示区域显示所述第一应用程序的所述第一用户界面；
    所述当接收到所述第一用户界面上的所述预设手势信号时，在所述第一用户界面上的局部界面区域中叠加显示所述第一浮动窗口，包括：
    当接收到所述主显示区域上的所述预设手势信号时，在所述主显示区域上的局部界面区域中叠加显示所述第一浮动窗口，所述局部界面区域与所述辅显示区域之间的距离大于预设距离，所述辅显示区域用于不显示内容或者显示固定色背景。
  5. 根据权利要求4所述的方法，其特征在于，所述当接收到所述主显示区域上的所述预设手势信号时，在所述主显示区域上的局部界面区域中叠加显示所述第一浮动窗口，包括：
    当接收到所述主显示区域上的所述预设手势信号且机身状态是横屏状态时，在所述主显示区域上的局部界面区域中叠加显示所述第一浮动窗口。
  6. 根据权利要求1至5任一所述的方法，其特征在于，所述取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面，包括：
    在所述第一用户界面上的局部界面区域中，将所述第一浮动窗口切换显示为第二浮动窗口，所述第二浮动窗口用于显示所述第二应用程序的所述第二用户界面。
  7. 根据权利要求1至5任一所述的方法，其特征在于，所述取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面，包括：
    取消对所述第一浮动窗口的显示，且控制所述显示屏进入分屏模式，所述显示屏包括第一局部屏幕区域和第二局部屏幕区域；
    其中，所述分屏模式包括在所述第一局部屏幕区域上显示所述第一应用程序的所述第一用户界面，且在所述第二屏幕区域上显示所述第二应用程序的所述第二用户界面。
  8. 一种用户界面显示装置，其特征在于，所述装置包括：
    第一显示模块，用于显示第一应用程序的第一用户界面；
    第二显示模块，用于当接收到所述第一用户界面上的预设手势信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口包括第二应用程序的程序图标；
    第三显示模块，用于当接收到所述程序图标上的第一操作信号时，取消对所述第一浮动窗口的显示，且在显示屏的局部屏幕区域中显示所述第二应用程序的第二用户界面。
  9. 根据权利要求8所述的装置，其特征在于，所述第二显示模块，还用于当接收到所述第一用户界面上的所述预设手势信号时，在所述第一用户界面上的局部界面区域中叠加显示所述第一浮动窗口。
  10. 根据权利要求9所述的装置，其特征在于，
    所述预设手势信号是从终端的底端向顶端滑动的N个滑动轨迹对应的手势信号，所述N为正整数；或者，
    所述预设手势信号是从所述终端的顶端向底端滑动的N个滑动轨迹对应的手势信号。
  11. 一种终端，其特征在于，所述终端包括处理器和存储器；所述存储器存储有至少一条指令，所述至少一条指令用于被所述处理器执行以实现如权利要求1至7任一所述的用户界面显示方法。
  12. 一种计算机可读存储介质，其特征在于，所述存储介质存储有至少一条指令，所述至少一条指令用于被处理器执行以实现如权利要求1至7任一所述的用户界面显示方法。
PCT/CN2019/077675 2018-03-12 2019-03-11 用户界面显示方法、装置、设备及存储介质 WO2019174546A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810202199.4 2018-03-12
CN201810202199.4A CN108415752A (zh) 2018-03-12 2018-03-12 用户界面显示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
WO2019174546A1 true WO2019174546A1 (zh) 2019-09-19

Family

ID=63131200

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/077675 WO2019174546A1 (zh) 2018-03-12 2019-03-11 用户界面显示方法、装置、设备及存储介质

Country Status (2)

Country Link
CN (1) CN108415752A (zh)
WO (1) WO2019174546A1 (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111399959A (zh) * 2020-03-17 2020-07-10 Oppo广东移动通信有限公司 多任务操作方法、装置、电子设备以及存储介质
CN111897463A (zh) * 2020-07-29 2020-11-06 海信视像科技股份有限公司 屏幕界面交互显示方法及显示设备
CN113797537A (zh) * 2021-09-17 2021-12-17 网易（杭州）网络有限公司 确定浮层显示位置的方法、装置、设备、介质及程序产品
CN114089902A (zh) * 2020-07-30 2022-02-25 华为技术有限公司 手势交互方法、装置及终端设备
CN115866121A (zh) * 2020-04-24 2023-03-28 华为技术有限公司 应用界面交互方法、电子设备和计算机可读存储介质
WO2023155836A1 (zh) * 2022-02-18 2023-08-24 维沃移动通信有限公司 显示方法、装置、电子设备及可读存储介质

Families Citing this family (28)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108415752A (zh) * 2018-03-12 2018-08-17 广东欧珀移动通信有限公司 用户界面显示方法、装置、设备及存储介质
CN109246464B (zh) * 2018-08-22 2021-03-16 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质
CN109947979B (zh) * 2018-08-22 2021-09-21 Oppo广东移动通信有限公司 歌曲识别方法、装置、终端及存储介质
CN109240787B (zh) * 2018-09-09 2021-04-20 海南大学 个性化便捷化自适应多层级交互区域优化配置方法
CN109445572B (zh) * 2018-09-10 2023-12-08 华为技术有限公司 全屏显示视频中快速调出小窗口的方法、图形用户接口及终端
CN109358941B (zh) * 2018-11-01 2021-04-13 联想(北京)有限公司 一种控制方法及电子设备
CN109542328B (zh) 2018-11-30 2021-04-06 北京小米移动软件有限公司 用户界面显示方法、装置、终端及存储介质
CN111324400A (zh) * 2018-12-17 2020-06-23 中兴通讯股份有限公司 一种显示方法、装置、终端和存储介质
CN111381758B (zh) * 2018-12-27 2021-08-17 北京小米移动软件有限公司 状态栏显示方法、装置及存储介质
CN110109724A (zh) * 2019-04-29 2019-08-09 珠海豹好玩科技有限公司 一种显示方法、装置、终端及存储介质
CN110262720B (zh) * 2019-06-21 2021-06-08 网易（杭州）网络有限公司 浮窗的控制方法、装置、设备和存储介质
CN114816210B (zh) * 2019-06-25 2023-03-24 华为技术有限公司 一种移动终端的全屏显示方法及设备
CN110278305B (zh) * 2019-06-29 2021-05-04 Oppo广东移动通信有限公司 模式识别方法及相关产品
CN112578982A (zh) * 2019-09-29 2021-03-30 华为技术有限公司 一种对电子设备的操作方法及电子设备
CN111273829A (zh) * 2020-02-07 2020-06-12 北京嘀嘀无限科技发展有限公司 一种基于交互界面的信息处理方法及电子设备
CN111061419B (zh) * 2019-10-23 2023-03-03 华为技术有限公司 一种应用栏显示方法及电子设备
CN112825040B (zh) * 2019-11-21 2024-01-30 腾讯科技（深圳）有限公司 用户界面的显示方法、装置、设备及存储介质
CN111371988B (zh) * 2020-02-27 2021-08-20 Oppo广东移动通信有限公司 内容操作方法、装置、终端及存储介质
CN111399720A (zh) * 2020-03-24 2020-07-10 北京小米移动软件有限公司 一种显示应用界面的方法、装置及存储介质
CN111596840A (zh) * 2020-04-27 2020-08-28 维沃移动通信有限公司 多任务显示方法及电子设备
CN111589168B (zh) * 2020-05-12 2023-03-21 腾讯科技（深圳）有限公司 即时通讯方法、装置、设备及介质
CN111913622B (zh) * 2020-07-29 2022-04-19 海信视像科技股份有限公司 屏幕界面交互显示方法及显示设备
CN112181571A (zh) * 2020-09-28 2021-01-05 北京字节跳动网络技术有限公司 浮窗显示方法、装置、终端及存储介质
CN112578978B (zh) * 2020-12-14 2024-04-23 努比亚技术有限公司 一种窗口切换控制方法、设备及计算机可读存储介质
CN115756269A (zh) * 2021-09-02 2023-03-07 荣耀终端有限公司 翻译方法及电子设备
CN114518929A (zh) * 2022-02-22 2022-05-20 维沃移动通信有限公司 应用程序处理方法及装置
CN114610434A (zh) * 2022-03-28 2022-06-10 联想(北京)有限公司 输出控制方法及电子设备
CN114840298B (zh) * 2022-07-04 2023-04-18 荣耀终端有限公司 悬浮窗开启方法及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104598104A (zh) * 2014-12-31 2015-05-06 小米科技有限责任公司 微件处理方法和装置
CN107506109A (zh) * 2017-08-16 2017-12-22 维沃移动通信有限公司 一种启动应用程序的方法及移动终端
CN107577414A (zh) * 2017-09-07 2018-01-12 广东欧珀移动通信有限公司 分屏显示的方法和移动终端
CN107765959A (zh) * 2017-11-07 2018-03-06 广东欧珀移动通信有限公司 后台应用程序显示方法和终端
CN108415752A (zh) * 2018-03-12 2018-08-17 广东欧珀移动通信有限公司 用户界面显示方法、装置、设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104598104A (zh) * 2014-12-31 2015-05-06 小米科技有限责任公司 微件处理方法和装置
CN107506109A (zh) * 2017-08-16 2017-12-22 维沃移动通信有限公司 一种启动应用程序的方法及移动终端
CN107577414A (zh) * 2017-09-07 2018-01-12 广东欧珀移动通信有限公司 分屏显示的方法和移动终端
CN107765959A (zh) * 2017-11-07 2018-03-06 广东欧珀移动通信有限公司 后台应用程序显示方法和终端
CN108415752A (zh) * 2018-03-12 2018-08-17 广东欧珀移动通信有限公司 用户界面显示方法、装置、设备及存储介质

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111399959A (zh) * 2020-03-17 2020-07-10 Oppo广东移动通信有限公司 多任务操作方法、装置、电子设备以及存储介质
CN115866121A (zh) * 2020-04-24 2023-03-28 华为技术有限公司 应用界面交互方法、电子设备和计算机可读存储介质
CN115866121B (zh) * 2020-04-24 2023-11-10 华为技术有限公司 应用界面交互方法、电子设备和计算机可读存储介质
CN111897463A (zh) * 2020-07-29 2020-11-06 海信视像科技股份有限公司 屏幕界面交互显示方法及显示设备
CN114089902A (zh) * 2020-07-30 2022-02-25 华为技术有限公司 手势交互方法、装置及终端设备
CN113797537A (zh) * 2021-09-17 2021-12-17 网易（杭州）网络有限公司 确定浮层显示位置的方法、装置、设备、介质及程序产品
WO2023155836A1 (zh) * 2022-02-18 2023-08-24 维沃移动通信有限公司 显示方法、装置、电子设备及可读存储介质

Also Published As

Publication number Publication date
CN108415752A (zh) 2018-08-17

Similar Documents

Publication Publication Date Title
WO2019174546A1 (zh) 用户界面显示方法、装置、设备及存储介质
US11868586B2 (en) Floating window user interface display method and apparatus, device, and storage medium
EP3680766B1 (en) Split screen display method, apparatus, terminal, and storage medium
US11467715B2 (en) User interface display method, terminal and non-transitory computer-readable storage medium for splitting a display using a multi-finger swipe
US11543928B2 (en) Method for displaying input method interface of improved accuracy of input, device, and terminal
WO2019174477A1 (zh) 用户界面显示方法、装置及终端
WO2019174465A1 (zh) 用户界面显示方法、装置、终端及存储介质
WO2019174469A1 (zh) 消息提醒方法、装置、设备及存储介质
CN108804190B (zh) 用户界面显示方法、装置、终端及存储介质
CN109164964B (zh) 内容分享方法、装置、终端及存储介质
US11644943B2 (en) Method for icon display, terminal, and storage medium
WO2019174466A1 (zh) 消息提醒方法、装置、设备及存储介质
CN108803964B (zh) 浮标显示方法、装置、终端及存储介质
WO2019047147A1 (zh) 图标移动方法及装置
WO2019233280A1 (zh) 用户界面显示方法、装置、终端及存储介质
WO2019233307A1 (zh) 用户界面显示方法、装置、终端及存储介质
CN109656445B (zh) 内容处理方法、装置、终端及存储介质
WO2019047189A1 (zh) 消息显示方法、装置及终端
WO2019047187A1 (zh) 导航栏控制方法及装置
WO2019047184A1 (zh) 信息显示方法、装置及终端
CN109714474B (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: 19766840

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: 19766840

Country of ref document: EP

Kind code of ref document: A1