WO2019233337A1 - 浮标显示方法、装置、终端及存储介质 - Google Patents

浮标显示方法、装置、终端及存储介质 Download PDF

Info

Publication number
WO2019233337A1
WO2019233337A1 PCT/CN2019/089324 CN2019089324W WO2019233337A1 WO 2019233337 A1 WO2019233337 A1 WO 2019233337A1 CN 2019089324 W CN2019089324 W CN 2019089324W WO 2019233337 A1 WO2019233337 A1 WO 2019233337A1
Authority
WO
WIPO (PCT)
Prior art keywords
buoy
display
notification message
shaped
message
Prior art date
Application number
PCT/CN2019/089324
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 WO2019233337A1 publication Critical patent/WO2019233337A1/zh

Links

Images

Classifications

    • 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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Definitions

  • the embodiments of the present application relate to the field of human-computer interaction, and in particular, to a buoy display method, device, terminal, and storage medium.
  • a buoy (or a floating mark) is displayed in the user interface of the mobile terminal.
  • a preset shortcut operation icon is displayed in the user interface. The user clicks the corresponding shortcut operation Icon to quickly launch the corresponding function.
  • the embodiments of the present application provide a buoy display method, a device, a terminal and a storage medium, which can be used to solve the problem of a single buoy function in a user interface, which results in lower user operation efficiency.
  • the technical solution is as follows:
  • a buoy display method is provided. The method is used for a terminal in a vertical screen state, and the method includes:
  • a buoy display device in another aspect, the device is in a vertical screen state, and the device includes:
  • a first buoy display module configured to display a buoy in a first shape in a user interface, where the first buoy is used to trigger display of a shortcut function menu;
  • a second buoy display module configured to display the buoy in a second shape when a notification message is received
  • a message display module is configured to display the notification message in the second-shaped buoy.
  • a terminal in another aspect, includes a processor and a memory, and the memory stores at least one instruction, and the instruction is loaded and executed by the processor to implement the buoy display according to the above aspect. method.
  • a computer-readable storage medium stores at least one instruction, and the instruction is loaded and executed by a processor to implement the buoy display method according to the above aspect.
  • FIG. 1 and 2 are structural block diagrams of a terminal provided by an exemplary embodiment of the present application.
  • FIG. 3 to 8 are schematic diagrams of five terminals with different displays according to the embodiments shown in FIG. 1 and FIG. 2;
  • FIG. 9 shows a flowchart of a buoy display method provided by an exemplary embodiment of the present application.
  • FIG. 10 is a schematic diagram of an implementation method of the buoy display method shown in FIG. 9;
  • FIG. 11 is a flowchart of a buoy display method according to another exemplary embodiment of the present application.
  • FIG. 12 is a schematic diagram of an application interface display process in full screen
  • FIG. 13 is an implementation schematic diagram of displaying an application interface process through a floating operation window
  • FIG. 14 is a schematic diagram of displaying a buoy in a preset display mode
  • FIG. 15 is a schematic diagram showing an implementation of a shortcut function menu process
  • FIG. 16 shows a structural block diagram of a buoy display device provided by an exemplary embodiment of the present application.
  • FIG. 1 and FIG. 2 are structural block diagrams of a terminal 100 according to an exemplary embodiment of the present application.
  • the terminal 100 may be a mobile phone, a tablet computer, a notebook computer, an e-book, or the like.
  • the terminal 100 in the present application may include one or more of the following components: a processor 110, a memory 120, and a touch display screen 130.
  • the processor 110 may include one or more processing cores.
  • the processor 110 uses various interfaces and lines to connect various parts of the entire terminal 100, and executes the terminal by running or executing instructions, programs, code sets or instruction sets stored in the memory 120, and calling data stored in the memory 120. 100 various functions and processing data.
  • the processor 110 may use at least one of Digital Signal Processing (DSP), Field-Programmable Gate Array (FPGA), and Programmable Logic Array (PLA).
  • DSP Digital Signal Processing
  • FPGA Field-Programmable Gate Array
  • PDA Programmable Logic Array
  • the processor 110 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), an image processor (Graphics Processing Unit, GPU), and a modem.
  • CPU Central Processing Unit
  • GPU Graphics Processing Unit
  • modem modem
  • the CPU mainly handles the operating system, user interface, and application programs, etc .
  • the GPU is responsible for rendering and drawing of the content required to be touched by the display screen 130;
  • the modem is used for processing wireless communication. It can be understood that the modem may not be integrated into the processor 110, and may be implemented by a single chip.
  • the memory 120 may include a random access memory (Random Access Memory, RAM), and may also include a read-only memory (Read-Only Memory).
  • the memory 120 includes a non-transitory computer-readable storage medium.
  • the memory 120 may be used to store instructions, programs, codes, code sets, or instruction sets.
  • the memory 120 may include a storage program area and a storage data area, where the storage program area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playback function, an image playback function, etc.), Instructions for implementing the following method embodiments, etc .; the storage data area may store data (such as audio data, phone book) and the like created according to the use of the terminal 100.
  • the 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 low-level drivers for various hardware of the terminal 100, such as a display driver, an audio driver, a camera driver, a Bluetooth driver, a Wi-Fi driver, and power management.
  • the system runtime layer 240 provides main feature support for the Android system through some C / C ++ libraries. For example, the SQLite library provides database support, the OpenGL / ES library provides 6 graphics support, and the Webkit library provides browser kernel support.
  • An Android runtime library 242 (Android Runtime) is also provided in the system runtime library layer 240, which mainly provides some core libraries, which can allow developers to use the Java language to write Android applications.
  • the application framework layer 260 provides various APIs that may be used when building applications. Developers can also use these APIs to build their own applications, such as activity management, window management, view management, notification management, content providers, Package management, call management, resource management, location management.
  • At least one application program is running in the application layer 280, and these application programs may be contact programs, SMS programs, clock programs, camera applications, etc. that are native to the operating system, or applications developed by third-party developers, such as Communication programs, photo beautification programs, etc.
  • the IOS system includes: a core operating system layer 320 (Core OS layer), a core service layer 340 (Core services layer), and a media layer 360 (Media layer), 380 (Cocoa Touch Layer).
  • the core operating system layer 320 includes an operating system kernel, drivers, and a low-level program framework. These low-level program frameworks provide functions closer to the hardware for use by the program framework located in the core service layer 340.
  • the core service layer 340 provides system services and / or program frameworks required by applications, such as a Foundation framework, an account framework, an advertising framework, a data storage framework, a network connection framework, a geographic location framework, a motion framework, and the like.
  • the media layer 360 provides audio-visual-related interfaces for applications, such as graphics and image-related interfaces, audio technology-related interfaces, video technology-related interfaces, and audio and video transmission technology (AirPlay) interfaces.
  • the touchable layer 380 provides various commonly-used interface-related frameworks for application development. The touchable layer 380 is responsible for user touch interaction operations on the terminal 100. For example, a local notification service, a remote push service, an advertising framework, a game tool framework, a message user interface (UI) framework, a user interface UIKit framework, a map framework, and so on.
  • UI message user interface
  • the frameworks related to most applications include, but are not limited to, a basic framework in the core service layer 340 and a UIKit framework in the touchable layer 380.
  • the basic framework provides many basic object classes and data types, and provides the most basic system services for all applications, regardless of the UI.
  • the classes provided by the UIKit framework are basic UI class libraries for creating touch-based user interfaces.
  • IOS applications can provide UIs based on the UIKit framework, so it provides the application's infrastructure for building user interfaces and drawing. , Handling and user interaction events, responding to gestures, and more.
  • the touch display screen 130 is used to receive a user's touch operation on or near any suitable object using a finger, a touch pen, or the like, and to display a user interface of each application program.
  • the touch display screen 130 is generally disposed on a front panel of the terminal 130.
  • the touch display screen 130 may be designed as a full screen, a curved screen or a special-shaped screen.
  • the touch display screen 130 can also be designed as a combination of a full screen and a curved screen, and a combination of a special-shaped screen and a curved screen, which is not limited in this embodiment. among them:
  • the full screen may refer to a screen design in which the touch screen display 130 occupies the front panel of the terminal 100 with a screen ratio exceeding a threshold (such as 80% or 90% or 95%).
  • One calculation method of the screen ratio is: (the area of the touch display screen 130 / the area of the front panel of the terminal 100) * 100%; another calculation method of the screen ratio is: (the actual display area in the touch display screen 130) Area / the area of the front panel of the terminal 100) * 100%; another way to calculate the screen ratio is: (the diagonal of the touch screen 130 / the diagonal of the front panel of the terminal 100) * 100% .
  • almost all areas on the front panel of the terminal 100 are touch display screens 130.
  • On the front panel 40 of the terminal 100 areas other than the edges generated by the middle frame 41 Are all touch display screens 130.
  • the four corners of the touch display screen 130 may be right-angled or rounded.
  • the full screen may also be a screen design in which at least one front panel component is integrated inside or below the touch display screen 130.
  • the at least one front panel component includes 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 or part of the touch display screen 130. For example, after the photosensitive element in the camera is split into multiple photosensitive pixels, each photosensitive The pixels are integrated in a black area in each display pixel in the touch display screen 130. Since at least one front panel component is integrated inside the touch display screen 130, the full screen has a higher screen ratio.
  • the front panel components on the front panel of the conventional terminal can also be set on the side or back of the terminal 100.
  • an ultrasonic fingerprint sensor is set under the touch display screen 130, and a bone conduction type
  • the handset is disposed inside the terminal 130, and the camera is disposed on the side of the terminal and is pluggable.
  • a single side of the middle frame of the terminal 100 or two sides (such as left and right two sides), or four sides (such as (Upper, lower, left, and right sides) are provided with edge touch sensors 120, which are used to detect a user's touch operation, click operation, press operation, and slide operation on the middle frame. At least one operation.
  • the edge touch sensor 120 may be any one of a touch sensor, a thermal sensor, and a pressure sensor. The user can apply an operation on the edge touch sensor 120 to control an application program in the terminal 100.
  • the curved screen refers to a screen design in which the screen area of the touch display screen 130 is not in a plane.
  • a curved screen has at least one cross section: the cross section has a curved shape, and the projection of the curved screen in any plane direction perpendicular to the cross section is a flat screen design.
  • the curved shape may be U-shaped.
  • the curved screen refers to a screen design manner in which at least one side is a curved shape.
  • the curved screen refers to that at least one side of the touch display screen 130 extends to cover the middle frame of the terminal 100.
  • the curved screen refers to a screen design in which the left and right sides 42 are curved; or the curved screen refers to a screen design in which the upper and lower sides are curved; or, Curved screen refers to a screen design with four curved sides on the top, bottom, left, and right.
  • the curved screen is made of a touch screen material with a certain flexibility.
  • the special-shaped screen is a touch display screen with an irregular appearance.
  • the irregular shape is not a rectangle or a rounded rectangle.
  • the special-shaped screen refers to a screen design provided with protrusions, notches, and / or holes on the rectangular or rounded rectangular touch display screen 130.
  • the protrusion, the notch and / or the hole can be located at the edge of the touch display screen 130, the center of the screen, or both.
  • the protrusion, notch and / or hole When the protrusion, notch and / or hole is set on one edge, it can be set at the middle position or both ends of the edge; when the protrusion, notch and / or hole is set on the center of the screen, it can be set above the screen One or more of the region, the upper left region, the left region, the lower left region, the lower region, the lower right region, the right region, and the upper right region.
  • the protrusions, notches and digging holes When arranged in multiple areas, the protrusions, notches and digging holes can be distributed in a centralized or distributed manner; they can be distributed symmetrically or asymmetrically.
  • the number of the protrusions, notches and / or dig holes is not limited.
  • the special-shaped screen covers the upper and / or lower forehead area of the touch display screen as a displayable area and / or an operable area, so that the touch-screen display takes up more space on the front panel of the terminal, so the special-shaped screen also has Larger screen ratio.
  • the notches and / or holes are used to receive at least one front panel component, which includes a camera, a fingerprint sensor, a proximity light sensor, a distance sensor, a handset, an ambient light sensor, and a physical button. At least one.
  • the notch may be provided on one or more edges, and the notch may be a semi-circular notch, a right-angled rectangular notch, a rounded rectangular notch, or an irregularly-shaped notch.
  • the special-shaped screen may be a screen design provided with a semi-circular notch 43 at the center of the upper edge of the touch display screen 130. The position vacated by the semi-circular notch 43 is used.
  • the special-shaped screen may be on the lower edge of the touch display screen 130
  • the screen design of the semi-circular notch 44 is set in the center position, and the space vacated by the semi-circular notch 44 is used to accommodate at least one component of a physical button, a fingerprint sensor, and a microphone; as shown schematically in FIG. 7
  • the special-shaped screen may be a screen design provided with a semi-elliptical notch 45 in the center of the lower edge of the touch display screen 130, and at the same time, a semi-elliptical notch is formed on the front panel of the terminal 100, and two semi-ellipses The notch encloses an elliptical area, which is used to accommodate physical keys or fingerprint recognition modules.
  • the special-shaped screen can be a touch display.
  • the upper half of the display screen 130 is provided with a screen design of at least one small hole 45.
  • the space vacated by the small hole 45 is used to accommodate at least one of the front panel of the camera, distance sensor, handset, and ambient light sensor. component.
  • the structure of the terminal 100 shown in the above drawings does not constitute a limitation on the terminal 100.
  • the terminal may include more or fewer components than shown in the figure, or combine some Components, or different component arrangements.
  • the terminal 100 further includes components such as a radio frequency circuit, an input unit, a sensor, an audio circuit, a wireless fidelity (WiFi) module, a power supply, and a Bluetooth module, and details are not described herein again.
  • WiFi wireless fidelity
  • the embodiment of the present application provides a buoy display method, which can be used for a terminal having a full screen, a curved screen, a special screen, a folding screen, a double-sided screen, or other screen forms.
  • the embodiments of the present application are only applied to the special screen (Liu Haiping)
  • the terminal is used as an example for a schematic description.
  • the terminal when receiving a notification message, the terminal calls out a banner from the top bar and notifies the message in the form of a banner.
  • the banner that is called out will take up a lot of display space at the top of the screen, and when the user focuses on the content displayed in the lower and middle part of the screen, the probability of missing the banner notification is high.
  • the user when the user needs to process the notification message, he needs to manually click the banner on the top bar. For large-sized terminals, it is more difficult for the user to operate with one hand.
  • the notification message is displayed by changing the shape of the existing buoy in the user interface. Since the buoy is usually displayed in the area of the user's hand, the user can be reduced The probability of missing the notification message, and at the same time, it is convenient for the user to handle the notification message with one hand.
  • the following uses a schematic embodiment for description.
  • FIG. 9 shows a flowchart of a buoy display method provided by an exemplary embodiment of the present application. This embodiment is exemplified by applying the method to the terminal provided in FIG. 1 or FIG. 2.
  • the method includes:
  • step 901 a buoy is displayed in a first shape in a user interface, and the buoy in the first shape is used to trigger display of a shortcut function menu.
  • the terminal is currently in a vertical screen state.
  • the terminal determines the current posture of the terminal according to sensor data (such as gravity acceleration data), and when the sensor data indicates that the terminal is currently in a vertical screen state, the following steps are performed.
  • sensor data such as gravity acceleration data
  • the embodiment of the present application does not limit the manner in which the terminal recognizes the vertical screen state.
  • the method in addition to being applicable to the vertical screen state, the method can also be applied to the horizontal screen state.
  • the embodiment of the present application is described by using the vertical screen state as an example, but it is not limited .
  • the user interface is an application interface running an application program in the foreground, or the user interface is a system main interface (main screen interface).
  • the embodiment of the present application does not limit the shape of the buoy, and it may be circular, semi-circular, rectangular, fan-shaped, or other irregular shapes. As shown in FIG. 10, the first-shaped buoy 101 is semicircular.
  • the buoy is adsorbed and displayed on the edge of the screen on the side of the holding hand and does not overlap with a touch element in the user interface.
  • the touch element may be an application icon or a control in an application.
  • the embodiment of the present application does not limit the display position of the buoy.
  • the buoy is used to trigger the display of a shortcut function menu.
  • the shortcut function menu includes several menu items, and different menu items are used to trigger the realization of different functions.
  • the shortcut function menu includes a shortcut application menu item for quickly launching an application, a shortcut tool menu item for invoking a shortcut tool, and a recommendation menu item for triggering display of recommendation information.
  • the embodiment of the present application does not limit the specific types of menu items in the shortcut function menu.
  • the embodiment of the present application does not limit the shape of the shortcut function menu, and may be an arc-shaped menu, a tree-shaped menu, a rectangular menu, a fan-shaped menu, or other irregular-shaped menus.
  • the terminal when the buoy does not receive a click operation within a predetermined time period, the terminal increases the display transparency of the buoy and reduces the influence of the buoy on the display screen. For example, when a click operation is received within 5 seconds, the terminal increases the display transparency of the buoy from 10% to 80%.
  • step 902 when a notification message is received, a buoy is displayed in a second shape.
  • the first shape is different from the second shape, and the area of the second-shaped buoy is larger than the area of the first-shaped buoy.
  • both the first shape and the second shape buoys are used to trigger the display of the next-level component.
  • the first-shaped buoy is used to trigger the display of the shortcut menu
  • the second-shaped buoy is used to trigger the display of the notification message processing window.
  • the second-shaped buoy also has a message display function.
  • the second-shaped buoy can also be designed as a floating window, a notification window, and the like, which is not limited in this embodiment.
  • the terminal uses a buoy to prompt, or the terminal only buoys a notification message sent by a designated application, and other non-designated applications still use banner notifications Way to prompt.
  • the terminal deforms the buoy in the first shape to form a buoy in the second shape.
  • At least two sets of buoy display parameters are stored in the terminal, which respectively correspond to buoys of different shapes. After receiving a notification message, the terminal uses the buoy display parameters corresponding to the second shape to display the user interface The first-shaped buoy is replaced by the first-shaped buoy.
  • the terminal when receiving the notification message, displays the second-shaped buoy 102 in the user interface.
  • Step 903 Display a notification message in the second-shaped buoy.
  • the notification message displayed in the second-shaped buoy includes at least one of a message sender application name, a message sender application identifier, a message content, and a preset message prompt content.
  • a preset message prompt content such as "you receive a message”
  • the notification message is displayed in the second-shaped buoy.
  • the terminal when receiving the notification message sent by the application, extracts the message content of the notification message.
  • the terminal when receiving the notification message sent by the application, extracts the message content of the notification message.
  • the terminal extracts the message content contained in the message body from the notification message according to a predetermined message format.
  • the content of the message is the sender of the instant notification message and the content of the instant notification message.
  • the terminal when the terminal receives the notification message, it obtains the application identifier and application name corresponding to the sender application for the notification message for subsequent display.
  • the application icon of the sender application and the message content are displayed in the second-shaped buoy 102.
  • the terminal displaying the buoy in the second shape and displaying the notification message in the buoy in the second shape can be performed synchronously, that is, from the perspective of the user, the buoy in the second shape and the notification message are displayed synchronously.
  • the terminal when the notification message is received in the vertical screen state, the terminal changes the first-shaped buoy in the user interface to the second-shaped buoy, and displays the notification in the second-shaped buoy.
  • Messages which is convenient for users to view and process notification messages in a timely manner; compared to displaying notification messages with banner notifications, by changing the shape of the buoy and displaying notification messages with the buoy, it is convenient for users to quickly view and improve the efficiency of user processing of notification messages .
  • the shortcut function menu includes program icons corresponding to multiple applications, and when receiving a notification message, displaying the buoy in a second shape includes:
  • the shortcut function menu includes a program icon of an application program corresponding to the notification message, a buoy is displayed in a second shape.
  • the first shape of the buoy is adsorbed on the first edge of the user interface, and the displaying the buoy in the second shape includes:
  • the target edge of the first shape buoy is translated to the second edge of the user interface to obtain the second shape buoy.
  • the target edge is the buoy edge of the first shape buoy that is far from the first edge and the second edge Relative to the first edge, the target translation distance is the message display length.
  • the method further includes:
  • the notification message corresponding to the application interface of the message sender application is displayed in full screen.
  • the method further includes:
  • a floating operation window is displayed in the user interface, and the floating operation window is used to display a processing interface corresponding to the notification message.
  • the method further includes:
  • the first-shaped buoy is displayed in a predetermined display mode, and the predetermined display mode includes highlight At least one of a display, a flashing display, and a marker display.
  • the method further includes:
  • the shortcut function menu is displayed, and the notification message corresponding to the application identifier of the message sender application is located at a preset position of the shortcut function menu.
  • the method further includes:
  • the method further includes:
  • a second-shaped buoy is displayed at the display coordinates.
  • the buoy adsorbed on the edge can be hidden by a corresponding gesture.
  • the terminal redisplays the buoy.
  • the display coordinates of the first-shaped buoy on the user interface are stored.
  • the hidden signal is triggered by performing a predetermined gesture operation on the first-shaped buoy, and the predetermined gesture operation may be a click and drag operation, a long-press drag operation, and the like.
  • the terminal determines to receive a hidden signal for the buoy.
  • the hidden signal of the hidden buoy is triggered.
  • the embodiment of the present application does not limit the specific manner of triggering the hidden signal.
  • the terminal After receiving the hidden signal, the terminal records and stores the display coordinates of the first-shaped buoy on the user interface.
  • the top left corner of the screen is used as the coordinate origin
  • the width direction of the screen is the positive direction of the X axis
  • the height direction of the screen is the positive direction of the Y axis to construct a coordinate system. 1080px, 400px)
  • the terminal stops displaying the first-shaped buoy according to the hidden signal.
  • the terminal sets the display coordinates of the buoy to coordinates outside the screen, thereby achieving the effect of hiding the buoy.
  • the resolution of the terminal screen is 1080px * 2140px
  • the terminal sets the coordinates of the buoy to (2000px, 2200px) to achieve the hidden buoy.
  • the terminal When receiving the notification message, the terminal displays the second-shaped buoy on the user interface again, so as to prompt the message through the buoy.
  • the terminal displays the buoy of the second shape at the previous display position of the buoy of the first shape according to the extracted message content.
  • the user when the notification message is not received, the user can also call out and display the first-shaped buoy through other gestures or voices, which is not described in this embodiment.
  • the terminal after the user chooses to hide the first-shaped buoy, when the terminal receives the notification message, the terminal re-displays the second-shaped buoy in the user interface to remind the user to process the notification message and avoid the user from missing important notification messages.
  • the terminal does not use a buoy notification for the notification messages sent by all applications. Therefore, after receiving the notification message, the terminal needs to detect whether the message sender application is a designated application, and when the message sender application is a designated application, use a buoy to display the notification message.
  • the following uses a schematic embodiment for description.
  • FIG. 11 illustrates a flowchart of a buoy display method provided by another exemplary embodiment of the present application. This embodiment is exemplified by applying the method to the terminal provided in FIG. 1 or FIG. 2. The method includes:
  • Step 1101 A buoy is displayed in a first shape in a user interface, and the buoy in the first shape is used to trigger display of a shortcut function menu.
  • step 1102 when a notification message is received, an application program corresponding to the notification message is obtained.
  • the terminal After receiving the notification message, the terminal identifies the message sender application corresponding to the notification message.
  • the terminal extracts the application identifier of the application corresponding to the notification message from the message header of the notification message according to a predetermined message format.
  • the application corresponding to the notification message obtained by the terminal is "XX chat".
  • Step 1103 If the shortcut function menu includes a program icon of an application corresponding to the notification message, a buoy is displayed in a second shape.
  • the shortcut function menu displayed by the buoy trigger includes multiple shortcut application menu items, and the shortcut application menu items included in the shortcut function menu are different under different user interfaces, and the terminal only targets the application corresponding to the shortcut application menu item.
  • the program performs a buoy notification.
  • the application corresponding to the shortcut application menu item is a preset application.
  • the preset application is a system default or manually set by a user.
  • the application corresponding to the shortcut application menu item may also be empty.
  • the terminal when a notification message is received on the system main interface, the terminal obtains preset applications including: XX chat, XX Weibo, and XX voice.
  • the application corresponding to the shortcut application menu item is an associated application of the target application.
  • the user interface In order to facilitate users to quickly switch back and forth between related applications through buoys, or to operate related applications at the same time, when the user interface is the application interface of the target application, that is, when the target application is currently displayed in full screen, the user triggers the buoy ,
  • the user interface displays a shortcut application menu item corresponding to the associated application.
  • the shortcut application menu item displays an application icon and an application name corresponding to the associated application.
  • the association relationship between applications may be manually set by a user, or the terminal may associate an application with a higher frequency of switching according to a switching usage record between applications.
  • the associated application is at least one of an instant communication application, a short message application, and a voice call application;
  • the target application is a shopping application
  • the associated application is at least one of a browser application, an instant messaging application, and a calculator application;
  • the target application is a video application
  • the associated application is a social application and / or an instant messaging application.
  • the embodiment of the present application does not limit the association relationship between the application programs.
  • the terminal when receiving a notification message under the application interface of a game application, the terminal obtains the associated application including: XX chat, XX text message, and XX voice.
  • the terminal detects whether the program icon of the application program corresponding to the notification message is included in the shortcut function menu, and if it is included, displays a buoy in the second shape, and executes step 1104; if not, the notification message is displayed in a banner notification manner.
  • a globally applicable application list is pre-stored in the terminal, and the application list includes applications that support a buoy to display a notification message, and the application list can be manually set by a user.
  • the terminal detects whether the message sender application belongs to the application list, and when it belongs, obtains the message content of the notification message. This embodiment of the present application does not limit this.
  • the first-shaped buoy is adsorbed on the first edge of the user interface, and displaying the buoy in the second shape includes the following steps.
  • the terminal After the terminal obtains the message content of the notification message, it further determines the length of the message display occupied when the message content is displayed. For example, the message display length is 60px.
  • the terminal when the content of the message is too large to be completely displayed in the second-shaped buoy, the terminal only displays a predetermined amount of content in the buoy, and accordingly, the message display length is the message corresponding to the predetermined amount of content. Display length; or, the terminal only displays the trunk content in the message content within the buoy, and accordingly, the message display length is the message display length corresponding to the trunk content.
  • This embodiment of the present application does not limit this.
  • the message display length translate the target edge of the first shape buoy to the second edge of the user interface to obtain the second shape buoy.
  • the target edge is the edge of the first shape buoy that is far from the first edge.
  • the two edges are opposite to the first edge, and the length of the target edge translation is the message display length.
  • the terminal determines the deformation size of the first-shaped buoy to ensure that the message content can be completely displayed in the deformed buoy.
  • the terminal determines the buoy edge in the first-shaped buoy that is far from the second edge (opposite the first edge) as the target edge.
  • the terminal determines the buoy edge in the first-shaped buoy that is far from the second edge (opposite the first edge) as the target edge.
  • the target edge is the length of the message display
  • the terminal when receiving the notification message, the terminal translates the curved edge of the first-shaped buoy, thereby forming the second-shaped buoy 102.
  • the terminal translates the target edge of the first shape buoy to the second edge of the user interface by a predetermined distance to obtain the second shape buoy (that is, the size of the second shape buoy is fixed), and
  • the message content in the notification message is processed to display the processed message content in the second-shaped buoy, wherein the message display length of the processed message content is less than or equal to the size of the second-shaped buoy.
  • step 1104 a notification message is displayed in the second-shaped buoy.
  • the terminal displays the message content in the notification message in the second-shaped buoy.
  • Step 1105 Stop displaying the notification message through the banner notification.
  • the terminal stops displaying the notification message through a banner notification.
  • the terminal adds the notification message to the drop-down bar of the status bar.
  • a user When a user subsequently pulls down the status bar, he can view the unprocessed notification message in the drop-down bar.
  • step 1104 can be performed together with step 1105, which is not limited in this embodiment.
  • step 1106 when a trigger signal for the second-shaped buoy is received, the application interface of the message sender application corresponding to the notification message is displayed in full screen.
  • the user triggers different effects after operating the buoy.
  • the terminal adopts a full screen mode to display the notification message corresponding to the application of the message sender application interface.
  • the trigger signal may be a click signal, a long-press signal, a press signal, or a double-click signal, which is not limited in the embodiment of the present application.
  • the terminal displays the message content in the second-shaped buoy 102.
  • the terminal displays the application interface of the instant messaging application in full screen, which is convenient. Used to reply to messages.
  • step 1107 when a trigger signal for the second-shaped buoy is received, a floating operation window is displayed in the user interface, and the floating operation window is used to display a processing interface corresponding to the notification message.
  • the normal operation of the current application will be affected. For example, when a user responds to an instant messaging message of another person in a game scene, switching to an instant messaging application will affect the game running.
  • the terminal In order to facilitate the user to process the notification message in time and reduce the impact on the current application when processing the notification message, when the user interface is the application application interface and receives a trigger signal for the second-shaped buoy, the terminal is in the current user interface Display the floating operation window in, and display the message processing interface in the floating operation window.
  • the processing interface may be an interface including a message processing control, and the message processing control may be a text input box, an answer control, a hang-up control, an automatic reply control, an expression sending control, and the like.
  • the size of the hovering operation window is smaller than the size of the user interface, and the hovering operation window includes a size adjustment area. By clicking the size adjustment area, the user can manually adjust the size of the hovering operation window.
  • the floating operation window further includes a mobile control, a close control, and a full-screen control.
  • the terminal adjusts the display position of the floating operation window on the user interface; when receiving the trigger signal for closing the control, the terminal closes the floating operation window; when receiving the trigger for the full screen control
  • the terminal switches the current application to run in the background, and displays the application interface of the message sender application in full screen.
  • the terminal displays the hovering operation window in the one-handed operation area corresponding to the holding hand according to the current holding state, so that the user can perform one-handed operation in the hovering operation window.
  • the terminal displays the message content in the buoy 102 of the second shape.
  • the terminal displays an instant in the floating operation window 103.
  • the application interface of the communication application is convenient for replying messages in the floating operation window 103.
  • Step 1108 if the trigger signal for the second-shaped buoy is not received within the predetermined time period, or the cancellation signal for the second-shaped buoy is received, the first-shaped buoy is displayed in a predetermined display mode, and the predetermined display mode is displayed. Including at least one of a highlight display, a flashing display, and a marker display.
  • the terminal adopts a predetermined display method and displays the first on the user interface again. Shaped buoy.
  • the predetermined duration may be 5s, and the revocation signal may be triggered by a buoy sliding operation upward, upward, left, or right. This embodiment does not limit the triggering manner of the revocation signal.
  • the terminal when the highlight display is used, the terminal highlights the first-shaped buoy; when the blink display is used, the terminal displays the first-shaped buoy according to a preset blinking frequency (such as once every 1 s); when using When adding a marker for display, the terminal displays a corner mark on the periphery of the first-shaped buoy, for example, the corner mark contains the number of unprocessed notification messages to remind the user that there are unprocessed notification messages.
  • a preset blinking frequency such as once every 1 s
  • This embodiment only uses the foregoing display modes as examples for schematic description, but does not limit the configuration.
  • the terminal when the trigger operation on the buoy 102 is not received within 5 s, the terminal displays the buoy 101 of the first shape, and displays the corner mark 104 “1” on the peripheral side of the buoy 101.
  • the terminal displays the buoy of the first shape in a normal display manner.
  • step 1109 when a trigger signal for the first-shaped buoy is received, the shortcut function menu is displayed, and the notification message corresponds to the application identifier of the message sender application at a preset position of the shortcut function menu.
  • the terminal displays the shortcut function menu, and displays the application identifier of the message sender application at a preset position of the shortcut function menu, thereby reminding the user There are outstanding messages.
  • the preset position is located at the center of the shortcut function menu.
  • the terminal highlights the application logo at the preset position, which is convenient for the user to quickly locate the application logo and click.
  • the highlighting mode includes highlighting, blinking, and the like.
  • the terminal when receiving a click signal on the buoy 101 of the first shape, the terminal displays a sector-shaped shortcut function menu 105 and displays an instant messaging application (the application corresponding to the unprocessed notification message) in the center position.
  • Program application icon 106.
  • the terminal stops displaying the first-shaped buoy in a predetermined display mode.
  • the terminal uses the buoy notification for the application corresponding to the shortcut application menu item and the banner notification for the notification message sent by other applications according to the shortcut application menu item included in the shortcut function menu under the current user interface.
  • the application menu item corresponds to the associated application of the current application. Therefore, the notification message sent by the associated application is displayed in a buoy notification manner, which can improve the efficiency of the user in processing the associated application message.
  • the terminal when the user interface is an application interface, the terminal displays a floating operation window in the user interface according to the trigger signal to the buoy, and displays the application interface containing the application of the message sender in the floating operation window. While the user processes the notification message, the impact on the current application is reduced.
  • the terminal when the user has not processed the notification message for a long time, or does not need to process the notification message temporarily, the terminal resumes displaying the first-shaped buoy and displays the first-shaped buoy in a preset display mode to remind the user There is an unprocessed notification message; at the same time, when a trigger signal from the user to the buoy is received, the terminal displays the application identifier of the message sender application at a preset position in the shortcut menu, so that the user can quickly click to process the notification message.
  • FIG. 16 shows a structural block diagram of a buoy display device provided by an exemplary embodiment of the present application.
  • the buoy display device includes a first buoy display module 1610, a second buoy display module 1620, and a message display module 1630.
  • a first buoy display module 1610 configured to display a buoy in a first shape in a user interface, where the first buoy is used to trigger display of a shortcut function menu;
  • a second buoy display module 1620 configured to display the buoy in a second shape when a notification message is received
  • a message display module 1630 is configured to display the notification message in the second-shaped buoy.
  • the shortcut function menu includes program icons corresponding to multiple applications, and the current second buoy display module 1620 is configured to:
  • the buoy is displayed in the second shape.
  • the first-shaped buoy is adsorbed on a first edge of the user interface
  • the second buoy display module 1620 is further configured to:
  • the device further includes:
  • a first interface display module is configured to display an application interface corresponding to the message sender application in a full screen when a trigger signal for the second-shaped buoy is received.
  • the device further includes:
  • a second interface display module configured to display a hovering operation window in the user interface when a trigger signal for the second-shaped buoy is received, and the hovering operation window is used to display a process corresponding to the notification message interface.
  • the device further includes:
  • a highlighting module configured to display the second shape buoy in a predetermined display manner if the trigger signal to the second shape buoy is not received within a predetermined period of time, or the cancellation signal is received to the second shape buoy
  • the predetermined display manner includes at least one of highlight display, blink display, and marker display.
  • the device further includes:
  • a menu display module configured to display the shortcut function menu when a trigger signal for the first-shaped buoy is received, and the notification message corresponds to an application identifier of a message sender application and is located in a preset of the shortcut function menu position.
  • the device further includes:
  • a stopping module configured to stop displaying the notification message through a banner notification.
  • the device further includes:
  • a storage module configured to store display coordinates of the first-shaped buoy on the user interface if a hidden signal of the first-shaped buoy is received
  • a stop display module configured to stop displaying the first-shaped buoy
  • the second buoy display module is further configured to display the second-shaped buoy at the display coordinates when the notification message is received.
  • the terminal when the notification message is received in the vertical screen state, the terminal changes the first-shaped buoy in the user interface to the second-shaped buoy, and displays the notification in the second-shaped buoy.
  • Messages which is convenient for users to view and process notification messages in a timely manner; compared to displaying notification messages with banner notifications, by changing the shape of the buoy and displaying notification messages with the buoy, it is convenient for users to quickly view and improve the efficiency of user processing of notification messages .
  • the terminal redisplays the second-shaped buoy in the user interface to remind the user to process the notification message and avoid the user from missing important notification messages.
  • the terminal uses the buoy notification for the application corresponding to the shortcut application menu item and the banner notification for the notification message sent by other applications according to the shortcut application menu item included in the shortcut function menu under the current user interface.
  • the application menu item corresponds to the associated application of the current application. Therefore, the notification message sent by the associated application is displayed in a buoy notification manner, which can improve the efficiency of the user in processing the associated application message.
  • the terminal when the user interface is an application interface, the terminal displays a floating operation window in the user interface according to the trigger signal to the buoy, and displays the application interface containing the application of the message sender in the floating operation window. While the user processes the notification message, the impact on the current application is reduced.
  • the terminal when the user has not processed the notification message for a long time, or does not need to process the notification message temporarily, the terminal resumes displaying the first-shaped buoy and displays the first-shaped buoy in a preset display mode to remind the user There is an unprocessed notification message; at the same time, when a trigger signal from the user to the buoy is received, the terminal displays the application identifier of the message sender application at a preset position in the shortcut menu, so that the user can quickly click to process the notification message.
  • An embodiment of the present application further provides a computer-readable medium.
  • the computer-readable medium stores at least one instruction, and the at least one instruction is loaded and executed by the processor to implement the buoy display method according to the foregoing embodiments. .
  • An embodiment of the present application further provides a computer program product that stores at least one instruction, and the at least one instruction is loaded and executed by the processor to implement the buoy display method according to the foregoing embodiments.
  • the program may be stored in a computer-readable storage medium.
  • the storage medium mentioned may be a read-only memory, a magnetic disk or an optical disk.

