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

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

Info

Publication number
WO2019174465A1
WO2019174465A1 PCT/CN2019/076444 CN2019076444W WO2019174465A1 WO 2019174465 A1 WO2019174465 A1 WO 2019174465A1 CN 2019076444 W CN2019076444 W CN 2019076444W WO 2019174465 A1 WO2019174465 A1 WO 2019174465A1
Authority
WO
WIPO (PCT)
Prior art keywords
floating window
user interface
display area
display
window
Prior art date
Application number
PCT/CN2019/076444
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 WO2019174465A1 publication Critical patent/WO2019174465A1/zh

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72469—User interfaces specially adapted for cordless or mobile telephones for operating the device by selecting functions from two or more displayed items, e.g. menus or 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/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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
    • G06F1/1643—Details related to the display arrangement, including those related to the mounting of the display in the housing the display being associated to a digitizer, e.g. laptops that can be used as penpads
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1684—Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675
    • G06F1/1686—Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675 the I/O peripheral being an integrated camera
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1684—Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675
    • G06F1/169—Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675 the I/O peripheral being an integrated pointing device, e.g. trackball in the palm rest area, mini-joystick integrated between keyboard keys, touch pads or touch stripes
    • 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
    • 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
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72484—User interfaces specially adapted for cordless or mobile telephones wherein functions are triggered by incoming communication events
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M2250/00—Details of telephonic subscriber devices
    • H04M2250/22—Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Definitions

  • the embodiments of the present invention relate to the field of human-computer interaction, and in particular, to a user interface display method, apparatus, terminal, and storage medium.
  • the related art provides an application switching method, including: 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 thumbnail of several applications 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, terminal, and storage medium.
  • the technical solution is as follows:
  • a user interface display method is provided, the method is used for a terminal, and a display screen of the terminal includes a main display area and a secondary display area, and the method includes:
  • the The second floating window is for displaying the third user interface of the third application.
  • a user interface display device the device being used for a terminal, and the display screen of the terminal includes a main display area and a secondary display area, the device comprising:
  • An interface display module configured to display a first user interface of the first application in the main display area
  • An icon display module configured to display at least two program icons in the auxiliary display area
  • a first window display module configured to display a first floating window on the first user interface when receiving the first operation signal on the first program icon of the at least two program icons, the first floating The window is configured to display a second user interface of the second application;
  • a second window display module configured to cancel display the first floating window and display the first user interface when receiving the second operation signal on the second program icon of the at least two program icons a second floating window for displaying a third user interface of the third application.
  • a terminal comprising a processor and a memory; the memory storing at least one instruction for execution by the processor to implement a user as described in the above aspect Interface display method.
  • a computer readable storage medium storing at least one instruction for execution by a processor to implement a user interface display method as described in the above aspects.
  • 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.
  • 3A to 3F are schematic diagrams showing the appearance of a terminal having different touch display screens according to an exemplary embodiment of the present application.
  • FIG. 4 is a flowchart of a user interface display method provided by an exemplary embodiment of the present application.
  • FIG. 5 is a schematic diagram of an interface of a user interface display method provided by an exemplary embodiment of the present application.
  • FIG. 6 is a flowchart of a user interface display method provided by another exemplary embodiment of the present application.
  • FIG. 7 and FIG. 8 are schematic diagrams showing interfaces of a user interface display method provided by the embodiment of FIG. 6;
  • FIG. 9 is a flowchart of a user interface display method provided by another exemplary embodiment of the present application.
  • FIG. 10 is a schematic diagram of an interface of a user interface display method provided by the embodiment of FIG. 9;
  • FIG. 11 is a schematic structural diagram of a user interface display apparatus according to an exemplary embodiment of the present disclosure.
  • FIG. 12 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.
  • 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 (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 (Core OS layer), a core service layer 340 (Core Services layer), and a media layer. 360 (Media layer), touchable layer 380 (Cocoa Touch Layer).
  • the core operating system layer 320 includes an operating system kernel, drivers, and 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 system services and/or program frameworks required by the application, such as a Foundation framework, an account framework, an advertising framework, a data storage framework, a network connectivity framework, a geographic location framework, a motion framework, and the like.
  • 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 (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%).
  • 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% .
  • the touch display screen 130 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.
  • a 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 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 that is provided with raised, notched, and/or punctured 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, at 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 also 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 profiled 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 screen display 130, and the position of the semicircular notch 43 is vacated.
  • the distance sensor also referred to as a proximity sensor
  • the earpiece and the ambient light brightness sensor
  • the shaped screen may be at 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 vacant position of the semi-circular notch 44 for accommodating at least one of a physical button, a fingerprint sensor, and a microphone; schematically shown in FIG. 3E
  • 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.
  • the shaped screen can be touched
  • a screen design of at least one small hole 46 is provided in the upper half of the display screen 130, and the space vacated by the small hole 46 is for accommodating at least one of the front panel 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
  • FIG. 4 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 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 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.
  • Step 402 Display at least two program icons in the auxiliary display area.
  • the terminal may display the program icon on the auxiliary display area in advance, or may display the program icon on the auxiliary display area when the screen is in the horizontal screen state, or may display the program icon in the auxiliary display area according to the received operation signal.
  • the timing of displaying the program icon is not limited.
  • the auxiliary display area may display only one program icon of the second application.
  • the auxiliary display area may also display program icons of other applications such as the third application, the fourth application, and the like.
  • the auxiliary display area displays at least two program icons.
  • the terminal when receiving the switching operation on the auxiliary display area, switches the program icon displayed in the auxiliary display area, and the switching operation may be a sliding operation in a predetermined direction.
  • the application corresponding to the program icon 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 application corresponding to the program icon.
  • Step 403 when receiving the first operation signal on the first program icon of the at least two program icons, displaying a first floating window on the first user interface, where the first floating window is used to display the second application second User Interface.
  • the first program icon is any one of the program icons in the auxiliary display area, and 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 displays a first user interface 51 on the main display area, and a program of application A, application B, and application C on the auxiliary display area 52. icon.
  • the terminal receives the click signal on the program icon of the application A, the first floating window 53 is superimposed (or popped up) on the first user interface 51, and the first floating window 53 is used to display the second user interface of the application A. 54.
  • the first floating window adopts a default window size and is displayed in a default display area, and the user can manually adjust the window size and the display area of the first floating window.
  • the terminal sets the first program icon to a non-clickable state and highlights other program icons in the auxiliary display area.
  • the terminal will not respond to the operation signal on the program icon; the manner of highlighting the program icon includes any one of highlighting, displaying the icon border or magnifying the program icon.
  • the program icon corresponding to the application A is grayed out, and the program icon after the graying process cannot be clicked.
  • Step 404 When receiving the second operation signal on the second program icon of the at least two program icons, cancel displaying the first floating window, and displaying a second floating window on the first user interface, where the second floating window is used A third user interface of the third application is displayed.
  • the second program icon is any one of the program icons other than the first program icon in the auxiliary display area, and the second operation signal may be at least one of a click signal, a double-click signal, a long press signal, and a slide signal. .
  • the third floating window adopts a default window size, and/or the third floating window is displayed in the default display area; in other possible implementations, the third floating window and the second floating window have The same window size, and/or, the third floating window and the second floating window are in the same display area.
  • the first floating window 53 (including the user interface of the application A) is superimposed and displayed on the first user interface 51, when the terminal receives the program icon of the application B.
  • the click signal is clicked, the first floating window 53 is cancelled, and the second floating window 55 of the third user interface 56 (user interface of the application B) is superimposed on the first user interface 51.
  • the terminal may also replace the second user interface in the first floating window with the third user interface, thereby avoiding re-creating a new floating window.
  • the terminal sets the first program icon to a clickable state, sets the second program icon to a non-clickable state, and highlights the secondary display area except the second Other program icons for the program icon.
  • the user interface display method displays at least two program icons on the auxiliary display area, and displays the first operation signal on the program icon when the first operation signal on the program icon is received.
  • the first floating window including the second application user interface can simplify the operation steps when the user switches between different applications, improve the efficiency of human-computer interaction; and when receiving the second operation signal to other program icons, The first floating window is replaced with a second floating window displaying the third application user interface, further improving the switching efficiency between different applications.
  • the user needs to close the displayed first floating window to switch to open the floating window corresponding to the third application.
  • the terminal displays the first floating window on the first user interface, setting at least two program icons in the auxiliary display area to a non-clickable state; when receiving the second program icon in the at least two program icons
  • the terminal displays the prompt information (the first floating window is not closed), and the prompt information is used to prompt to close the first floating window and then open the third application.
  • the displaying the second floating window on the first user interface includes:
  • the second floating window is superimposed on the target display area.
  • the first floating window is displayed with a moving area, and after the displaying the first floating window on the first user interface, the method further includes:
  • Obtaining the target display area of the first floating window in the first user interface including:
  • the displaying the second floating window on the first user interface includes:
  • the method further includes:
  • the obtaining the window size of the first floating window includes:
  • the displaying the first floating window on the first user interface includes:
  • the first floating window is displayed within the candidate display area.
  • the target interface element is associated with an application type of the first application, and the target interface element includes at least one of a target icon, a target text, and a target control.
  • the first program icon is set to a non-clickable state, and other program icons in the auxiliary display area are highlighted.
  • FIG. 6 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 the terminal 100 having a shaped screen.
  • 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 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 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 areas are 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 auxiliary display area is used for illustration, but the following implementation is also applicable to the second auxiliary display area.
  • Step 602 Display at least two program icons in the auxiliary display area.
  • the status bar information can be displayed on the first auxiliary 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 Wireless Fidelity (WiFi) network information, and Bluetooth information.
  • the first 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.
  • the first auxiliary 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 parallel straight sides, and the first short side and the second short side may be straight sides or curved sides.
  • the distance between the first long side and the main display area is greater than the distance between the second long side and the main display area.
  • the distance between the first long side and the main display area is 30 pixels
  • the distance between the second long side and the main display area is 0 pixels.
  • the first sliding signal is a signal that slides from the first long side to the second long side.
  • the terminal When the terminal receives the first sliding signal on the first auxiliary display area, the terminal displays the initial display content on the first auxiliary display area as a program icon of the candidate application.
  • the candidate application is an application different from the first application, or the candidate application is a separate application of the first application, and the candidate application supports floating window display.
  • a pointer may be displayed on the program icon of the candidate application, and the pointer is used to indicate that the candidate application has an unread message.
  • the candidate 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 when the terminal receives the first sliding signal on the first secondary display area 50, the terminal displays the program icons of the application A, the application B, and the application C on the first secondary display area 50.
  • the first slip signal is a signal that slides from the second long side 502 from the first long side 501 of the first auxiliary display region 50.
  • the terminal when the terminal receives the first sliding signal on the first auxiliary display area and the body state is the horizontal screen state, the program icon of the second application is displayed on the first auxiliary display area.
  • the terminal may respond to the first sliding signal only in the landscape mode and not to the first sliding signal in the portrait display mode. For example, when the terminal receives the first sliding signal on the first auxiliary display area, it detects whether the body state is a horizontal screen state; when the body state is the horizontal screen state, the program icon is displayed on the first auxiliary display area. Otherwise, the first sliding signal is not responded to, or the first sliding signal is responded to by other means, and the other way may be to pop up the pull-down notification bar.
  • the signal receiving function of the first auxiliary display area when the terminal is in the vertical state, the signal receiving function of the first auxiliary display area is turned off; when the terminal is in the horizontal state, the signal receiving function of the first auxiliary display area is enabled, when When the first sliding signal is received in the first auxiliary display area, the program icon is displayed on the first auxiliary display area.
  • the program icon is cancelled on the first auxiliary display area.
  • the second sliding signal is a signal that slides from the second long side of the first auxiliary display area to the first long side.
  • the terminal When the terminal receives the second sliding signal on the first auxiliary display area, the terminal displays the program icon displayed on the first auxiliary display area as the initial display content, or does not display any content.
  • Step 603 when receiving the first operation signal on the first program icon of the at least two program icons, displaying a first floating window on the first user interface, where the first floating window is used to display the second application second User Interface.
  • the user clicks on the corresponding first program icon of the second application on the first auxiliary display area.
  • the terminal receives the first operation signal on the first program icon.
  • the first operation signal is any one of a click signal, a double-click signal, and a long press signal.
  • the first operation signal is a click signal for illustration.
  • the terminal may superimpose a floating window in a partial area on the first user interface, and the second user interface of the second application is displayed in the floating window.
  • the local area may be an adjacent area of the first auxiliary display area, that is, the distance between the partial area and the first auxiliary display 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 obscure 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.
  • a hidden button and/or a full screen button are also displayed on the first floating window.
  • the terminal When receiving the operation signal on the hidden button of the first floating window, the terminal cancels the display of the first floating window. Optionally, the terminal cancels the display of the first floating window and closes the second application. Alternatively, the terminal cancels the display of the first floating window and switches the second application to the background running state.
  • the terminal When receiving the operation signal on the full screen button, the terminal displays the second user interface of the second application in a full screen manner in the main display area, and switches the first application from the foreground running state to the background running state.
  • the terminal stops displaying the program icon on the auxiliary display area, or stops the auxiliary display when the operation signal for displaying the program icon on the auxiliary display area is not received within the predetermined time period.
  • the program icon is displayed on the area.
  • the predetermined duration is 5 s.
  • Step 604 when receiving the third operation signal on the moving area, changing the display area of the first floating window in the main display area according to the third operation signal.
  • the first floating window displayed in the default display area may not conform to the user's operating habits, so the user may adjust the display area of the first floating window according to his own operating habits.
  • the first floating window further includes a moving area
  • the moving area may be displayed in the form of a control such as a button, or may not be displayed, and any area on the first floating window is used instead.
  • the terminal changes the display area of the first floating window in the main display area according to the third operation signal on the moving area, wherein the third operation signal may be a drag signal.
  • the top area 531 of the first floating window 53 is a moving area.
  • the terminal changes the display area of the first floating window 53 according to the dragging direction. .
  • Step 605 When receiving the second operation signal on the second program icon of the at least two program icons, canceling displaying the first floating window.
  • Step 606 Acquire a target display area of the first floating window in the first user interface if the display area of the first floating window changes in the first user interface.
  • the operation habit of the user in a short period of time is fixed.
  • the terminal detects whether the display area of the first floating window has changed after receiving the second operation signal. If the change occurs, it is determined that the user adjusts the window display area according to personal habits, thereby acquiring the target display area of the first floating window, and performing the following step 607; if no change has occurred, determining the default display area of the floating window It conforms to the user's operating habits, so that the second floating window is superimposed directly in the default display area.
  • the target display area is a display area of the first floating window on the first user interface when the second operation signal is received.
  • each floating window created by the terminal is provided with a mobile identifier. If the mobile operation is received within the lifetime of the floating window, the terminal sets the mobile identifier to 1, and vice versa, sets the mobile identifier. Is 0. The subsequent terminal determines whether the floating window has been moved by detecting the moving identifier of the floating window.
  • the target display area includes vertex coordinates of a specified window vertex in the first floating window.
  • vertex coordinates of the vertices of the window in the upper left corner of the first floating window For example, the vertex coordinates of the vertices of the window in the upper left corner of the first floating window.
  • the terminal may directly acquire the target display area of the first floating window in the first user interface, and eliminate the step of detecting whether the display area of the first floating window changes.
  • Step 607 superimposing a second floating window on the target display area, where the second floating window is used to display a third user interface of the third application.
  • the terminal superimposes and displays the second floating window at the target display area, so that the user operates in the third user interface displayed by the second floating window.
  • the terminal displays the second floating window 55 at the position where the first floating window 53 is located after the movement.
  • step 605 is performed simultaneously with the steps 606 to 607, that is, the display of the first floating window and the display of the second floating window are cancelled in an instant, and the user cannot distinguish.
  • the terminal in the case that the user moves the first floating window, displays the second floating window at the target display area corresponding to the first floating window, so as to prevent the user from adjusting the second according to the operating habit again.
  • the display position of the floating window further improves the efficiency of human-computer interaction.
  • step 603 further includes the following steps.
  • Step 608 when receiving the fourth operation signal on the first floating window, changing the window size of the first floating window according to the fourth operation signal.
  • the user since the first floating window of the default window size may not conform to the user's operating habits, the user may adjust the window size of the first floating window according to his own operating habits.
  • the terminal receives a drag signal on a border or a corner of the first floating window, and changes any one of a length, a width, and a display ratio of the first floating window according to the drag signal.
  • the terminal adjusts the window size of the first floating window 53 according to the drag operation.
  • Step 609 When the second operation signal on the second program icon of the at least two program icons is received, the first floating window is cancelled.
  • Step 610 If the window size of the first floating window changes, the target window size of the first floating window is obtained.
  • the terminal In order to prevent the user from frequently adjusting the window size of the floating window, the terminal detects whether the window size of the first floating window has changed after receiving the second operation signal, and if the change occurs. , determining that the user adjusts the window size according to personal habits, thereby obtaining the target window size of the first floating window, and performing the following step 611; if no change has occurred, determining that the default window size of the floating window conforms to the user operating habit, thereby The second floating window is superimposed directly on the first user interface with a default window size.
  • the target display area is a window size of the first floating window on the first user interface when the second operation signal is received.
  • each floating window created by the terminal is provided with a size identifier. If the size adjustment operation is received within the lifetime of the floating window, the terminal sets the size identifier to 1, and vice versa. Set to 0. The subsequent terminal determines whether the size of the floating window has been adjusted by detecting the size of the floating window.
  • the target window size includes a window width and a window height of the first floating window.
  • the terminal acquires the first floating window.
  • the target window size otherwise, the terminal displays the second floating window by using the default window size corresponding to the third application.
  • the terminal may directly acquire the target window size of the first floating window, and eliminate the step of detecting whether the window size of the first floating window changes.
  • Step 611 superimposing and displaying the second floating window on the first user interface according to the target window size.
  • the terminal superimposes the second floating window on the first user interface according to the target window size, so that the user operates in the third user interface displayed by the second floating window.
  • the second floating window 55 displayed by the terminal has the same window size as the first floating window 53.
  • step 609 is performed simultaneously with steps 610 to 611, that is, canceling the display of the first floating window and displaying the second floating window are completed in an instant, and the user cannot distinguish.
  • the terminal sets the second floating window to the same size as the first floating window, so as to prevent the user from adjusting the second according to the operating habit again.
  • the floating window size further improves the efficiency of human-computer interaction.
  • steps 604 to 607 and the steps 608 to 611 can be performed at the same time, that is, the display area and the size of the second floating window and the first floating window are the same, and the details are not described herein again.
  • the terminal identifies and analyzes an interface element included in the first user interface (eg, by using an AI chip), thereby The interface element analysis result determines a candidate display area of the first floating window, wherein there is no intersection between the candidate display area and the display area of the target interface element indicated by the interface element analysis result.
  • the target interface element is associated with the application type of the first application, and the target interface element includes at least one of a target control, a target text, and a target icon.
  • the correspondence between the target interface element and the application type is shown in Table 1.
  • the terminal determines to prevent the first floating window from blocking the subtitle. There is no intersection between the candidate display area of the first floating window and the first predetermined area.
  • the terminal when the first user interface is a game application, and the interface element analysis result indicates that the second predetermined area of the first user interface (such as the lower right corner of the screen) includes an operation control, in order to avoid the first floating window occluding the operation control, the terminal There is no intersection between the determined candidate display area of the first floating window and the first predetermined area.
  • FIG. 11 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:
  • the interface display module 1110 is configured to display a first user interface of the first application in the main display area;
  • the icon display module 1120 is configured to display at least two program icons in the auxiliary display area;
  • the first window display module 1130 is configured to display a first floating window on the first user interface when receiving the first operation signal on the first program icon of the at least two program icons, the first a floating window for displaying a second user interface of the second application;
  • a second window display module 1140 configured to cancel display of the first floating window when receiving the second operation signal on the second program icon of the at least two program icons, and on the first user interface A second floating window is displayed, the second floating window being used to display a third user interface of the third application.
  • the second window display module 1140 includes:
  • a first acquiring unit configured to acquire a target display area of the first floating window in the first user interface
  • a first display unit configured to superimpose and display the second floating window on the target display area.
  • the first floating window is displayed with a moving area
  • the device further includes:
  • a first changing module configured to change a display area of the first floating window in the main display area according to the third operation signal when receiving a third operation signal on the moving area
  • the first acquiring unit is configured to:
  • the second window display module 1140 includes:
  • a second acquiring unit configured to acquire a target window size of the first floating window
  • a second display unit configured to superimpose and display the second floating window on the first user interface according to the target window size.
  • the device further includes:
  • a second changing module configured to change a window size of the first floating window according to the fourth operation signal when receiving a fourth operation signal on the first floating window
  • the first acquiring unit is configured to:
  • the first window display module 1130 includes:
  • An identification unit configured to identify and analyze an interface element included in the first user interface, to obtain an interface element analysis result
  • a determining unit configured to determine, according to the interface element analysis result, a candidate display area of the first floating window on the first user interface, wherein the candidate display area and a target interface indicated by the interface element analysis result There is no intersection between the display areas of the elements;
  • a third display unit configured to display the first floating window in the candidate display area.
  • the target interface element is associated with an application type of the first application, and the target interface element comprises a target icon, a target text, and a target control. At least one.
  • the device further includes:
  • a first icon setting module configured to set the first program icon to a non-clickable state, and highlight other program icons in the auxiliary display area.
  • the device further includes:
  • a second icon setting module configured to set the at least two program icons in the auxiliary display area to a non-clickable state
  • a prompting module configured to display prompt information when the second operation signal on the second program icon in the at least two program icons is received, where the prompt information is used to prompt to close the first floating
  • the third application is opened after the window.
  • the user interface display device displays at least two program icons on the auxiliary display area, and displays the first operation signal on the program icon when the first operation signal on the program icon is received.
  • the first floating window including the second application user interface can simplify the operation steps when the user switches between different applications, improve the efficiency of human-computer interaction; and when receiving the second operation signal to other program icons, The first floating window is replaced with a second floating window displaying the third application user interface, further improving the switching efficiency between different applications.
  • the terminal displays the second floating window at the target display area corresponding to the first floating window, thereby preventing the user from adjusting the display position of the second floating window according to the operation habit again, thereby further improving The efficiency of human-computer interaction.
  • the terminal sets the second floating window to the same size as the first floating window, thereby preventing the user from adjusting the second floating window size according to the operating habit again, thereby further improving the man-machine.
  • the efficiency of the interaction in the case that the user adjusts the size of the first floating window, the terminal sets the second floating window to the same size as the first floating window, thereby preventing the user from adjusting the second floating window size according to the operating habit again, thereby further improving the man-machine. The efficiency of the interaction.
  • FIG. 12 is a structural block diagram of a terminal provided by an exemplary embodiment of the present application.
  • the terminal includes a processor 801, a memory 802, and a touch display 803.
  • the processor 801 can be a central processing unit (CPU), a network processor (English: network processor, NP), or a combination of a CPU and an NP.
  • the processor 801 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 802 is coupled to the processor 801 by a bus or other means.
  • the memory 802 stores at least one instruction, at least one program, code set or instruction set, and the at least one instruction, the at least one program, the code set or the instruction set is processed by the processor 801.
  • the user interface display method described in the various embodiments above is loaded and executed.
  • the memory 802 can 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 803 is coupled to processor 801 via a bus or other means.
  • the memory 802 stores at least one instruction that is loaded and executed by the processor 801 to implement the user interface display method as described in 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

本申请实施例公开了一种用户界面显示方法、装置、终端及存储介质，属于人机交互领域。所述方法包括：在主显示区域显示第一应用程序的第一用户界面；在辅显示区域显示至少两个程序图标；当接收到至少两个程序图标中第一程序图标上的第一操作信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口用于显示第二应用程序的第二用户界面；当接收到至少两个程序图标中第二程序图标上的第二操作信号时，取消显示第一浮动窗口，并在第一用户界面上显示第二浮动窗口，第二浮动窗口用于显示第三应用程序的第三用户界面。本申请实施例能够简化用户在不同的应用程序之间切换时的操作步骤，提高人机交互效率。

Description

用户界面显示方法、装置、终端及存储介质
本申请实施例要求于2018年03月12日提交、申请号为201810202215.X、发明名称为“用户界面显示方法、装置、终端及存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请实施例中。
技术领域
本申请实施例涉及人机交互领域，特别涉及一种用户界面显示方法、装置、终端及存储介质。
背景技术
智能手机上安装有多个应用程序。当后台运行有多个应用程序时，用户可以将其中一个应用程序切换至前台运行。
相关技术提供的一种应用程序切换方法，包括：在前台运行应用程序A的过程中，若接收到菜单键上的第一点击信号时，智能手机显示缩略图页面，该缩略图页面上显示有若干个后台运行的应用程序的缩略图。当接收到应用程序B对应的缩略图上的第二点击信号时，智能手机将该应用程序B切换至前台运行。
发明内容
本申请实施例提供了一种用户界面显示方法、装置、终端及存储介质。所述技术方案如下：
一方面，提供了一种用户界面显示方法，所述方法用于终端，所述终端的显示屏包括主显示区域和辅显示区域，所述方法包括：
在所述主显示区域显示第一应用程序的第一用户界面；
在所述辅显示区域显示至少两个程序图标；
当接收到所述至少两个程序图标中第一程序图标上的第一操作信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口用于显示第二应用程序的第二用户界面；
当接收到所述至少两个程序图标中第二程序图标上的第二操作信号时，取消显示所述第一浮动窗口，并在所述第一用户界面上显示第二浮动窗口，所述第二浮动窗口用于显示第三应用程序的第三用户界面。
另一方面，提供了一种用户界面显示装置，所述装置用于终端，所述终端的显示屏包括主显示区域和辅显示区域，所述装置包括：
界面显示模块，用于在所述主显示区域显示第一应用程序的第一用户界面；
图标显示模块，用于在所述辅显示区域显示至少两个程序图标；
第一窗口显示模块，用于当接收到所述至少两个程序图标中第一程序图标上的第一操作信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口用于显示第二应用程序的第二用户界面；
第二窗口显示模块，用于当接收到所述至少两个程序图标中第二程序图标上的第二操作信号时，取消显示所述第一浮动窗口，并在所述第一用户界面上显示第二浮动窗口，所述第二浮动窗口用于显示第三应用程序的第三用户界面。
另一方面，提供了一种终端，所述终端包括处理器和存储器；所述存储器存储有至少一条指令，所述至少一条指令用于被所述处理器执行以实现如上述方面所述的用户界面显示方法。
第四方面，提供了一种计算机可读存储介质，所述存储介质存储有至少一条指令，所述至少一条指令用于被处理器执行以实现如上述方面所述的用户界面显示方法。
附图说明
图1是本申请一个示例性实施例提供的终端的结构示意图；
图2是本申请另一个示例性实施例提供的终端的结构示意图；
图3A至图3F是本申请的示例性实施例提供的具有不同触摸显示屏的终端的外观示意图；
图4是本申请一个示例性实施例提供的用户界面显示方法的流程图；
图5是本申请一个示例性实施例提供的用户界面显示方法在实施时的界面示意图；
图6是本申请另一个示例性实施例提供的用户界面显示方法的流程图；
图7和图8是图6实施例提供的用户界面显示方法在实施时的界面示意图；
图9是本申请另一个示例性实施例提供的用户界面显示方法的流程图；
图10是图9实施例提供的用户界面显示方法在实施时的界面示意图；
图11是本申请一个示例性实施例提供的用户界面显示装置的结构示意图；
图12是本申请另一个示例性实施例提供的终端的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三 种关系，例如，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％。示意性的如图3A所示的例子中，终端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的中框，也即将原本不具有显示功能和触控功能的中框覆盖为可显示区域和/或可操作区域，从而使得曲面屏具有了更高的屏占比。可选地，如图3B所示的例子中，曲面屏是指左右两个侧边42是弯曲形状的屏幕设计；或者，曲面屏是指上下两个侧边是弯曲形状的屏幕设计；或者，曲面屏是指上、下、左、右四个侧边均为弯曲形状的屏幕设计。在可选的实施例中，曲面屏采用具有一定柔性的触摸屏材料制备。
异型屏
异型屏是外观形状为不规则形状的触摸显示屏，不规则形状不是矩形或圆角矩形。可选地，异型屏是指在矩形或圆角矩形的触摸显示屏130上设置有凸起、缺口和/或挖孔的屏幕设计。可选地，该凸起、缺口和/或挖孔可以位于触摸显示屏130的边缘、屏幕中央或两者均有。当凸起、缺口和/或挖孔设置在一条边缘时，可以设置在该边缘的中间位置或两端；当凸起、缺口和/或挖孔设置在屏幕中央时，可以设置在屏幕的上方区域、左上方区域、左侧区域、左下方区域、下方区域、右下方区域、右侧区域、右上方区域中的一个或多个区域中。当设置在多个区域中时，凸起、缺口和挖孔可以集中分布，也可以分散分布；可以对称分布，也可以不对称分布。可选地，该凸起、缺口和/或挖孔的数量也不限。
由于异型屏将触摸显示屏的上额区和/或下额区覆盖为可显示区域和/或可操作区域，使得触摸显示屏在终端的前面板上占据更多的空间，所以异型屏也具有更大的屏占比。在一些实施例中，缺口和/或挖孔中用于容纳至少一种前面板部件，该前面板部件包括摄像头、指纹传感器、接近光传感器、距离传感器、听筒、环境光亮度传感器、物理按键中的至少一种。
示例性的，该缺口可以设置在一个或多个边缘上，该缺口可以是半圆形缺口、直角矩形缺口、圆角矩形缺口或不规则形状缺口。示意性的如图3C所示的例子中，异型屏可以是在触摸显示屏130的上边缘的中央位置设置有半圆形缺口43的屏幕设计，该半圆形缺口43所空出的位置用于容纳摄像头、距离传感器(又称接近传感器)、听筒、环境光亮度传感器中的至少一种前面板部件；示意性的如图3D所示，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半圆形缺口44的屏幕设计，该半圆形缺口44所空出的位置用于容纳物理按键、指纹传感器、麦克风中的至少一种部件；示意性的如图3E所示的例子中，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半椭圆形缺口45的屏幕设计，同时在终端100的前面板上还形成有一个半椭圆型缺口，两个半椭圆形缺口围合成一个椭圆形区域，该椭圆形区域用于容纳物理按键或者指纹识别模组；示意性的如图3F所示的例子中，异型屏可以是在触摸显示屏130中的上半部中设置有至少一个小孔46的屏幕设计，该小孔46所空出的位置用于容纳摄像头、距离传感器、听筒、环境光亮度传感器中的至少一种前面板部件。
除此之外，本领域技术人员可以理解，上述附图所示出的终端100的结构并不构成对终端100的限定，终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。比如，终端100中还包括射频电路、输入单元、传感器、音频电路、无线保真(Wireless Fidelity，WiFi)模块、电源、蓝牙模块等部件，在此不再赘述。
请参考图4，其示出了本申请一个示例性实施例示出的用户界面显示方法的流程图。本实施例以该方法应用于终端100中来举例说明。该方法包括：
步骤401，在主显示区域显示第一应用程序的第一用户界面。
终端的显示屏上包括主显示区域和辅显示区域。通常，主显示区域和辅显示区域是属于同一显示屏上的不同显示区域。主显示区域的第一显示面积大于辅显示区域的第二显示面积。
可选地，主显示区域与辅显示区域相邻，主显示区域和辅显示区域的总显示面积等于显示屏的可用显示面积。
当显示屏是异形屏时，主显示区域是异形屏上呈矩形的显示区域，辅显示区域是异形屏上呈异形形状的显示区域，主显示区域和辅显示区域的合集等于异形屏的整个显示区域。示意性地，异形屏的三个边为直线边，剩余一个边是存在凹陷部位的曲线边，主显示区域是按照三个直线边和凹陷部位的边缘所划分出的最大矩形所在的区域，辅显示区域是除主显示区域之外的剩余部分。可选地，辅显示区域是一个或两个。
当显示屏是矩形屏(含圆角矩形屏)时，主显示区域可以是矩形的显示区域，辅显示区域可以是位于一个侧边的条状区域，比如用于显示状态栏或导航栏的区域。当显示屏是曲面屏时，主显示区域可以是平面显示区域，辅显示区域可以是位于侧边的曲面显示区域，本申请实施例对主显示区域和辅显示区域的位置不加以限定。
第一应用程序是位于前台运行的应用程序。在用户使用第一应用程序的过程中，终端在主显示区域上显示第一应用程序的第一用户界面，该第一用户界面是指第一应用程序的程序界面。
步骤402，在辅显示区域显示至少两个程序图标。
终端可以预先在辅显示区域上显示程序图标，也可以在处于横屏状态时在辅显示区域上显示程序图标，还可以是根据接收到的操作信号在辅显示区域显示程序图标，本申请实施例对程序图标的显示时机不加以限定。
当辅显示区域的显示面积有限时，辅显示区域可以仅显示一个第二应用程序的程序图标。当辅显示区域的显示面积较空闲时，辅显示区域还可以显示第三应用程序、第四应用程序等其它应用程序的程序图标。本申请实施例中，辅显示区域显示有至少两个程序图标。
可选的，当接收到对辅显示区域的切换操作时，终端切换辅显示区域中显示的程序图标，该切换操作可以是沿预定方向的滑动操作。
程序图标对应的应用程序可以是尚未启动的应用程序，也可以是位于后台运行状态的应用程序，本申请实施例对程序图标对应应用程序的运行状态不加以限定。
步骤403，当接收到至少两个程序图标中第一程序图标上的第一操作信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口用于显示第二应用程序的第二用户界面。
其中，第一程序图标是辅显示区域中任意一个程序图标，且第一操作信号可以是点击信号、双击信号、长按信号、滑动信号中的至少一种。
以第一操作信号是点击信号为例，参考图5，终端在主显示区域上显示有第一用户界面51，在辅显示区域52上显示有应用程序A、应用程序B和应用程序C的程序图标。当终端接收到应用程序A的程序图标上的点击信号时，在第一用户界面51上叠加(或弹出)第一浮动窗口53，第一浮动窗口53用于显示应用程序A的第二用户界面54。
可选的，第一浮动窗口采用默认窗口尺寸，且显示在默认显示区域，且用户可以通过手动方式调整第一浮动窗口的窗口尺寸以及显示区域。
在一种可能的实施方式中，终端在第一用户界面上显示第一浮动窗口之后，将第一程序图标设置为不可点击状态，并突出显示辅显示区域中的其他程序图标。其中，程序图标处于不可点击状态时，终端将不响应该程序图标上的操作信号；突出显示程序图标的方式包括高亮显示、显示图标边框或放大程序图标中的任意一种。
示意性的，如图5所示，终端显示应用程序A对应的第一浮动窗口53后，对应用程序A对应的程序图标进行灰化处理，灰化处理后的程序图标无法点击。
步骤404，当接收到至少两个程序图标中第二程序图标上的第二操作信号时，取消显示第一浮动窗口，并在第一用户界面上显示第二浮动窗口，第二浮动窗口用于显示第三应用程序的第三用户界面。
其中，第二程序图标是辅显示区域中，除第一程序图标以外其他程序图标中的任意一个，且第二操作信号可以是点击信号、双击信号、长按信号、滑动信号中的至少一种。
在一种可能的实现方式中，第三浮动窗口采用默认窗口尺寸，和/或，第三浮动窗口显示在默认显示区域；在其他可能的实现方式中，第三浮动窗口与第二浮动窗口具有相同窗口尺寸，和/或，第三浮动窗口与第二浮动窗口位于同一显示区域。
以第二操作信号是点击信号为例，参考图5，第一用户界面51上叠加显示有第一浮动窗口53(包含应用程序A的用户界面)，当终端接收到应用程序B的程序图标上的点击信号时，取消显示第一浮动窗口 53，并在第一用户界面51上叠加显示第三用户界面56(应用程B的用户界面)的第二浮动窗口55。
在其他可能的实施方式中，终端还可以将第一浮动窗口中的第二用户界面替换为第三用户界面，从而避免重新创建新的浮动窗口。
可选的，终端在第一用户界面上显示第二浮动窗口之后，将第一程序图标设置为可点击状态，将第二程序图标设置为不可点击状态，并突出显示辅显示区域中除第二程序图标为的其他程序图标。
综上所述，本实施例提供的用户界面显示方法，通过在辅显示区域上显示至少两个程序图标，当接收到程序图标上的第一操作信号时，在第一应用程序用户界面上显示包含第二应用程序用户界面的第一浮动窗口，能够简化用户在不同的应用程序之间切换时的操作步骤，提高人机交互效率；并且当接收到对其他程序图标的第二操作信号时，将第一浮动窗口替换为显示第三应用程序用户界面的第二浮动窗口，进一步提高不同应用程序之间的切换效率。
在另一种可能的实施方式中，用户需要关闭已显示的第一浮动窗口后才能切换开启第三应用程序对应的浮动窗口。可选的，终端在第一用户界面上显示第一浮动窗口之后，将辅显示区域中的至少两个程序图标设置为不可点击状态；当接收到对至少两个程序图标中第二程序图标上的第二操作信号时，终端显示提示信息(第一浮动窗口不关闭)，该提示信息用于提示关闭第一浮动窗口后开启第三应用程序。
可选的，所述在所述第一用户界面上显示第二浮动窗口，包括：
获取所述第一浮动窗口在所述第一用户界面中的目标显示区域；
在所述目标显示区域上叠加显示所述第二浮动窗口。
可选的，所述第一浮动窗口显示有移动区域，所述在所述第一用户界面上显示第一浮动窗口之后，所述方法还包括：
当接收到所述移动区域上的第三操作信号时，根据所述第三操作信号改变所述第一浮动窗口在所述主显示区域中的显示区域；
所述获取所述第一浮动窗口在所述第一用户界面中的目标显示区域，包括：
若所述第一浮动窗口在所述第一用户界面中的显示区域发生变化，则获取所述第一浮动窗口在所述第一用户界面中的所述目标显示区域。
可选的，所述在所述第一用户界面上显示第二浮动窗口，包括：
获取所述第一浮动窗口的目标窗口尺寸；
根据所述目标窗口尺寸在所述第一用户界面上叠加显示所述第二浮动窗口。
可选的，所述在所述第一用户界面上显示第一浮动窗口之后，所述方法还包括：
当接收到所述第一浮动窗口上的第四操作信号时，根据所述第四操作信号改变所述第一浮动窗口的窗口尺寸；
所述获取所述第一浮动窗口的窗口尺寸，包括：
若所述第一浮动窗口的窗口尺寸发生变化，则获取所述第一浮动窗口的所述目标窗口尺寸。
可选的，所述在所述第一用户界面上显示第一浮动窗口，包括：
识别并分析所述第一用户界面中包含的界面元素，得到界面元素分析结果；
根据所述界面元素分析结果确定所述第一浮动窗口在所述第一用户界面上的候选显示区域，其中，所述候选显示区域与所述界面元素分析结果指示的目标界面元素的显示区域之间不存在交集；
在所述候选显示区域内显示所述第一浮动窗口。
可选的，所述目标界面元素与所述第一应用程序的应用类型关联，所述目标界面元素包括目标图标、目标文字和目标控件中的至少一种。
8、根据权利要求1至5任一所述的方法，其特征在于，所述在所述第一用户界面上显示第一浮动窗口之后，所述方法还包括：
将所述第一程序图标设置为不可点击状态，并突出显示所述辅显示区域中的其他程序图标。
请参考图6，其示出了本申请一个示例性实施例提供的用户界面显示方法的流程图。本实施例以该方法应用于具有异形屏的终端100中来举例说明。该方法包括：
步骤601，在主显示区域显示第一应用程序的第一用户界面。
终端的显示屏上包括主显示区域和辅显示区域。当显示屏是异形屏时，主显示区域是异形屏上呈矩形的显示区域，辅显示区域是异形屏上呈异形形状的显示区域。示意性地，异形屏的三个边为直线边，剩余一个边是存在凹陷部位的曲线边，主显示区域是按照三个直线边和凹陷部位的边缘所划分出的最大矩形所在的区域，辅显示区域是除主显示区域之外的剩余部分。在本实施例中，辅显示区域是两个：位于终端右侧的第一辅显示区域，位于终端左侧的第二辅显示区域。当然，第一辅显示区域和第二辅显示区域也可以看成是一个整体，作为一个辅显示区域来看待。
本实施例中为了简化描述，采用第一辅显示区域进行举例说明，但下述实现也同样适用于第二辅显示区域。
步骤602，在辅显示区域显示至少两个程序图标。
在初始状态下，若终端处于竖屏显示状态，则第一辅显示区域上可以显示状态栏信息。状态栏信息包括：运营商名称、信号强度、网络制式、时间、日期、电池电量、无线保真(Wireless Fidelity，WiFi)网络信息、蓝牙信息中的至少一种。若终端处于横屏显示状态，则第一辅显示区域可以不显示任何内容，或者显示固定色(比如黑色)背景，或者显示与第一应用程序匹配的显示内容。
当接收到第一辅显示区域上的第一滑动信号时，在第一辅显示区域上显示至少两个应用程序的程序图标。
第一辅显示区域包括依次相连的第一长边、第一短边、第二长边和第二短边。可选地，第一长边和第二长边是平行的直边，第一短边和第二短边可以是直边或曲边。第一长边与主显示区域之间的距离大于第二长边与主显示区域之间的距离。比如，第一长边与主显示区域之间的距离是30像素，第二长边与主显示区域之间的距离是0像素。
可选地，第一滑动信号是从第一长边向第二长边滑动的信号。
当终端接收到第一辅显示区域上的第一滑动信号时，终端将第一辅显示区域上的初始显示内容切换显示为候选应用程序的程序图标。
可选地，候选应用程序是与第一应用程序是不同的应用程序，或者，候选应用程序是第一应用程序的分身应用程序，且候选应用程序支持浮窗显示。如果候选应用程序是具有消息接收功能的应用程序，则候选应用程序的程序图标上可以显示有角标，该角标用于指示候选应用程序存在未读消息。比如，候选应用程序是短信息程序、邮件应用程序、即时通信程序、微博程序、语音通信程序中的任意一种。
参考图7，当终端在第一辅显示区域50上接收到第一滑动信号时，终端在第一辅显示区域50上显示为应用程序A、应用程序B和应用程序C的程序图标。示意性的，第一滑动信号是从第一辅显示区域50的第一长边501从第二长边502滑动的信号。
在一个可选的实施例中，终端在接收到第一辅显示区域上的第一滑动信号且机身状态是横屏状态时，在第一辅显示区域上显示第二应用程序的程序图标。示意性的，终端可以仅在横屏显示模式下响应第一滑动信号，在竖屏显示模式下不响应第一滑动信号。比如，当终端接收到第一辅显示区域上的第一滑动信号时，检测机身状态是否为横屏状态；当机身状态是横屏状态时，在第一辅显示区域上显示程序图标。否则，则不响应第一滑动信号，或按照其它方式响应第一滑动信号，其它方式可以是弹出下拉通知栏。又比如，当终端在机身状态是竖屏状态时，关闭第一辅显示区域的信号接收功能；当终端在机身状态是横屏状态时，启用第一辅显示区域的信号接收功能，当在第一辅显示区域接收到第一滑动信号时，在第一辅显示区域上显示程序图标。
可选的，当接收到第一辅显示区域上的第二滑动信号时，在第一辅显示区域上取消显示程序图标。
可选地，第二滑动信号是从第一辅显示区域的第二长边向第一长边滑动的信号。
当终端接收到第一辅显示区域上的第二滑动信号时，终端将第一辅显示区域上显示的程序图标切换显示为初始显示内容，或者不显示任何内容。
步骤603，当接收到至少两个程序图标中第一程序图标上的第一操作信号时，在第一用户界面上显示第一浮动窗口，第一浮动窗口用于显示第二应用程序的第二用户界面。
如果需要使用第一应用程序外的第二应用程序，则用户在第一辅显示区域上点击第二应用程序的对应的第一程序图标。终端接收到第一程序图标上的第一操作信号。可选地，第一操作信号是单击信号、双击信号、长按信号中的任意一种，本实施例以第一操作信号是单击信号进行举例说明。
终端可以在第一用户界面上的局部区域中叠加显示浮动窗口，该浮动窗口中显示有第二应用程序的第二用户界面。该局部区域可以是第一辅显示区域的相邻区域，也即该局部区域与第一辅显示区域之间的距离小于阈值。当第二应用程序是未启动的应用程序时，终端根据第一操作信号启动第二应用程序，然后在第一浮动窗口中显示第二应用程序的第二用户界面；当第二应用程序是后台运行的应用程序时，终端将处于后台运行的应用程序切换至第一浮动窗口中进行显示。
浮动窗口，又称为顶层窗口或画中画窗口，可以由安卓操作系统中的Windows Manager窗口实现。该浮动窗口可以尽量不遮挡第一用户界面上的主要显示元素。用户可以对浮动窗口中的第二用户界面进行操作，进而控制第二应用程序的运行。
可选地，第一浮动窗口上还显示有隐藏按钮和/或全屏按钮。
当接收到第一浮动窗口的隐藏按钮上的操作信号时，终端取消显示第一浮动窗口。可选地，终端取消显示第一浮动窗口，并且关闭第二应用程序。或者，终端取消显示第一浮动窗口，并且将第二应用程序切换为后台运行状态。
当接收到全屏按钮上的操作信号时，终端在主显示区域以全屏方式显示第二应用程序的第二用户界面，并将第一应用程序从前台运行状态切换为后台运行状态。
可选的，显示第一浮动窗口后，终端停止在辅显示区域上显示程序图标，或者，当在预定时长内未接 收到对辅显示区域上显示程序图标的操作信号时，则停止在辅显示区域上显示程序图标。比如，该预定时长为5s。
步骤604，当接收到移动区域上的第三操作信号时，根据第三操作信号改变第一浮动窗口在主显示区域中的显示区域。
在实际应用场景下，由于显示在默认显示区域的第一浮动窗口可能不符合用户的操作习惯，因此用户会根据自身操作习惯调整第一浮动窗口的显示区域。
可选的，第一浮动窗口上还包含移动区域，该移动区域可以采用按钮等控件形式显示出来，也可以不显示出来，而采用第一浮动窗口上的任意一个区域来代替。
相应的，终端根据移动区域上的第三操作信号，改变第一浮动窗口在主显示区域中的显示区域，其中，第三操作信号可以是拖动信号。
示意性的，如图8所示，第一浮动窗口53的顶部区域531为移动区域，当用户长按并拖动顶部区域531时，终端即根据拖动方向改变第一浮动窗口53的显示区域。
步骤605，当接收到至少两个程序图标中第二程序图标上的第二操作信号时，取消显示第一浮动窗口。
通常情况下，进行应用程序切换时，首先需要关闭当前应用程序，然后选择开启其他应用程序，操作过程较为繁琐。为了简化应用切换的操作流程，当需要结束在第二应用程序中的操作，并在第三应用程序中进行操作时，用户即直接点击辅显示区域中第二程序图标(对应第三应用程序)。相应的，终端接收到对第二程序图标的第二操作信号时，取消显示第一浮动窗口。
步骤606，若第一浮动窗口在第一用户界面中的显示区域发生变化，则获取第一浮动窗口在第一用户界面中的目标显示区域。
通常情况下，用户在短期内的操作习惯固定，为了避免用户频繁调整浮动窗口在主显示区域中的显示位置，终端接收到第二操作信号后，检测第一浮动窗口的显示区域是否发生过变动，若发生过变动，则确定用户根据个人习惯调整过窗口显示区域，从而获取第一浮动窗口的目标显示区域，并执行下述步骤607；若未发生过变动，则确定浮动窗口的默认显示区域符合用户操作习惯，从而直接在默认显示区域叠加显示第二浮动窗口。
其中，该目标显示区域为接收到第二操作信号时，第一浮动窗口在第一用户界面上的显示区域。
在一种可能的实施方式中，终端创建的每个浮动窗口均设置有移动标识，若在浮动窗口的生命周期内接收移动操作，终端则将移动标识设置为1，反之，则将移动标识设置为0。后续终端即通过检测浮动窗口的移动标识确定该浮动窗口是否被移动过。
可选的，该目标显示区域包括第一浮动窗口中指定窗口顶点的顶点坐标。比如，第一浮动窗口左上角窗口顶点的顶点坐标。
在其他可能的实施方式中，终端可以直接获取第一浮动窗口在第一用户界面中的目标显示区域，并免去检测第一浮动窗口的显示区域是否发生变化的步骤。
步骤607，在目标显示区域上叠加显示第二浮动窗口，第二浮动窗口用于显示第三应用程序的第三用户界面。
进一步的，终端在目标显示区域处叠加显示第二浮动窗口，以便用户在第二浮动窗口显示的第三用户界面中进行操作。
示意性的，如图8所示，用户点击应用程序B的程序图标后，终端在移动后第一浮动窗口53所处的位置显示第二浮动窗口55。
需要说明的是，上述步骤605与步骤606至607同时执行，即取消显示第一浮动窗口和显示第二浮动窗口在瞬间完成，用户无法分辨。
本实施例提供的用户界面显示方法中，在用户移动过第一浮动窗口的情况下，终端在第一浮动窗口对应的目标显示区域处显示第二浮动窗口，避免用户再次根据操作习惯调整第二浮动窗口的显示位置，进一步提高了人机交互的效率。
在实际应用场景中，用户可能会根据自身使用习惯调整浮动窗口的窗口大小，因此，为了避免用户频繁调整窗口大小，在一种可能的实施方式中，在图6的基础上，如图9所示，上述步骤603之后还包括如下步骤。
步骤608，当接收到第一浮动窗口上的第四操作信号时，根据第四操作信号改变第一浮动窗口的窗口尺寸。
在实际应用场景下，由于默认窗口尺寸的第一浮动窗口可能不符合用户的操作习惯，因此用户会根据自身操作习惯调整第一浮动窗口的窗口尺寸。
可选地，终端接收第一浮动窗口的边框或边角上的拖动信号，根据该拖动信号改变第一浮动窗口的长、宽以及显示比例中的任意一种。
示意性的，如图10所示，当用户长按并拖动第一浮动窗口53的右窗口边界时，终端即根据拖动操作 调整第一浮动窗口53的窗口尺寸。
步骤609，当接收到至少两个程序图标中第二程序图标上的第二操作信号时，取消显示第一浮动窗口。
本步骤的实施方式与上述步骤605相似，本实施例在此不再赘述。
步骤610，若第一浮动窗口的窗口尺寸发生变化，则获取第一浮动窗口的目标窗口尺寸。
通常情况下，用户在短期内的操作习惯固定，为了避免用户频繁调整浮动窗口的窗口尺寸，终端接收到第二操作信号后，检测第一浮动窗口的窗口尺寸是否发生过变动，若发生过变动，则确定用户根据个人习惯调整过窗口尺寸，从而获取第一浮动窗口的目标窗口尺寸，并执行下述步骤611；若未发生过变动，则确定浮动窗口的默认窗口尺寸符合用户操作习惯，从而直接在第一用户界面上以默认窗口尺寸叠加显示第二浮动窗口。
其中，该目标显示区域为接收到第二操作信号时，第一浮动窗口在第一用户界面上的窗口尺寸。
在一种可能的实施方式中，终端创建的每个浮动窗口均设置有尺寸标识，若在浮动窗口的生命周期内接收尺寸调整操作，终端则将尺寸标识设置为1，反之，则将尺寸标识设置为0。后续终端即通过检测浮动窗口的尺寸标识确定该浮动窗口的尺寸是否被调节过。
可选的，该目标窗口尺寸包括第一浮动窗口的窗口宽度和窗口高度。
由于不同类型应用程序的最优显示尺寸不同，可选的，当第一浮动窗口的窗口尺寸发生变化，且第二应用程序与第三应用程序的程序类型相同时，终端获取第一浮动窗口的目标窗口尺寸；否则，终端采用第三应用程序对应的默认窗口尺寸显示第二浮动窗口。
在其他可能的实施方式中，终端可以直接获取第一浮动窗口的目标窗口尺寸，并免去检测第一浮动窗口的窗口尺寸是否发生变化的步骤。
步骤611，根据目标窗口尺寸在第一用户界面上叠加显示第二浮动窗口。
进一步的，终端根据目标窗口尺寸，在第一用户界面上叠加显示第二浮动窗口，以便用户在第二浮动窗口显示的第三用户界面中进行操作。
示意性的，如图10所示，用户点击应用程序B的程序图标后，终端显示的第二浮动窗口55与第一浮动窗口53具有相同的窗口尺寸。
需要说明的是，上述步骤609与步骤610至611同时执行，即取消显示第一浮动窗口和显示第二浮动窗口在瞬间完成，用户无法分辨。
本实施例提供的用户界面显示方法中，在用户调整过第一浮动窗口尺寸的情况下，终端将第二浮动窗口设置为与第一浮动窗口相同的尺寸，避免用户再次根据操作习惯调整第二浮动窗口尺寸，进一步提高了人机交互的效率。
需要说明的是，上述步骤604至607以及步骤608至611可以同时执行，即第二浮动窗口与第一浮动窗口的显示区域以及尺寸均相同，本实施例在此不再赘述。
针对上述各个实施例中第一浮动窗口的显示位置的确定方式，在一种可能的实施方式中，终端识别并分析第一用户界面中包含的界面元素(比如通过AI芯片进行识别)，从而根据界面元素分析结果确定第一浮动窗口的候选显示区域，其中，该候选显示区域与界面元素分析结果指示的目标界面元素的显示区域之间不存在交集。
可选的，目标界面元素与第一应用程序的应用类型关联，且目标界面元素包括目标控件、目标文字和目标图标中的至少一种。其中，目标界面元素与应用类型的对应关系如表一所示。
表一
目标界面元素 应用类型
字幕、播放控件 视频播放
操作控件 游戏
图标、文字 即时通信应用
可选的，当第一用户界面为视频播放应用，且界面元素分析结果指示第一用户界面的第一预定区域(比如屏幕底部)包含字幕时，为了避免第一浮动窗口遮挡字幕，终端确定出的第一浮动窗口的候选显示区域与该第一预定区域之间不存在交集。
可选的，当第一用户界面为游戏应用，且界面元素分析结果指示第一用户界面的第二预定区域(比如屏幕右下角)包含操作控件时，为了避免第一浮动窗口遮挡操作控件，终端确定出的第一浮动窗口的候选显示区域与该第一预定区域之间不存在交集。
请参考图11，其示出了本申请一个实施例提供的用户界面显示装置的结构框图。该用户界面显示装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置包括：
界面显示模块1110，用于在主显示区域显示第一应用程序的第一用户界面；
图标显示模块1120，用于在辅显示区域显示至少两个程序图标；
第一窗口显示模块1130，用于当接收到所述至少两个程序图标中第一程序图标上的第一操作信号时， 在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口用于显示第二应用程序的第二用户界面；
第二窗口显示模块1140，用于当接收到所述至少两个程序图标中第二程序图标上的第二操作信号时，取消显示所述第一浮动窗口，并在所述第一用户界面上显示第二浮动窗口，所述第二浮动窗口用于显示第三应用程序的第三用户界面。
可选的，所述第二窗口显示模块1140，包括：
第一获取单元，用于获取所述第一浮动窗口在所述第一用户界面中的目标显示区域；
第一显示单元，用于在所述目标显示区域上叠加显示所述第二浮动窗口。
可选的，所述第一浮动窗口显示有移动区域，所述装置还包括：
第一改变模块，用于当接收到所述移动区域上的第三操作信号时，根据所述第三操作信号改变所述第一浮动窗口在所述主显示区域中的显示区域；
所述第一获取单元，用于：
若所述第一浮动窗口在所述第一用户界面中的显示区域发生变化，则获取所述第一浮动窗口在所述第一用户界面中的所述目标显示区域。
可选的，所述第二窗口显示模块1140，包括：
第二获取单元，用于获取所述第一浮动窗口的目标窗口尺寸；
第二显示单元，用于根据所述目标窗口尺寸在所述第一用户界面上叠加显示所述第二浮动窗口。
可选的，所述装置还包括：
第二改变模块，用于当接收到所述第一浮动窗口上的第四操作信号时，根据所述第四操作信号改变所述第一浮动窗口的窗口尺寸；
所述第一获取单元，用于：
若所述第一浮动窗口的窗口尺寸发生变化，则获取所述第一浮动窗口的所述目标窗口尺寸。
可选的，所述第一窗口显示模块1130，包括：
识别单元，用于识别并分析所述第一用户界面中包含的界面元素，得到界面元素分析结果；
确定单元，用于根据所述界面元素分析结果确定所述第一浮动窗口在所述第一用户界面上的候选显示区域，其中，所述候选显示区域与所述界面元素分析结果指示的目标界面元素的显示区域之间不存在交集；
第三显示单元，用于在所述候选显示区域内显示所述第一浮动窗口。
可选的，根据权利要求15所述的装置，其特征在于，所述目标界面元素与所述第一应用程序的应用类型关联，所述目标界面元素包括目标图标、目标文字和目标控件中的至少一种。
可选的，所述装置还包括：
第一图标设置模块，用于将所述第一程序图标设置为不可点击状态，并突出显示所述辅显示区域中的其他程序图标。
可选的，所述装置，还包括：
第二图标设置模块，用于将所述辅显示区域中的所述至少两个程序图标设置为不可点击状态；
提示模块，用于当接收到对所述至少两个程序图标中所述第二程序图标上的所述第二操作信号时，显示提示信息，所述提示信息用于提示关闭所述第一浮动窗口后开启所述第三应用程序。
综上所述，本实施例提供的用户界面显示装置，通过在辅显示区域上显示至少两个程序图标，当接收到程序图标上的第一操作信号时，在第一应用程序用户界面上显示包含第二应用程序用户界面的第一浮动窗口，能够简化用户在不同的应用程序之间切换时的操作步骤，提高人机交互效率；并且当接收到对其他程序图标的第二操作信号时，将第一浮动窗口替换为显示第三应用程序用户界面的第二浮动窗口，进一步提高不同应用程序之间的切换效率。
另外，在用户移动过第一浮动窗口的情况下，终端在第一浮动窗口对应的目标显示区域处显示第二浮动窗口，避免用户再次根据操作习惯调整第二浮动窗口的显示位置，进一步提高了人机交互的效率。
另外，在用户调整过第一浮动窗口尺寸的情况下，终端将第二浮动窗口设置为与第一浮动窗口相同的尺寸，避免用户再次根据操作习惯调整第二浮动窗口尺寸，进一步提高了人机交互的效率。
请参考图12，其示出了本申请一个示例性实施例提供的一种终端的结构框图。该终端包括处理器801、存储器802以及触摸显示屏803。
处理器801可以是中央处理器(英文：central processing unit，CPU)，网络处理器(英文：network processor，NP)或者CPU和NP的组合。处理器801还可以进一步包括硬件芯片。上述硬件芯片可以是专用集成电路(英文：application-specific integrated circuit，ASIC)，可编程逻辑器件(英文：programmable logic device，PLD)或其组合。上述PLD可以是复杂可编程逻辑器件(英文：complex programmable logic device，CPLD)，现场可编程逻辑门阵列(英文：field-programmable gate array，FPGA)，通用阵列逻辑(英文：generic array logic，GAL)或其任意组合。
存储器802通过总线或其它方式与处理器801相连，存储器802中存储有至少一条指令、至少一段程 序、代码集或指令集，上述至少一条指令、至少一段程序、代码集或指令集由处理器801加载并执行以实现如上各个实施例所述的用户界面显示方法。存储器802可以为易失性存储器(英文：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)，硬盘。非易失性存储器也可以为光盘。
触摸显示屏803通过总线或其它方式与处理器801相连。存储器802存储有至少一条指令，所述至少一条指令由所述处理器801加载并执行以实现如上各个实施例所述的用户界面显示方法。
本申请实施例还提供了一种计算机可读介质，该计算机可读介质存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的用户界面显示方法。
本申请实施例还提供了一种计算机程序产品，该计算机程序产品存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的用户界面显示方法。
本领域技术人员应该可以意识到，在上述一个或多个示例中，本申请实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时，可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质，其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。
以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (20)

  1. 一种用户界面显示方法，其特征在于，所述方法用于终端，所述终端的显示屏包括主显示区域和辅显示区域，所述方法包括：
    在所述主显示区域显示第一应用程序的第一用户界面；
    在所述辅显示区域显示至少两个程序图标；
    当接收到所述至少两个程序图标中第一程序图标上的第一操作信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口用于显示第二应用程序的第二用户界面；
    当接收到所述至少两个程序图标中第二程序图标上的第二操作信号时，取消显示所述第一浮动窗口，并在所述第一用户界面上显示第二浮动窗口，所述第二浮动窗口用于显示第三应用程序的第三用户界面。
  2. 根据权利要求1所述的方法，其特征在于，所述在所述第一用户界面上显示第二浮动窗口，包括：
    获取所述第一浮动窗口在所述第一用户界面中的目标显示区域；
    在所述目标显示区域上叠加显示所述第二浮动窗口。
  3. 根据权利要求2所述的方法，其特征在于，所述第一浮动窗口显示有移动区域，所述在所述第一用户界面上显示第一浮动窗口之后，所述方法还包括：
    当接收到所述移动区域上的第三操作信号时，根据所述第三操作信号改变所述第一浮动窗口在所述主显示区域中的显示区域；
    所述获取所述第一浮动窗口在所述第一用户界面中的目标显示区域，包括：
    若所述第一浮动窗口在所述第一用户界面中的显示区域发生变化，则获取所述第一浮动窗口在所述第一用户界面中的所述目标显示区域。
  4. 根据权利要求1所述的方法，其特征在于，所述在所述第一用户界面上显示第二浮动窗口，包括：
    获取所述第一浮动窗口的目标窗口尺寸；
    根据所述目标窗口尺寸在所述第一用户界面上叠加显示所述第二浮动窗口。
  5. 根据权利要求4所述的方法，其特征在于，所述在所述第一用户界面上显示第一浮动窗口之后，所述方法还包括：
    当接收到所述第一浮动窗口上的第四操作信号时，根据所述第四操作信号改变所述第一浮动窗口的窗口尺寸；
    所述获取所述第一浮动窗口的窗口尺寸，包括：
    若所述第一浮动窗口的窗口尺寸发生变化，则获取所述第一浮动窗口的所述目标窗口尺寸。
  6. 根据权利要求1至5任一所述的方法，其特征在于，所述在所述第一用户界面上显示第一浮动窗口，包括：
    识别并分析所述第一用户界面中包含的界面元素，得到界面元素分析结果；
    根据所述界面元素分析结果确定所述第一浮动窗口在所述第一用户界面上的候选显示区域，其中，所述候选显示区域与所述界面元素分析结果指示的目标界面元素的显示区域之间不存在交集；
    在所述候选显示区域内显示所述第一浮动窗口。
  7. 根据权利要求6所述的方法，其特征在于，所述目标界面元素与所述第一应用程序的应用类型关联，所述目标界面元素包括目标图标、目标文字和目标控件中的至少一种。
  8. 根据权利要求1至5任一所述的方法，其特征在于，所述在所述第一用户界面上显示第一浮动窗口之后，所述方法还包括：
    将所述第一程序图标设置为不可点击状态，并突出显示所述辅显示区域中的其他程序图标。
  9. 根据权利要求1至5任一所述的方法，其特征在于，所述在所述第一用户界面上显示第一浮动窗口之后，所述方法还包括：
    将所述辅显示区域中的所述至少两个程序图标设置为不可点击状态；
    当接收到对所述至少两个程序图标中所述第二程序图标上的所述第二操作信号时，显示提示信息，所述提示信息用于提示关闭所述第一浮动窗口后开启所述第三应用程序。
  10. 一种用户界面显示装置，其特征在于，所述装置用于终端，所述终端的显示屏包括主显示区域和辅显示区域，所述装置包括：
    界面显示模块，用于在所述主显示区域显示第一应用程序的第一用户界面；
    图标显示模块，用于在所述辅显示区域显示至少两个程序图标；
    第一窗口显示模块，用于当接收到所述至少两个程序图标中第一程序图标上的第一操作信号时，在所述第一用户界面上显示第一浮动窗口，所述第一浮动窗口用于显示第二应用程序的第二用户界面；
    第二窗口显示模块，用于当接收到所述至少两个程序图标中第二程序图标上的第二操作信号时，取消显示所述第一浮动窗口，并在所述第一用户界面上显示第二浮动窗口，所述第二浮动窗口用于显示第三应用程序的第三用户界面。
  11. 根据权利要求10所述的装置，其特征在于，所述第二窗口显示模块，包括：
    第一获取单元，用于获取所述第一浮动窗口在所述第一用户界面中的目标显示区域；
    第一显示单元，用于在所述目标显示区域上叠加显示所述第二浮动窗口。
  12. 根据权利要求11所述的装置，其特征在于，所述第一浮动窗口显示有移动区域，所述装置还包括：
    第一改变模块，用于当接收到所述移动区域上的第三操作信号时，根据所述第三操作信号改变所述第一浮动窗口在所述主显示区域中的显示区域；
    所述第一获取单元，用于：
    若所述第一浮动窗口在所述第一用户界面中的显示区域发生变化，则获取所述第一浮动窗口在所述第一用户界面中的所述目标显示区域。
  13. 根据权利要求10所述的装置，其特征在于，所述第二窗口显示模块，包括：
    第二获取单元，用于获取所述第一浮动窗口的目标窗口尺寸；
    第二显示单元，用于根据所述目标窗口尺寸在所述第一用户界面上叠加显示所述第二浮动窗口。
  14. 根据权利要求13所述的装置，其特征在于，所述装置还包括：
    第二改变模块，用于当接收到所述第一浮动窗口上的第四操作信号时，根据所述第四操作信号改变所述第一浮动窗口的窗口尺寸；
    所述第一获取单元，用于：
    若所述第一浮动窗口的窗口尺寸发生变化，则获取所述第一浮动窗口的所述目标窗口尺寸。
  15. 根据权利要求10至14任一所述的装置，其特征在于，所述第一窗口显示模块，包括：
    识别单元，用于识别并分析所述第一用户界面中包含的界面元素，得到界面元素分析结果；
    确定单元，用于根据所述界面元素分析结果确定所述第一浮动窗口在所述第一用户界面上的候选显示区域，其中，所述候选显示区域与所述界面元素分析结果指示的目标界面元素的显示区域之间不存在交集；
    第三显示单元，用于在所述候选显示区域内显示所述第一浮动窗口。
  16. 根据权利要求15所述的装置，其特征在于，所述目标界面元素与所述第一应用程序的应用类型关联，所述目标界面元素包括目标图标、目标文字和目标控件中的至少一种。
  17. 根据权利要求10至14任一所述的装置，其特征在于，所述装置还包括：
    第一图标设置模块，用于将所述第一程序图标设置为不可点击状态，并突出显示所述辅显示区域中的其他程序图标。
  18. 根据权利要求10至14任一所述的装置，其特征在于，所述装置，还包括：
    第二图标设置模块，用于将所述辅显示区域中的所述至少两个程序图标设置为不可点击状态；
    提示模块，用于当接收到对所述至少两个程序图标中所述第二程序图标上的所述第二操作信号时，显示提示信息，所述提示信息用于提示关闭所述第一浮动窗口后开启所述第三应用程序。
  19. 一种终端，其特征在于，所述终端包括处理器和存储器；所述存储器存储有至少一条指令，所述至少一条指令用于被所述处理器执行以实现如权利要求1至9任一所述的用户界面显示方法。
  20. 一种计算机可读存储介质，其特征在于，所述存储介质存储有至少一条指令，所述至少一条指令用于被处理器执行以实现如权利要求1至9任一所述的用户界面显示方法。
PCT/CN2019/076444 2018-03-12 2019-02-28 用户界面显示方法、装置、终端及存储介质 WO2019174465A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810202215.X 2018-03-12
CN201810202215.XA CN108540647A (zh) 2018-03-12 2018-03-12 用户界面显示方法、装置、终端及存储介质

Publications (1)

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

Family

ID=63484326

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/076444 WO2019174465A1 (zh) 2018-03-12 2019-02-28 用户界面显示方法、装置、终端及存储介质

Country Status (2)

Country Link
CN (1) CN108540647A (zh)
WO (1) WO2019174465A1 (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广东移动通信有限公司 多任务操作方法、装置、电子设备以及存储介质
CN111597001A (zh) * 2020-05-15 2020-08-28 北京星网锐捷网络技术有限公司 一种应用程序显示控制方法、装置、介质和设备
CN111881647A (zh) * 2020-06-09 2020-11-03 维沃移动通信有限公司 标识显示方法、装置及电子设备
CN112671975A (zh) * 2019-10-15 2021-04-16 中兴通讯股份有限公司 一种显示位置调整方法、装置、终端及可读存储介质
CN113240500A (zh) * 2021-06-11 2021-08-10 维沃移动通信有限公司 信息显示方法及装置
CN113867861A (zh) * 2021-09-23 2021-12-31 深圳市道通智能航空技术股份有限公司 一种无人机图传窗口显示方法、装置、设备及存储介质

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108540647A (zh) * 2018-03-12 2018-09-14 广东欧珀移动通信有限公司 用户界面显示方法、装置、终端及存储介质
CN110928473A (zh) * 2018-09-20 2020-03-27 中兴通讯股份有限公司 一种显示屏显示控制方法、装置、设备及可读存储介质
CN109525710B (zh) * 2018-10-22 2021-06-22 维沃移动通信有限公司 一种访问应用程序的方法和装置
CN110275690A (zh) * 2019-06-03 2019-09-24 珠海格力电器股份有限公司 一种应用显示方法、装置、移动终端及存储介质
CN111782332A (zh) * 2020-07-23 2020-10-16 Oppo广东移动通信有限公司 应用界面切换方法、装置、终端及存储介质
CN113805744A (zh) * 2021-08-12 2021-12-17 荣耀终端有限公司 窗口的显示方法和电子设备
CN117806516A (zh) * 2021-09-22 2024-04-02 荣耀终端有限公司 一种悬浮窗显示方法及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110175930A1 (en) * 2010-01-19 2011-07-21 Hwang Inyong Mobile terminal and control method thereof
CN107506109A (zh) * 2017-08-16 2017-12-22 维沃移动通信有限公司 一种启动应用程序的方法及移动终端
CN107688422A (zh) * 2017-09-05 2018-02-13 广东欧珀移动通信有限公司 通知消息显示方法及装置
CN108089786A (zh) * 2017-12-14 2018-05-29 广东欧珀移动通信有限公司 用户界面显示方法、装置、设备及存储介质
CN108540647A (zh) * 2018-03-12 2018-09-14 广东欧珀移动通信有限公司 用户界面显示方法、装置、终端及存储介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105808095A (zh) * 2015-07-08 2016-07-27 维沃移动通信有限公司 一种终端的应用界面的显示方法及终端

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110175930A1 (en) * 2010-01-19 2011-07-21 Hwang Inyong Mobile terminal and control method thereof
CN107506109A (zh) * 2017-08-16 2017-12-22 维沃移动通信有限公司 一种启动应用程序的方法及移动终端
CN107688422A (zh) * 2017-09-05 2018-02-13 广东欧珀移动通信有限公司 通知消息显示方法及装置
CN108089786A (zh) * 2017-12-14 2018-05-29 广东欧珀移动通信有限公司 用户界面显示方法、装置、设备及存储介质
CN108540647A (zh) * 2018-03-12 2018-09-14 广东欧珀移动通信有限公司 用户界面显示方法、装置、终端及存储介质

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112671975A (zh) * 2019-10-15 2021-04-16 中兴通讯股份有限公司 一种显示位置调整方法、装置、终端及可读存储介质
CN111399959A (zh) * 2020-03-17 2020-07-10 Oppo广东移动通信有限公司 多任务操作方法、装置、电子设备以及存储介质
CN111597001A (zh) * 2020-05-15 2020-08-28 北京星网锐捷网络技术有限公司 一种应用程序显示控制方法、装置、介质和设备
CN111881647A (zh) * 2020-06-09 2020-11-03 维沃移动通信有限公司 标识显示方法、装置及电子设备
CN113240500A (zh) * 2021-06-11 2021-08-10 维沃移动通信有限公司 信息显示方法及装置
CN113867861A (zh) * 2021-09-23 2021-12-31 深圳市道通智能航空技术股份有限公司 一种无人机图传窗口显示方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN108540647A (zh) 2018-09-14

Similar Documents

Publication Publication Date Title
WO2019174465A1 (zh) 用户界面显示方法、装置、终端及存储介质
WO2019174546A1 (zh) 用户界面显示方法、装置、设备及存储介质
US11868586B2 (en) Floating window user interface display method and apparatus, device, and storage medium
US11543928B2 (en) Method for displaying input method interface of improved accuracy of input, device, and terminal
US11301131B2 (en) Method for split-screen display, terminal, and non-transitory computer readable 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
CN109164964B (zh) 内容分享方法、装置、终端及存储介质
CN108804190B (zh) 用户界面显示方法、装置、终端及存储介质
WO2019174477A1 (zh) 用户界面显示方法、装置及终端
WO2020147665A1 (zh) 文件处理方法、装置、终端及存储介质
WO2019174469A1 (zh) 消息提醒方法、装置、设备及存储介质
WO2019174466A1 (zh) 消息提醒方法、装置、设备及存储介质
CN108803964B (zh) 浮标显示方法、装置、终端及存储介质
WO2020038163A1 (zh) 图标的显示方法、装置、终端及存储介质
WO2019047147A1 (zh) 图标移动方法及装置
WO2019047738A1 (zh) 消息显示方法、装置、移动终端及存储介质
CN107688430B (zh) 更换壁纸的方法、装置、终端及存储介质
WO2019233307A1 (zh) 用户界面显示方法、装置、终端及存储介质
CN107608550B (zh) 触摸操作响应方法及装置
CN109656445B (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: 19767016

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

Country of ref document: EP

Kind code of ref document: A1