Abstract

本申请实施例公开了一种浮标显示方法、装置、终端及存储介质，属于人机交互领域，所述方法用于处于竖屏状态的终端，所述方法包括：在用户界面中以第一形状显示浮标，第一形状的浮标用于触发显示快捷功能菜单；当接收到通知消息时，以第二形状显示浮标；在第二形状的浮标中显示有通知消息。相较于采用横幅通知的方式显示通知消息，本申请实施例中，通过改变浮标形状，并借助浮标显示通知消息，方便用户快速进行查看，并能够提高用户处理通知消息的效率。

Description

浮标显示方法、装置、终端及存储介质
本申请要求于2018年06月08日提交的申请号为201810590143.0、发明名称为“浮标显示方法、装置、终端及存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请实施例涉及人机交互领域，特别涉及一种浮标显示方法、装置、终端及存储介质。
背景技术
为了提高用户的操作效率，移动终端的用户界面内显示有一个浮标(或称为悬浮标识)，当用户点击该浮标时，用户界面内显示预设的快捷操作图标，用户通过点击相应的快捷操作图标，即可快速启动相应的功能。
发明内容
本申请实施例提供了一种浮标显示方法、装置、终端及存储介质，可以用于解决用户界面中浮标功能单一，导致用户操作效率较低的问题。所述技术方案如下：
一方面，提供了一种浮标显示方法，所述方法用于处于竖屏状态的终端，所述方法包括：
在用户界面中以第一形状显示浮标，所述第一形状的浮标用于触发显示快捷功能菜单；
当接收到通知消息时，以第二形状显示所述浮标；
在所述第二形状的浮标中显示所述通知消息。
另一方面，提供了一种浮标显示装置，所述装置处于竖屏状态，所述装置包括：
第一浮标显示模块，用于在用户界面中以第一形状显示浮标，所述第一形状的浮标用于触发显示快捷功能菜单；
第二浮标显示模块，用于当接收到通知消息时，以第二形状显示所述浮标；
消息显示模块，用于在所述第二形状的浮标中显示所述通知消息。
另一方面，提供了一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如上述方面所述的浮标显示方法。
另一方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如上述方面所述的浮标显示方法。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1和图2是本申请一个示例性实施例提供的终端的结构方框图；
图3至图8是图1和图2所示实施例涉及的五种带有不同显示屏的终端的示意图；
图9示出了本申请一个示例性实施例提供的浮标显示方法的流程图；
图10是图9所示浮标显示方法的实施示意图；
图11示出了本申请另一个示例性实施例提供的浮标显示方法的流程图；
图12是全屏显示应用界面过程的实施示意图；
图13是通过悬浮操作窗显示应用界面过程的实施示意图；
图14是采用预设显示方式显示浮标的实施示意图；
图15是显示快捷功能菜单过程的实施示意图；
图16示出了本申请一个示例性实施例提供的浮标显示装置的结构框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
参考图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库提供了6绘图的支持，Webkit库提供了浏览器内核的支持等。在系统运行库层240中还提供有Android运行时库242(Android Runtime)，它主要提供了一些核心库，能够允许开发者使用Java语言来编写Android应用。应用框架层260提供了构建应用程序时可能用到的各种API，开发者也可以通过使用这些API来构建自己的应用程序，比如活动管理、窗口管理、视图管理、通知管理、内容提供者、包管理、通话管理、资源管理、定位管理。应用层280中运行有至少一个应用程序，这些应用程序可以是操作系统自带的联系人程序、短信程序、时钟程序、相机应用等；也可以是第三方开发者所开发的应用程序，比如即时通信程序、相片美化程序等。
以操作系统为IOS系统为例，存储器120中存储的程序和数据如图2所示，IOS系统包括：核心操作系统层320(Core OS layer)、核心服务层340(Core Services layer)、媒体层360(Media layer)、可触摸层380(Cocoa Touch Layer)。核心操作系统层320包括了操作系统内核、驱动程序以及底层程序框架，这些底层程序框架提供更接近硬件的功能，以供位于核心服务层340的程序框架所使用。核心服务层340提供给应用程序所需要的系统服务和/或程序框架，比如基础(Foundation)框架、账户框架、广告框架、数据存储框架、网络连接框架、地理位置框架、运动框架等等。媒体层360为应用程序提供有关视听方面的接口，如图形图像相关的接口、音频技术相关的接口、视频技术相关的接口、音视频传输技术的无线播放(AirPlay)接口等。可触摸层380为应用程序开发提供了各种常用的界面相关的框架，可触摸层380负责用户在终端100上的触摸交互操作。比如本地通知服务、远程推送服务、广告 框架、游戏工具框架、消息用户界面接口(User Interface，UI)框架、用户界面UIKit框架、地图框架等等。
在图2所示出的框架中，与大部分应用程序有关的框架包括但不限于：核心服务层340中的基础框架和可触摸层380中的UIKit框架。基础框架提供许多基本的对象类和数据类型，为所有应用程序提供最基本的系统服务，和UI无关。而UIKit框架提供的类是基础的UI类库，用于创建基于触摸的用户界面，iOS应用程序可以基于UIKit框架来提供UI，所以它提供了应用程序的基础架构，用于构建用户界面，绘图、处理和用户交互事件，响应手势等等。
触摸显示屏130用于接收用户使用手指、触摸笔等任何适合的物体在其上或附近的触摸操作，以及显示各个应用程序的用户界面。触摸显示屏130通常设置在终端130的前面板。触摸显示屏130可被设计成为全面屏、曲面屏或异型屏。触摸显示屏130还可被设计成为全面屏与曲面屏的结合，异型屏与曲面屏的结合，本实施例对此不加以限定。其中：
全面屏
全面屏可以是指触摸显示屏130占用终端100的前面板的屏占比超过阈值(比如80％或90％或95％)的屏幕设计。屏占比的一种计算方式为：(触摸显示屏130的面积/终端100的前面板的面积)*100％；屏占比的另一种计算方式为：(触摸显示屏130中实际显示区域的面积/终端100的前面板的面积)*100％；屏占比的再一种计算方式为：(触摸显示屏130的对角线/在终端100的前面板的对角线)*100％。示意性的如图3所示的例子中，终端100的前面板上近乎所有区域均为触摸显示屏130，在终端100的前面板40上，除中框41所产生的边缘之外的其它区域，全部为触摸显示屏130。该触摸显示屏130的四个角可以是直角或者圆角。
全面屏还可以是将至少一种前面板部件集成在触摸显示屏130内部或下层的屏幕设计。可选地，该至少一种前面板部件包括：摄像头、指纹传感器、接近光传感器、距离传感器等。在一些实施例中，将传统终端的前面板上的其他部件集成在触摸显示屏130的全部区域或部分区域中，比如将摄像头中的感光元件拆分为多个感光像素后，将每个感光像素集成在触摸显示屏130中每个显示像素中的黑色区域中。由于将至少一种前面板部件集成在了触摸显示屏130的内部，所以全面屏具有更高的屏占比。
当然在另外一些实施例中，也可以将传统终端的前面板上的前面板部件设置在终端100的侧边或背面，比如将超声波指纹传感器设置在触摸显示屏130的下方、将骨传导式的听筒设置在终端130的内部、将摄像头设置成位于终端的侧边且可插拔的结构。
在一些可选的实施例中，当终端100采用全面屏时，终端100的中框的单个侧边，或两个侧边(比如左、右两个侧边)，或四个侧边(比如上、下、左、右四个侧边)上设置有边缘触控传感器120，该边缘触控传感器120用于检测用户在中框上的触摸操作、点击操作、按压操作和滑动操作等中的至少一种操作。该边缘触控传感器120可以是触摸传感器、热力传感器、压力传感器等中的任意一种。用户可以在边缘触控传感器120上施加操作，对终端100中的应用程序进行控制。
曲面屏
曲面屏是指触摸显示屏130的屏幕区域不处于一个平面内的屏幕设计。一般的，曲面屏至少存在这样一个截面：该截面呈弯曲形状，且曲面屏在沿垂直于该截面的任意平面方向上的投影为平面的屏幕设计，其中，该弯曲形状可以是U型。可选地，曲面屏是指至少一个侧边是弯曲形状的屏幕设计方式。可选地，曲面屏是指触摸显示屏130的至少一个侧边延伸覆盖至终端100的中框上。由于触摸显示屏130的侧边延伸覆盖至终端100的中框，也即将原本不具有显示功能和触控功能的中框覆盖为可显示区域和/或可操作区域，从而使得曲面屏具有了更高的屏占比。可选地，如图4所示的例子中，曲面屏是指左右两个侧边42是弯曲形状的屏幕设计；或者，曲面屏是指上下两个侧边是弯曲形状的屏幕设计；或者，曲面屏是指上、下、左、右四个侧边均为弯曲形状的屏幕设计。在可选的实施例中，曲面屏采用具有一定柔性的触摸屏材料制备。
异型屏
异型屏是外观形状为不规则形状的触摸显示屏，不规则形状不是矩形或圆角矩形。可选地，异型屏是指在矩形或圆角矩形的触摸显示屏130上设置有凸起、缺口和/或挖孔的屏幕设计。可选地，该凸起、缺口和/或挖孔可以位于触摸显示屏130的边缘、屏幕中央或两者均有。当凸起、缺口和/或挖孔设置在一条边缘时，可以设置在该边缘的中间位置或两端；当凸起、缺口和/或挖孔设置在屏幕中央时，可以设置在屏幕的上方区域、左上方区域、左侧区域、左下方区域、下方区域、右下方区域、右侧区域、右上方区域中的一个或多个区域中。当设置在多个区域中时，凸起、缺口和挖孔可以集中分布，也可以分散分布；可以对称分布，也可以不对称分布。可选地，该凸起、缺口和/或挖孔的数量也不限。
由于异型屏将触摸显示屏的上额区和/或下额区覆盖为可显示区域和/或可操作区域，使得触摸显示屏在终端的前面板上占据更多的空间，所以异型屏也具有更大的屏占比。在一些实施例中，缺口和/或挖孔中用于容纳至少一种前面板部件，该前面板部件包括摄像头、指纹传感器、接近光传感器、距离传感器、听筒、环境光亮度传感器、物理按键中的至少一种。
示例性的，该缺口可以设置在一个或多个边缘上，该缺口可以是半圆形缺口、直角矩形缺口、圆角矩形缺口或不规则形状缺口。示意性的如图5所示的例子中，异型屏可以是在触摸显示屏130的上边缘的中央位置设置有半圆形缺口43的屏幕设计，该半圆形缺口43所空出的位置用于容纳摄像头、距离传感器(又称接近传感器)、听筒、环境光亮度传感器中的至少一种前面板部件；示意性的如图6所示，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半圆形缺口44的屏幕设计，该半圆形缺口44所空出的位置用于容纳物理按键、指纹传感器、麦克风中的至少一种部件；示意性的如图7所示的例子中，异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半椭圆形缺口45的屏幕设计，同时在终端100的前面板上还形成有一个半椭圆型缺口，两个半椭圆形缺口围合成一个椭圆形区域，该椭圆形区域用于容纳物理按键或者指纹识别模组；示意性的如图8所示的例子中，异型屏可以是在触摸显示屏130中的上半部中设置有至少一个小孔45的屏幕设计，该小孔45所空出的位置用于容纳摄像头、距离传感器、听筒、环境光亮度传感器中的至少一种前面板部件。
除此之外，本领域技术人员可以理解，上述附图所示出的终端100的结构并不构成对终端100的限定，终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。比如，终端100中还包括射频电路、输入单元、传感器、音频电路、无线保真(Wireless Fidelity，WiFi)模块、电源、蓝牙模块等部件，在此不再赘述。
需要说明的是，本申请实施例提供浮标显示方法，可以用于具有全面屏、曲面屏、异形屏、折叠屏、双面屏或其他屏幕形态的终端，本申请实施例仅以应用于异形屏(刘海屏)终端为例进行示意性说明。
相关技术中，当接收到通知消息时，终端从顶栏呼出横幅，并采用横幅的形式通知消息。采用这种通知消息显示方式，呼出的横幅会占用屏幕顶部大量显示空间，且当用户专注于屏幕中下部显示的内容时，遗漏横幅通知的概率较高。同时，当用户需要处理通知消息时，需要手动点击顶栏的横幅，对于大尺寸的终端，用户单手操作的难度较高。
为了解决上述问题，本申请实施例中，终端接收到通知消息时，通过改变用户界面中已有浮标的形状，对通知消息进行显示，由于浮标通常显示在用户握持手区域，因此能够降低用户遗漏通知消息的概率，同时方便用户单手处理通知消息，下面采用示意性的实施例进行说明。
请参考图9，其示出了本申请一个示例性实施例提供的浮标显示方法的流程图。本实施例以该方法应用于上述图1或图2提供的终端中来举例说明。所述方法包括：
步骤901，在用户界面中以第一形状显示浮标，第一形状的浮标用于触发显示快捷功能菜单。
本申请实施例中，终端当前处于竖屏状态。在一种可能的实施方式中，终端根据传感器数据(比如重力加速度数据)确定终端当前的姿态，并在传感器数据指示当前处于竖屏状态时，执行如下步骤。本申请实施例并不对终端识别竖屏状态的方式进行限定。
当然，除了本申请实施例提供的浮标显示方法除了适用于竖屏状态外，同样能够适用于横屏状态，本申请实施例仅以用于竖屏状态为例进行说明，但并不对此构成限定。
其中，该用户界面是前台运行应用程序的应用界面，或，该用户界面是系统主界面(主屏幕界面)。
本申请实施例对浮标的形状不做限定，其可以是圆形、半圆形、矩形、扇形或其他不规则图形。如图10所示，第一形状的浮标101为半圆形。
可选的，该浮标吸附显示在握持手一侧的屏幕边缘，且与用户界面中触控元素互不重叠，该触控元素可以为应用图标或应用程序中的控件。本申请实施例并不对浮标的显示位置进行限定。
该浮标用于触发显示快捷功能菜单，该快捷功能菜单中包含若干菜单项，且不同的菜单项用于触发实现不同的功能。可选的，该快捷功能菜单中包含用于快速启动应用程序的快捷应用菜单项，用于调用快捷工具的快捷工具菜单项，用于触发显示推荐信息的推荐菜单项。本申请实施例并不对快捷功能菜单中菜单项的具体类型进行限定。
本申请实施例对快捷功能菜单的形状不做限定，其可以是弧形菜单、树状菜单、矩形菜单、扇形菜单或其他不规则形状菜单。
可选的，当浮标在预定时长内未接收到点击操作时，终端提高浮标的显示透明度，降低浮标对显示画面的影响。比如，当5s内为接收到点击操作时，终端将浮标的显示透明度由10％提高到80％。
步骤902，当接收到通知消息时，以第二形状显示浮标。
其中，第一形状与第二形状不同，且第二形状的浮标的面积大于第一形状的浮标的面积。可选的，不论是第一形状或第二形状的浮标，均用于触发显示下一级组件。比如，第一形状的浮标用于触发显示快捷功能菜单，第二形状的浮标用于触发显示通知消息的处理窗口。并且，第二形状的浮标还具有消息显示功能，该第二形状的浮标还可以被设计成浮动窗口、通知窗口等等，本实施例并不对此进行限定。
可选的，对于接收到的任一通知消息，终端均采用浮标进行提示，或者，终端仅对指定应用程序发送的通知消息进行浮标提示，其他非指定应用程序发送的通知消息则仍旧采用横幅通知的方式进行提示。
在一种可能的实施方式中，终端对第一形状的浮标进行形变，从而形成第二形状的浮标。
在另一种可能的实施方式中，终端中存储有至少两套浮标显示参数，分别对应不同形状的浮标，接收到通知消息后，终端即采用第二形状对应的浮标显示参数，将用户界面上的第一形状的浮标由第一形状替换为第二形状的浮标。
示意性的，如图10所示，当接收到通知消息时，终端在用户界面中显示第二形状的浮标102。
步骤903，在第二形状的浮标中显示通知消息。
其中，第二形状的浮标中显示的通知消息包括：消息发送方应用名称、消息发送方应用标识、消息内容和预设消息提示内容中的至少一种。可选的，当通知消息为隐私内容时(比如收到的即时通信消息)，第二形状的浮标中显示预设消息提示内容(比如“您收到一条消息”)；当通知消息不是隐私内容时，第二形状的浮标中显示通知消息的消息内容。
可选的，当接收到应用程序发送的通知消息时，终端提取通知消息的消息内容。可选的，终端按照预定消息格式，从通知消息中提取消息体中包含的消息内容。
比如，当接收到即时通信应用发送的通知消息时，该消息内容为即时通知消息的发送人以及即时通知消息内容。
可选的，终端接收到通知消息时，获取该通知消息对应发送方应用的应用标识和应用名 称，以便后续进行显示。
示意性的，如图10所示，第二形状的浮标102中显示有发送方应用的应用图标以及消息内容。
需要说明的是，终端以第二形状显示浮标以及在第二形状的浮标中显示通知消息可以同步执行，即从用户观感来说，第二形状的浮标以及通知消息同步显示。
综上所述，本实施例中，竖屏状态下，当接收到通知消息时，终端将用户界面中第一形状的浮标变为第二形状的浮标，并在第二形状的浮标内显示通知消息，方便用户及时查看并处理通知消息；相较于采用横幅通知的方式显示通知消息，通过改变浮标形状，并借助浮标显示通知消息，方便用户快速进行查看，并能够提高用户处理通知消息的效率。
可选的，所述快捷功能菜单中包括多个应用程序对应的程序图标，当接收到通知消息时，以第二形状显示所述浮标，包括：
当接收到通知消息时，获取通知消息对应的应用程序；
若快捷功能菜单中包括通知消息对应的应用程序的程序图标，则以第二形状显示浮标。
可选的，第一形状的浮标吸附在用户界面的第一边缘，所述以第二形状显示所述浮标，包括：
确定通知消息中消息内容的消息显示长度；
根据消息显示长度，将第一形状的浮标的目标边缘向用户界面的第二边缘平移，得到第二形状的浮标，目标边缘是第一形状的浮标中远离第一边缘的浮标边缘，第二边缘与第一边缘相对，目标边缘平移的距离为消息显示长度。
可选的，在第二形状的浮标中显示有通知消息之后，还包括：
当接收到对第二形状的浮标的触发信号时，全屏显示通知消息对应消息发送方应用的应用界面。
可选的，在第二形状的浮标中显示有通知消息之后，还包括：
当接收到对第二形状的浮标的触发信号时，在用户界面中显示悬浮操作窗，悬浮操作窗用于显示通知消息对应的处理界面。
可选的，在第二形状的浮标中显示有通知消息之后，还包括：
若在预定时长内未接收到对第二形状的浮标的触发信号，或，接收到对第二形状的浮标的撤销信号，则以预定显示方式显示第一形状的浮标，预定显示方式包括高亮显示、闪烁显示和添加标记显示中的至少一种。
可选的，以预定显示方式显示第一形状的浮标之后，还包括：
当接收到对第一形状的浮标的触发信号时，显示快捷功能菜单，通知消息对应消息发送方应用的应用标识位于快捷功能菜单的预设位置。
可选的，在第二形状的浮标中显示有通知消息之后，还包括：
停止通过横幅通知显示通知消息。
可选的，在用户界面中以第一形状显示浮标之后，还包括：
若接收到对第一形状的浮标的隐藏信号，则存储第一形状的浮标在用户界面上的显示坐标；
停止显示第一形状的浮标；
当接收到通知消息时，在显示坐标处显示第二形状的浮标。
在一种可能的使用场景下，当用户暂时不需要使用浮标(第一形状)时，可以通过相应的手势隐藏吸附在边缘的浮标。当接收到通知消息时，终端重新显示浮标。可选的，上述步骤901之后，还包括如下步骤。
一、若接收到对第一形状的浮标的隐藏信号，则存储第一形状的浮标在用户界面上的显示坐标。
其中，该隐藏信号通过对第一形状的浮标执行预定手势操作触发，该预定手势操作可以 是点击拖动操作、长按拖动操作等等。
在一种可能的实施方式中，当用户点击第一形状的浮标，并向浮标所在边缘方向拖动浮标时，终端即确定接收到对浮标的隐藏信号。
比如，当第一形状的浮标吸附在屏幕右边缘时，用户点击浮标并将浮标向右拖动时，即触发隐藏浮标的隐藏信号。
本申请实施例并不对触发隐藏信号的具体方式进行限定。
为了方便后续恢复显示浮标，终端接收到隐藏信号后，记录并存储第一形状的浮标在用户界面上的显示坐标。
比如，以屏幕的左上角顶点为坐标原点，以屏幕的宽度方向为X轴正方向，以屏幕的高度方向为Y轴正方向构建坐标系，终端获取到第一形状的浮标的显示坐标为(1080px，400px)
二、停止显示第一形状的浮标。
进一步的，终端根据隐藏信号，停止显示第一形状的浮标。
在一种可能的实施方式中，终端将浮标的显示坐标设置为屏幕外的坐标，从而实现隐藏浮标的效果。比如，终端屏幕的分辨率为1080px*2140px，终端将浮标的坐标设置为(2000px,2200px)即可实现隐藏浮标。
三、当接收到通知消息时，在显示坐标处显示第二形状的浮标。
当接收到通知消息时，终端重新在用户界面上显示第二形状的浮标，从而通过浮标进行消息提示。其中，在显示第二形状的浮标时，终端根据提取到的消息内容，在第一形状浮标先前的显示位置出，显示第二形状的浮标。
需要说明的是，在其他可能的实施方式中，当未接收到通知消息时，用户还可以通过其他手势或语音重新呼出显示第一形状的浮标，本实施例在此不再赘述。
本实施例中，用户选择隐藏第一形状的浮标后，终端在接收到通知消息时，重新在用户界面中显示第二形状的浮标，以提醒用户处理通知消息，避免用户遗漏重要通知消息。
在一种可能的实施方式中，终端并非对所有应用程序发送的通知消息均采用浮标通知。因此，接收到通知消息后，终端需要检测消息发送方应用是否为指定应用，并在消息发送方应用是指定应用时，采用浮标显示通知消息。下面采用示意性的实施例进行说明。
请参考图11，其示出了本申请另一个示例性实施例提供的浮标显示方法的流程图。本实施例以该方法应用于上述图1或图2提供的终端中来举例说明。所述方法包括：
步骤1101，在用户界面中以第一形状显示浮标，第一形状的浮标用于触发显示快捷功能菜单。
本步骤的实施方式与上述步骤901相似，本实施例在此不再赘述。
步骤1102，当接收到通知消息时，获取通知消息对应的应用程序。
为了实现仅对指定应用程序采用浮标显示通知消息，接收到通知消息后，终端识别通知消息对应的消息发送方应用。
在一种可能的实施方式中，终端按照预定消息格式，从通知消息的消息头部提取通知消息对应应用程序的应用标识。
比如，终端获取到通知消息对应的应用程序为“XX聊天”。
步骤1103，若快捷功能菜单中包括通知消息对应的应用程序的程序图标，则以第二形状显示浮标。
本实施例中，浮标触发显示的快捷功能菜单中包含多个快捷应用菜单项，且不同用户界面下，快捷功能菜单中包含的快捷应用菜单项不同，而终端仅针对快捷应用菜单项对应的应用程序进行浮标通知。
在一种可能的实施方式中，当用户界面为系统主界面时，快捷应用菜单项对应的应用程序为预设应用程序。
其中，该预设应用程序为系统默认，或由用户手动设置。可选的，系统主界面下，快捷 应用菜单项对应的应用程序也可以为空。
比如，在系统主界面下接收到通知消息时，终端获取到预设应用包括：XX聊天、XX微博、XX语音。
在另一种可能的实施方式中，当用户界面为目标应用程序的应用界面时，快捷应用菜单项对应的应用程序为目标应用程序的关联应用程序。
为了方便用户通过浮标快速在相关应用程序之间进行来回切换，或，同时对相关应用程序进行操作，当用户界面为目标应用程序的应用界面，即当前全屏显示目标应用程序时，用户触发浮标后，用户界面中显示显示关联应用程序对应的快捷应用菜单项。可选的，该快捷应用菜单项中显示有关联应用程序对应的应用图标和应用名称。
其中，应用程序之间的关联关系可以由用户手动设置，也可以由终端根据应用之间的切换使用记录，将切换频率较高的应用程序进行关联。
可选的，当目标应用程序为游戏类应用程序时，关联应用程序为即时通信应用程序、短信应用程序和语音通话类应用程序中的至少一种；
当目标应用程序为购物类应用程序时，关联应用程序为浏览器应用程序、即时通信应用程序和计算器应用程序中的至少一种；
当目标应用程序为视频类应用程序时，关联应用程序为社交类应用程序和/或即时通信应用程序。
本申请实施例并不对应用程序之间的关联关系进行限定。
比如，在游戏类应用程序的应用界面下接收到通知消息时，终端获取到关联应用程序包括：XX聊天、XX短信和XX语音。
终端检测快捷功能菜单中是否包括通知消息对应的应用程序的程序图标，若包含，则以第二形状显示浮标，并执行步骤1104；若不包含，则采用横幅通知的方式显示该通知消息。
当然，在其他可能的实施方式中，终端中预先存储有全局适用的应用程序列表，该应用程序列表中即包含支持浮标显示通知消息的应用程序，该应用程序列表可以由用户手动设置。对于所处的任意用户界面，当接收到通知消息时，终端即检测消息发送方应用是否属于该应用程序列表，并在属于时，获取通知消息的消息内容。本申请实施例并不对此进行限定。
在一种可能的实施方式中，第一形状的浮标吸附在用户界面的第一边缘，以第二形状显示浮标时包括如下步骤。
一、确定通知消息中消息内容的消息显示长度。
终端获取到通知消息的消息内容后，进一步确定在显示该消息内容时，所占用的消息显示长度。比如，该消息显示长度为60px。
可选的，当消息内容过多，而无法在第二形状的浮标内完整显示时，终端仅在浮标内显示预定数量的内容，相应的，该消息显示长度即为预定数量的内容对应的消息显示长度；或者，终端仅在浮标内显示消息内容中的主干内容，相应的，该消息显示长度即为主干内容对应的消息显示长度。本申请实施例并不对此进行限定。
二、根据消息显示长度，将第一形状的浮标的目标边缘向用户界面的第二边缘平移，得到第二形状的浮标，目标边缘是第一形状的浮标中远离第一边缘的浮标边缘，第二边缘与第一边缘相对，目标边缘平移的长度为消息显示长度。
根据消息内容的消息显示长度，终端确定第一形状的浮标的形变尺寸，确保消息内容能够完整显示在形变后的浮标内。在一种浮标形变方式中，当第一形状的浮标吸附在用户界面的第一边缘时，终端将第一形状的浮标中远离第二边缘(与第一边缘相对)的浮标边缘确定为目标边缘，并将目标边缘向第二边缘平移(平移距离为消息显示长度)，从而形成第二形状的浮标。
示意性的，如图10所示，当接收到通知消息时，终端对第一形状的浮标的曲边进行平移，从而形成第二形状的浮标102。
在其他可能的浮标形变方式中，终端将第一形状的浮标的目标边缘向用户界面的第二边 缘平移预定距离，得到第二形状的浮标(即第二形状的浮标的尺寸固定)，并对通知消息中消息内容进行处理，从而将处理后的消息内容显示在第二形状的浮标中，其中，处理后的消息内容的消息显示长度小于等于第二形状的浮标的尺寸。
步骤1104，在第二形状的浮标中显示有通知消息。
本实施例中，终端在第二形状的浮标中显示通知消息内的消息内容。
步骤1105，停止通过横幅通知显示通知消息。
为了避免重复显示通知消息，当确定采用浮标显示通知消息时，终端停止通过横幅通知显示该通知消息。
可选的，终端将该通知消息添加到状态栏的下拉栏中，后续用户下拉状态栏时，即可在下拉栏中查看未处理的通知消息。
需要说明的是，步骤1104与步骤1105之间并不存在严格的先后时序，即步骤1104可以与步骤1105共同执行，本实施例对此不做限定。
步骤1106，当接收到对第二形状的浮标的触发信号时，全屏显示通知消息对应消息发送方应用的应用界面。
针对不同类型的用户界面，用户对浮标进行操作后触发的效果不同。可选的，当用户界面为系统主界面时，为了方便用户快速处理通知消息，当接收到对第二形状的浮标的触发信号时，终端采用全屏方式，显示通知消息对应消息发送方应用的应用界面。其中，该触发信号可以为单击信号、长按信号、按压信号、双击信号，本申请实施例并不进行限定。
示意性的，如图12所示，在系统主界面下，终端在第二形状的浮标102中显示消息内容，当用户单击浮标102后，终端即全屏显示即时通信应用程序的应用界面，方便用于回复消息。
需要说明的是，全屏显示应用界面后，第二形状的浮标重新形变为第一形状的浮标。
步骤1107，当接收到对第二形状的浮标的触发信号时，在用户界面中显示悬浮操作窗，悬浮操作窗用于显示通知消息对应的处理界面。
在某些应用场景下，用户切换其他应用程序处理通知消息时，会影响当前应用程序的正常运行。比如，用户在游戏场景下回复他人的即时通信消息时，切换至即时通信应用将影响游戏运行。
为了方便用户及时处理通知消息，并降低处理通知消息时对当前应用程序的影响，当用户界面为应用程序的应用界面，并接收到对第二形状的浮标的触发信号时，终端在当前用户界面中显示悬浮操作窗，并在悬浮操作窗中显示消息的处理界面。其中，该处理界面可以为包含消息处理控件的界面，该消息处理控件可以为文字输入框、接听控件、挂断控件、自动回复控件、表情发送控件等等。
其中，悬浮操作窗的尺寸小于用户界面的尺寸，且该悬浮操作窗中包含尺寸调整区域，通过点击该尺寸调整区域，用户可以手动调整悬浮操作窗的大小。
可选的，该悬浮操作窗中还包含移动控件、关闭控件和全屏控件。当接收到对移动控件的触发信号时，终端调整悬浮操作窗在用户界面上的显示位置；当接收到对关闭控件的触发信号时，终端关闭该悬浮操作窗；当接收到对全屏控件的触发信号时，终端将当前应用切换至后台运行，并全屏显示消息发送方应用的应用界面。
可选的，终端根据当前所处的握持状态，将悬浮操作窗显示在握持手对应的单手操作区域，以便用户在悬浮操作窗口内进行单手操作。
示意性的，如图13所示，在视频播放应用程序的应用界面下，终端在第二形状的浮标102中显示消息内容，当用户单击浮标102后，终端在悬浮操作窗103中显示即时通信应用程序的应用界面，方便在悬浮操作窗103中回复消息。
需要说明的是，显示悬浮操作窗后，第二形状的浮标重新形变为第一形状的浮标。
步骤1108，若在预定时长内未接收到对第二形状的浮标的触发信号，或，接收到对第二形状的浮标的撤销信号，则以预定显示方式显示第一形状的浮标，预定显示方式包括高亮显示、闪烁显示和添加标记显示中的至少一种。
若用户长时间为点击第二形状的浮标，或暂时不需要对通知消息进行处理时，为了避免第二形状的浮标对用户界面造成遮挡，终端采用预定显示方式，重新在用户界面上显示第一形状的浮标。
可选的，该预定时长可以为5s，而撤销信号可以通过由浮标向上、向上、向左或向右滑动操作触发，本实施例并不对撤销信号的触发方式进行限定。
可选的，当采用高亮显示时，终端对第一形状的浮标进行高亮处理；当采用闪烁显示时，终端根据预设闪烁频率(比如1s闪烁一次)显示第一形状的浮标；当采用添加标记显示时，终端在第一形状的浮标周侧显示角标，比如该角标中包含未处理通知消息的数量，以提示用户存在未处理的通知消息。
本实施例仅以上述几种显示方式为例进行示意性说明，但并不对此构成限定。
示意性的，如图14所示，当在5s内未接收到对浮标102的触发操作，终端显示第一形状的浮标101，并在浮标101的周侧显示角标104“①”。
可选的，当接收到对第二形状的浮标的触发信号后，终端将以正常显示方式显示第一形状的浮标。
步骤1109，当接收到对第一形状的浮标的触发信号时，显示快捷功能菜单，通知消息对应消息发送方应用的应用标识位于快捷功能菜单的预设位置。
当用户需要处于之前未处理的通知消息，并点击第一形状的浮标时，终端即显示快捷功能菜单，并将消息发送方应用的应用标识显示在快捷功能菜单的预设位置处，从而提醒用户存在未处理消息。可选的，该预设位置位于快捷功能菜单的中心位置。
可选的，终端对预设位置处的应用标识进行突出显示，方便用户快速定位应用标识并点击。其中，突出显示方式包括高亮显示、闪烁显示等等。
示意性的，如图15所示，当接收到对第一形状的浮标101的点击信号时，终端显示扇形的快捷功能菜单105，并在中心位置显示即时通信应用(未处理通知消息对应的应用程序)的应用图标106。
可选的，接收到对浮标的触发信号后，终端停止采用预定显示方式显示第一形状的浮标。
本实施例中，终端根据当前用户界面下，快捷功能菜单中包含的快捷应用菜单项，对快捷应用菜单项对应的应用程序采用浮标通知，对其它应用程序发送的通知消息采用横幅通知；由于快捷应用菜单项对应当前应用程序的关联应用程序，因此采用浮标通知的方式显示关联应用程序发送的通知消息，能够提高用户处理关联应用消息的效率。
另外，本实施例中，当用户界面为应用界面时，终端根据对浮标的触发信号，在用户界面中显示悬浮操作窗，并在悬浮操作窗中显示包含消息发送方应用的应用界面，在方便用户处理通知消息的同时，减小对当前应用产生的影响。
另外，本实施例中，当用户长时间未处理通知消息，或暂时不需要处理通知消息时，终端恢复显示第一形状的浮标，并采用预设显示方式显示第一形状的浮标，以提醒用户存在未处理的通知消息；同时，当接收到用户对浮标的触发信号时，终端将消息发送方应用的应用标识显示在快捷功能菜单的预设位置，方便用户快速点击处理通知消息。
请参考图16，其示出了本申请一个示例性实施例提供的浮标显示装置的结构框图。该浮标显示装置包括：第一浮标显示模块1610、第二浮标显示模块1620、消息显示模块1630。
第一浮标显示模块1610，用于在用户界面中以第一形状显示浮标，所述第一形状的浮标用于触发显示快捷功能菜单；
第二浮标显示模块1620，用于当接收到通知消息时，以第二形状显示所述浮标；
消息显示模块1630，用于在所述第二形状的浮标中显示所述通知消息。
可选的，所述快捷功能菜单中包括多个应用程序对应的程序图标，所述当第二浮标显示模块1620，用于：
当接收到所述通知消息时，获取所述通知消息对应的应用程序；
若所述快捷功能菜单中包括所述通知消息对应的应用程序的程序图标，则以所述第二形状显示所述浮标。
可选的，所述第一形状的浮标吸附在所述用户界面的第一边缘，所述第二浮标显示模块1620，还用于：
确定所述通知消息中消息内容的消息显示长度；
根据所述消息显示长度，将所述第一形状的浮标的目标边缘向所述用户界面的第二边缘平移，得到所述第二形状的浮标，所述目标边缘是所述第一形状的浮标中远离所述第一边缘的浮标边缘，所述第二边缘与所述第一边缘相对，所述目标边缘平移的距离为所述消息显示长度。
可选的，所述装置还包括：
第一界面显示模块，用于当接收到对所述第二形状的浮标的触发信号时，全屏显示所述通知消息对应消息发送方应用的应用界面。
可选的，所述装置还包括：
第二界面显示模块，用于当接收到对所述第二形状的浮标的触发信号时，在所述用户界面中显示悬浮操作窗，所述悬浮操作窗用于显示所述通知消息对应的处理界面。
可选的，所述装置还包括：
突出显示模块，用于若在预定时长内未接收到对所述第二形状的浮标的触发信号，或，接收到对所述第二形状的浮标的撤销信号，则以预定显示方式显示所述第一形状的浮标，所述预定显示方式包括高亮显示、闪烁显示和添加标记显示中的至少一种。
可选的，所述装置还包括：
菜单显示模块，用于当接收到对所述第一形状的浮标的触发信号时，显示所述快捷功能菜单，所述通知消息对应消息发送方应用的应用标识位于所述快捷功能菜单的预设位置。
可选的，所述装置还包括：
停止模块，用于停止通过横幅通知显示所述通知消息。
可选的，所述装置还包括：
存储模块，用于若接收到对所述第一形状的浮标的隐藏信号，则存储所述第一形状的浮标在所述用户界面上的显示坐标；
停止显示模块，用于停止显示所述第一形状的浮标；
所述第二浮标显示模块，还用于当接收到所述通知消息时，在所述显示坐标处显示所述第二形状的浮标。
综上所述，本实施例中，竖屏状态下，当接收到通知消息时，终端将用户界面中第一形状的浮标变为第二形状的浮标，并在第二形状的浮标内显示通知消息，方便用户及时查看并处理通知消息；相较于采用横幅通知的方式显示通知消息，通过改变浮标形状，并借助浮标显示通知消息，方便用户快速进行查看，并能够提高用户处理通知消息的效率。
本实施例中，用户选择隐藏浮标后，终端在接收到通知消息时，重新在用户界面中显示第二形状的浮标，以提醒用户处理通知消息，避免用户遗漏重要通知消息。
本实施例中，终端根据当前用户界面下，快捷功能菜单中包含的快捷应用菜单项，对快捷应用菜单项对应的应用程序采用浮标通知，对其它应用程序发送的通知消息采用横幅通知；由于快捷应用菜单项对应当前应用程序的关联应用程序，因此采用浮标通知的方式显示关联应用程序发送的通知消息，能够提高用户处理关联应用消息的效率。
另外，本实施例中，当用户界面为应用界面时，终端根据对浮标的触发信号，在用户界面中显示悬浮操作窗，并在悬浮操作窗中显示包含消息发送方应用的应用界面，在方便用户处理通知消息的同时，减小对当前应用产生的影响。
另外，本实施例中，当用户长时间未处理通知消息，或暂时不需要处理通知消息时，终端恢复显示第一形状的浮标，并采用预设显示方式显示第一形状的浮标，以提醒用户存在未处理的通知消息；同时，当接收到用户对浮标的触发信号时，终端将消息发送方应用的应用 标识显示在快捷功能菜单的预设位置，方便用户快速点击处理通知消息。
需要说明的是，上述实施例提供的装置在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将终端的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
本申请实施例还提供了一种计算机可读介质，该计算机可读介质存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的浮标显示方法。
本申请实施例还提供了一种计算机程序产品，该计算机程序产品存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的浮标显示方法。
上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (20)

  1. 一种浮标显示方法，所述方法用于处于竖屏状态的终端，所述方法包括：
    在用户界面中以第一形状显示浮标，所述第一形状的浮标用于触发显示快捷功能菜单；
    当接收到通知消息时，以第二形状显示所述浮标；
    在所述第二形状的浮标中显示所述通知消息。
  2. 根据权利要求1所述的方法，其中，所述快捷功能菜单中包括多个应用程序对应的程序图标，所述当接收到通知消息时，以第二形状显示所述浮标，包括：
    当接收到所述通知消息时，获取所述通知消息对应的应用程序；
    若所述快捷功能菜单中包括所述通知消息对应的应用程序的程序图标，则以所述第二形状显示所述浮标。
  3. 根据权利要求2所述的方法，其中，所述第一形状的浮标吸附在所述用户界面的第一边缘，所述以所述第二形状显示所述浮标，包括：
    确定所述通知消息中消息内容的消息显示长度；
    根据所述消息显示长度，将所述第一形状的浮标的目标边缘向所述用户界面的第二边缘平移，得到所述第二形状的浮标，所述目标边缘是所述第一形状的浮标中远离所述第一边缘的浮标边缘，所述第二边缘与所述第一边缘相对，所述目标边缘平移的距离为所述消息显示长度。
  4. 根据权利要求1至3任一所述的方法，其中，所述在所述第二形状的浮标中显示所述通知消息之后，所述方法还包括：
    当接收到对所述第二形状的浮标的触发信号时，全屏显示所述通知消息对应消息发送方应用的应用界面。
  5. 根据权利要求1至3任一所述的方法，其中，所述在所述第二形状的浮标中显示所述通知消息之后，所述方法还包括：
    当接收到对所述第二形状的浮标的触发信号时，在所述用户界面中显示悬浮操作窗，所述悬浮操作窗用于显示所述通知消息对应的处理界面。
  6. 根据权利要求1至3任一所述的方法，其中，所述在所述第二形状的浮标中显示所述通知消息之后，所述方法还包括：
    若在预定时长内未接收到对所述第二形状的浮标的触发信号，或，接收到对所述第二形状的浮标的撤销信号，则以预定显示方式显示所述第一形状的浮标，所述预定显示方式包括高亮显示、闪烁显示和添加标记显示中的至少一种。
  7. 根据权利要求6所述的方法，其中，所述以预定显示方式显示所述第一形状的浮标之后，所述方法还包括：
    当接收到对所述第一形状的浮标的触发信号时，显示所述快捷功能菜单，所述通知消息对应消息发送方应用的应用标识位于所述快捷功能菜单的预设位置。
  8. 根据权利要求1至3任一所述的方法，其中，所述在所述第二形状的浮标中显示所述通知消息之后，所述方法还包括：
    停止通过横幅通知显示所述通知消息。
  9. 根据权利要求1至3任一所述的方法，其中，所述在用户界面中以第一形状显示浮标之后，所述方法还包括：
    若接收到对所述第一形状的浮标的隐藏信号，则存储所述第一形状的浮标在所述用户界面上的显示坐标；
    停止显示所述第一形状的浮标；
    当接收到所述通知消息时，在所述显示坐标处显示所述第二形状的浮标。
  10. 一种浮标显示装置，其特征在于，所述装置处于竖屏状态，所述装置包括：
    第一浮标显示模块，用于在用户界面中以第一形状显示浮标，所述第一形状的浮标用于触发显示快捷功能菜单；
    第二浮标显示模块，用于当接收到通知消息时，以第二形状显示所述浮标；
    消息显示模块，用于在所述第二形状的浮标中显示所述通知消息。
  11. 根据权利要求10所述的装置，其中，所述快捷功能菜单中包括多个应用程序对应的程序图标，所述第二浮标显示模块，用于：
    当接收到所述通知消息时，获取所述通知消息对应的应用程序；
    若所述快捷功能菜单中包括所述通知消息对应的应用程序的程序图标，则以所述第二形状显示所述浮标。
  12. 根据权利要求11所述的装置，其中，所述第二浮标显示模块，用于：
    确定所述通知消息中消息内容的消息显示长度；
    根据所述消息显示长度，将所述第一形状的浮标的目标边缘向所述用户界面的第二边缘平移，得到所述第二形状的浮标，所述目标边缘是所述第一形状的浮标中远离所述第一边缘的浮标边缘，所述第二边缘与所述第一边缘相对，所述目标边缘平移的距离为所述消息显示长度。
  13. 根据权利要求10至12任一所述的装置，其中，所述装置还包括：
    第一界面显示模块，用于当接收到对所述第二形状的浮标的触发信号时，全屏显示所述通知消息对应消息发送方应用的应用界面。
  14. 根据权利要求10至12任一所述的装置，其中，所述装置还包括：
    第二界面显示模块，用于当接收到对所述第二形状的浮标的触发信号时，在所述用户界面中显示悬浮操作窗，所述悬浮操作窗用于显示所述通知消息对应的处理界面。
  15. 根据权利要求10至12任一所述的装置，其中，所述装置还包括：
    突出显示模块，用于若在预定时长内未接收到对所述第二形状的浮标的触发信号，或，接收到对所述第二形状的浮标的撤销信号，则以预定显示方式显示所述第一形状的浮标，所述预定显示方式包括高亮显示、闪烁显示和添加标记显示中的至少一种；
  16. 根据权利要求15所述的装置，其中，所述装置还包括：
    菜单显示模块，用于当接收到对所述第一形状的浮标的触发信号时，显示所述快捷功能菜单，所述通知消息对应消息发送方应用的应用标识位于所述快捷功能菜单的预设位置。
  17. 根据权利要求10至12任一所述的装置，其中，所述装置还包括：
    停止模块，用于停止通过横幅通知显示所述通知消息。
  18. 根据权利要求10至12任一所述的装置，其中，所述装置还包括：
    存储模块，用于若接收到对所述第一形状的浮标的隐藏信号，则存储所述第一形状的浮标在所述用户界面上的显示坐标；
    停止显示模块，用于停止显示所述第一形状的浮标；
    所述第二浮标显示模块，还用于当接收到所述通知消息时，在所述显示坐标处显示所述第二形状的浮标。
  19. 一种终端，所述终端包括处理器和存储器，所述存储器中存储有至少一条指令，所述指令由所述处理器加载并执行以实现如权利要求1至9任一所述的浮标显示方法。
  20. 一种计算机可读存储介质，所述存储介质中存储有至少一条指令，所述指令由处理器加载并执行以实现如权利要求1至9任一所述的浮标显示方法。
PCT/CN2019/089324 2018-06-08 2019-05-30 浮标显示方法、装置、终端及存储介质 WO2019233337A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810590143.0 2018-06-08
CN201810590143.0A CN108803964B (zh) 2018-06-08 2018-06-08 浮标显示方法、装置、终端及存储介质

Publications (1)

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

Family

ID=64088060

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/089324 WO2019233337A1 (zh) 2018-06-08 2019-05-30 浮标显示方法、装置、终端及存储介质

Country Status (2)

Country Link
CN (2) CN108803964B (zh)
WO (1) WO2019233337A1 (zh)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108803964B (zh) * 2018-06-08 2021-04-20 Oppo广东移动通信有限公司 浮标显示方法、装置、终端及存储介质
CN109947329B (zh) * 2019-03-25 2020-09-22 北京字节跳动网络技术有限公司 显示控制方法、装置及系统、存储介质、终端设备
CN113396379A (zh) * 2019-04-11 2021-09-14 深圳市柔宇科技股份有限公司 交互方法、柔性电子装置及可读存储介质
CN110716676A (zh) * 2019-09-27 2020-01-21 青岛海信移动通信技术股份有限公司 一种消息提醒的方法和终端
CN110888707A (zh) * 2019-11-19 2020-03-17 维沃移动通信有限公司 一种消息发送方法及电子设备
CN111143090B (zh) * 2019-12-25 2023-10-31 上海传英信息技术有限公司 应用交互方法、设备及计算机可读存储介质
CN111596993B (zh) * 2020-04-28 2024-03-05 深圳传音控股股份有限公司 一种界面处理方法、终端设备及存储介质
CN112286412A (zh) * 2020-10-22 2021-01-29 维沃移动通信（杭州）有限公司 通知消息管理方法及装置
CN112764606A (zh) * 2020-12-31 2021-05-07 维沃移动通信有限公司 标识显示方法、装置和电子设备
CN113805747B (zh) * 2021-08-12 2023-07-25 荣耀终端有限公司 信息提醒方法、电子设备及计算机可读存储介质
CN113835574A (zh) * 2021-09-18 2021-12-24 青岛海信移动通信技术股份有限公司 应用通知消息的处理方法、设备、存储介质和程序产品
CN115061767A (zh) * 2022-06-27 2022-09-16 Oppo广东移动通信有限公司 消息回复方法、装置以及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020080185A1 (en) * 2000-05-12 2002-06-27 International Business Machines Corporation Display device with a focus buoy facility
CN103279303A (zh) * 2013-05-31 2013-09-04 东莞宇龙通信科技有限公司 事件消息的处理方法及装置
CN104375741A (zh) * 2013-08-16 2015-02-25 联想(北京)有限公司 信息处理的方法及电子设备
CN107688422A (zh) * 2017-09-05 2018-02-13 广东欧珀移动通信有限公司 通知消息显示方法及装置
CN108803964A (zh) * 2018-06-08 2018-11-13 Oppo广东移动通信有限公司 浮标显示方法、装置、终端及存储介质

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103558958B (zh) * 2013-10-29 2017-04-12 宇龙计算机通信科技(深圳)有限公司 应用程序的功能调用方法及终端
CN104793838B (zh) * 2014-01-20 2019-08-27 南京中兴软件有限责任公司 一种实现悬浮显示的方法及装置
KR102383103B1 (ko) * 2014-08-13 2022-04-06 삼성전자 주식회사 전자 장치 및 이의 화면 표시 방법
CN104898952B (zh) * 2015-06-16 2019-05-28 魅族科技（中国）有限公司 一种终端分屏实现方法及终端
CN105930147B (zh) * 2016-04-13 2020-09-08 北京小米移动软件有限公司 应用功能的启动方法及装置
CN106126075A (zh) * 2016-06-30 2016-11-16 乐视控股（北京）有限公司 控制浮标显示的方法及装置
CN106598377A (zh) * 2016-10-31 2017-04-26 努比亚技术有限公司 一种基于虚拟聚合键应用的信息处理方法及其装置
CN106598396A (zh) * 2016-12-21 2017-04-26 北京金山安全软件有限公司 基于悬浮窗的显示方法、装置和电子设备
CN106921798B (zh) * 2017-02-17 2020-07-14 珠海市魅族科技有限公司 通知消息的处理方法及装置
CN106961524B (zh) * 2017-03-31 2020-03-27 努比亚技术有限公司 一种信息显示方法及装置
CN107256120A (zh) * 2017-06-05 2017-10-17 努比亚技术有限公司 场景切换方法、终端及计算机可读存储介质
CN107807767B (zh) * 2017-09-27 2021-08-03 努比亚技术有限公司 一种通讯业务的处理方法、终端及计算机可读存储介质
CN107656672A (zh) * 2017-09-29 2018-02-02 珠海市魅族科技有限公司 一种信息处理方法及装置、终端和可读存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020080185A1 (en) * 2000-05-12 2002-06-27 International Business Machines Corporation Display device with a focus buoy facility
CN103279303A (zh) * 2013-05-31 2013-09-04 东莞宇龙通信科技有限公司 事件消息的处理方法及装置
CN104375741A (zh) * 2013-08-16 2015-02-25 联想(北京)有限公司 信息处理的方法及电子设备
CN107688422A (zh) * 2017-09-05 2018-02-13 广东欧珀移动通信有限公司 通知消息显示方法及装置
CN108803964A (zh) * 2018-06-08 2018-11-13 Oppo广东移动通信有限公司 浮标显示方法、装置、终端及存储介质

Also Published As

Publication number Publication date
CN108803964A (zh) 2018-11-13
CN113157155A (zh) 2021-07-23
CN108803964B (zh) 2021-04-20

Similar Documents

Publication Publication Date Title
WO2019233337A1 (zh) 浮标显示方法、装置、终端及存储介质
US11467715B2 (en) User interface display method, terminal and non-transitory computer-readable storage medium for splitting a display using a multi-finger swipe
US11644943B2 (en) Method for icon display, terminal, and storage medium
US11868586B2 (en) Floating window user interface display method and apparatus, device, and storage medium
WO2019174477A1 (zh) 用户界面显示方法、装置及终端
US11543928B2 (en) Method for displaying input method interface of improved accuracy of input, device, and terminal
CN107688422B (zh) 通知消息显示方法及装置
WO2020038168A1 (zh) 内容分享方法、装置、终端及存储介质
WO2019174469A1 (zh) 消息提醒方法、装置、设备及存储介质
CN108415751B (zh) 消息提醒方法、装置、设备及存储介质
WO2019174465A1 (zh) 用户界面显示方法、装置、终端及存储介质
WO2019233313A1 (zh) 浮标显示方法、装置、终端及存储介质
WO2019047738A1 (zh) 消息显示方法、装置、移动终端及存储介质
WO2019047147A1 (zh) 图标移动方法及装置
US10901553B2 (en) Method for responding to touch operation and electronic device
WO2019047189A1 (zh) 消息显示方法、装置及终端
WO2019233307A1 (zh) 用户界面显示方法、装置、终端及存储介质
CN107608550B (zh) 触摸操作响应方法及装置
WO2019047183A1 (zh) 按键显示方法、装置及终端
WO2019047184A1 (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: 19815455

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

Country of ref document: EP

Kind code of ref document: A1