Notification display method and related device

Abstract

The invention provides a notification display method, which is applied to electronic equipment with a front-facing camera hole in the top of a screen, and is characterized in that a capsule notification is displayed in a middle area of a status bar, and the capsule notification is black, so that the capsule notification and the front-facing camera hole are integrated, a complete capsule form is presented, and the service life of the capsule notification is prolonged. And the abrupt feeling of the front camera hole is reduced. Moreover, the capsule notification comprises a first capsule area and a second capsule area, the first capsule area is located on the left side of the front camera hole, and the second capsule area is located on the right side of the front camera hole. The first capsule area comprises the icon of the first service, and the second capsule area comprises the icon of the first switch, so that a user can directly operate the switch of the second capsule area and does not need to enter a page or a control center where the switch setting item is located layer by layer, the operation complexity is reduced, and the operation efficiency of the switch is improved.

Description

Technical Field

[0001] The present application relates to the technical field of terminal equipment, and in particular to a notification display method and related apparatus. Background Art

[0002] With the rapid development of smart terminal technology, there are more and more types of applications (APPs) and services, and more and more notification messages of corresponding APPs and services. Currently, there are many types of notification messages of APPs or services, which leads to low efficiency of users obtaining important notification information. Summary of the invention

[0003] In view of this, the present application provides a notification display method and related devices to solve at least part of the above problems, and the disclosed technical solutions are as follows:

[0004] In the first aspect, the present application provides a notification display method, which is applied to an electronic device, wherein the electronic device includes a front camera hole at the top of the screen, and the method includes: displaying a first interface, wherein the first interface includes a status bar and a first capsule notification located in the middle area of ​​the status bar, wherein the first capsule notification includes a first capsule area located on the left side of the front camera hole, and a second capsule area located on the right side of the front camera hole, wherein the first capsule area includes an icon of a first service, and the second capsule area includes an icon of a first switch of a second service. It can be seen that the scheme can display the status information of a service and a switch in one capsule. In other words, a capsule is divided into two capsule areas to display different services and switches respectively, and the user can directly operate the switch displayed by the capsule to switch the switch state without entering the control center or the switch setting page to control the switch, thereby reducing user operations and improving the efficiency of operating the switch.

[0005] In a possible implementation of the first aspect, the method further includes: in response to a first operation on the second capsule area, displaying a switch card on the first interface, the switch card covering the first capsule notification, the switch card including a first switch and a second switch, the first switch being in a selected state, and the first function of the second service being enabled. Figure 4A The second capsule region 612 shown in (1) is expanded as follows Figure 4A The switch card shown in (3) includes other switches related to the function of the first switch, so that the user can directly select other switches on the switch card without entering the control center or the switch setting page, which reduces user operations and improves the efficiency of operating switches.

[0006] In a first possible implementation of the first aspect, the method further includes: in response to the operation of turning on the second switch of the switch card, the electronic device turns on the second function of the second service, and the second capsule area is updated from the icon of the first switch to the icon of the second switch. It can be seen that after the user turns on the second switch on the switch card, the icon of the corresponding second capsule area is updated accordingly, so that the user can directly operate the icon of the second switch in the second capsule area when the user needs to turn off the second switch, thereby improving the switch operation efficiency.

[0007] In a first possible implementation of the first aspect, the method further includes: in response to a first operation on the second capsule area, displaying a switch card on the first interface, the switch card covering the first capsule notification, the switch card including a first switch and a second switch, the adjustment button of the first switch being in the first position of the adjustment progress bar, and the first function of the second service achieving an effect matching the first position. It can be seen that the scheme can also display a switch including an adjustment progress bar and an adjustment button in the second capsule area, so that when the second capsule area is expanded into a switch card, the adjustment button of the sliding switch can adjust the corresponding functional effect, for example, a skin grinding switch and a whitening switch, without entering the control center interface or the switch setting page, reducing the operation of adjusting the switch, thereby improving the efficiency of the switch operation.

[0008] In a first possible implementation of the first aspect, the method further includes: in response to a sliding operation on an adjustment button of the second switch, the electronic device adjusts an effect corresponding to the second function of the second service. In a possible implementation, the second capsule area is updated from an icon of the first switch to an icon of the second switch.

[0009] In a first possible implementation of the first aspect, the method further includes: in response to a sliding operation on the second capsule area, displaying a control center interface, wherein the control center interface includes a first switch. It can be seen that the second capsule area is an entrance to the control center, and the control center can be entered by sliding down the second capsule area.

[0010] In a first possible implementation of the first aspect, the method further includes: in response to an operation on the first switch of the second capsule area, or if no operation on the first switch is detected within a preset time after the first switch is displayed, the second capsule area is updated to the status information of the first service. It can be seen that if the user turns on the switch displayed in the second capsule area and does not perform any operation within the preset time, the second capsule area is updated by the first switch to the status information of the first service, that is, the first capsule area displays the icon of the first service, and the second capsule area displays the status information of the first service. After determining that the user no longer needs the first switch, the second capsule area displays the status information of the first service that the user may be more concerned about, so that the user can know the status of the first service in a timely manner.

[0011] In a first possible implementation of the first aspect, the method further includes: in response to a sliding operation on the first capsule area, displaying a notification center interface, the notification center interface including a first card, the first card including status information of the first service. It can be seen that the first capsule area is an entrance to the notification center, through which the user can quickly enter the notification center.

[0012] In a first possible implementation of the first aspect, the method further includes: in response to a second operation on the first capsule area, displaying a second card on the first interface, the second card covering the first capsule notification, and the second card including status information of the first service. It can be seen that by clicking or long pressing the first capsule area, the first capsule area is expanded into a card, and the card includes more detailed status information of the first service, so that the user can more comprehensively know the status information of the first service, thereby improving the user experience.

[0013] In a first possible implementation of the first aspect, the electronic device includes capsule notifications of at least two services, the first interface also includes an expansion mark located below the first capsule notification, and the method further includes: in response to a third operation on the display area of ​​the first capsule notification, a third card and a second capsule notification arranged in sequence from top to bottom are displayed on the first interface, the third card covers the first capsule notification, the third card includes status information of the first service, and the second capsule notification includes status information of the third service. It can be seen that when there are capsule notifications of multiple services on the electronic device, the capsule notification displayed on top can be expanded into a card in the area where the capsule notification is located, and other capsule notifications are displayed in sequence under the card, so that it is convenient for users to view the specific service status of the first capsule notification and the status of other services, thereby improving the user experience.

[0014] In a first possible implementation of the first aspect, the method further includes: in response to a fourth operation on the second capsule notification, displaying a first capsule notification and a fourth card arranged in order from top to bottom on the first interface, the first capsule notification being located in the middle area of ​​the status bar, the first capsule notification including status information of the first service, and the fourth card including status information of the third service. For example, by clicking or long pressing the capsule notification below the card, the capsule notification is expanded into a card, and at the same time, the card above the capsule notification is shrunk into a capsule notification, so that it is convenient for the user to view the service status of the capsule notification that has not been expanded into a card.

[0015] In a first possible implementation manner of the first aspect, the method further includes: in response to a fifth operation on the third card, displaying a fourth card on the first interface, wherein the fourth card includes status information of the third service. For example, swiping the third card to the left removes the third card, and at the same time, the capsule notification below the third card expands into a card, and the user can remove the cards that are not of interest to the user according to his or her needs, so as to display the service information that he or she is more concerned about in a limited display space.

[0016] In a first possible implementation manner of the first aspect, the method further includes: in response to a swiping up operation on an area displaying a capsule notification or a card, displaying the first interface. For example, swiping up a capsule notification or a card displayed on an upper layer of the first interface returns to the first interface, that is, the card shrinks to a capsule notification, and hiding a non-top capsule notification in a scenario where there are multiple capsule notifications.

[0017] In a first possible implementation manner of the first aspect, the electronic device includes capsule notifications of at least two services, the status bar of the first interface also includes a second capsule notification, the second capsule notification is located at a lower layer of the first capsule notification, and the first capsule notification covers a portion of the display area of ​​the second notification capsule. Figure 6 As shown in (1), the first capsule notification and the second capsule notification partially overlap in the horizontal direction, so that the user can see the services of the two capsule notifications at the same time and can know the service corresponding to the next capsule notification without performing any operation.

[0018] In a first possible implementation of the first aspect, the first capsule notification covers a portion of the right side of the second capsule notification, and the method further includes: in response to a right swipe operation on the first capsule notification, the second capsule notification is displayed on top; in response to a left swipe operation on the second capsule notification displayed on top, the first capsule notification is displayed on an upper layer of the second capsule notification, and the first capsule notification covers a portion of the right side of the second capsule notification. It can be seen that swiping right on the capsule notification displayed on top presents a capsule notification rightward movement effect, and swiping left on the capsule notification displayed on top presents a capsule notification leftward movement effect, thereby facilitating the user to view the status information corresponding to different capsule notifications.

[0019] In a first possible implementation of the first aspect, the method further includes: in response to a sixth operation on the first capsule notification, displaying a fifth card on the first interface, the fifth card being located below the status bar, the status bar including the second capsule notification, the fifth card including the status information of the first service, and the second capsule notification including the status information of the third service. For example, clicking or long pressing the top-level capsule notification expands it into a card, the card being located below the status bar, and other capsule notifications being displayed in sequence in the status bar. In this way, it is convenient for the user to view the detailed status information of the first service, and at the same time, the information displayed by the next capsule notification of the first capsule notification can be viewed, thereby improving the user's viewing efficiency.

[0020] In a first possible implementation of the first aspect, the method further includes: in response to an operation on the first switch of the second capsule area, or if no operation is detected within a preset time after the first switch is displayed, the second capsule area is updated to an icon of a third service, the third service is a service with the highest priority other than the first service currently running, and the priority of the first service is higher than that of the third service. It can be seen that the solution can update the second capsule area to other services with higher priorities when it is determined that the user does not need to operate the first switch anymore, that is, the first capsule area displays the first service, and the second capsule area displays the third service, thereby improving user viewing efficiency.

[0021] In a first possible implementation manner of the first aspect, there are capsule notifications corresponding to two services on the electronic device, and the method also includes: in response to a seventh operation on the second capsule area, displaying a sixth card on the first interface, the sixth card covering the first capsule notification, and the sixth card including an icon and status information of the third service.

[0022] In a first possible implementation manner of the first aspect, the electronic device includes capsule notifications corresponding to at least three services, and the method further includes: in response to an eighth operation on the first capsule area, displaying a seventh card, a third capsule notification, and a fourth capsule notification arranged in sequence from top to bottom on the first interface, the seventh card covering the first capsule notification, the seventh card including status information of the first service, the third capsule notification including status information of the third service, and the fourth capsule notification including status information of the fourth service; in response to a ninth operation on the second capsule area, displaying an eighth card, a fifth capsule notification, and a sixth capsule notification arranged in sequence from top to bottom on the first interface, the eighth card covering the first capsule notification, the eighth card including status information of the third service, the fifth capsule notification including status information of the first service, and the sixth capsule notification including status information of the fourth service.

[0023] In a first possible implementation manner of the first aspect, the method further includes: in response to a tenth operation on the third capsule notification, displaying a seventh capsule notification, a ninth card, and an eighth capsule notification arranged in sequence from top to bottom on the first interface, the seventh capsule notification including status information of the first service, and the ninth card including status information of the third service.

[0024] In a first possible implementation manner of the first aspect, the method further includes: when there are at least two capsule notifications, determining an arrangement order according to a service attribute of each capsule notification, the service attribute including an end mode of a service corresponding to the capsule notification, the end mode including a manual end and an automatic end; if the service attributes corresponding to the current top capsule notification and the latest capsule notification are both manual end, displaying the latest capsule notification on top; if the service attribute of the current top capsule notification is automatic end and the service attribute of the latest capsule notification is manual end, displaying the latest capsule notification on top; if the service attributes corresponding to the current top capsule notification and the latest capsule notification are both automatic end, displaying the latest capsule notification on top; if the service attribute of the current top capsule notification is manual end and the service attribute of the latest capsule notification is automatic end, displaying the latest capsule notification on top after displaying the latest capsule notification on top for a preset period of time, and then displaying the last manually ended capsule notification on top again.

[0025] In a second aspect, the present application also provides an electronic device, comprising: one or more processors, a memory and a touch screen; the memory is used to store program code; the processor is used to run the program code, so that the electronic device implements a notification display method as described in any one of the first aspects.

[0026] In a third aspect, the present application further provides a computer-readable storage medium having instructions stored thereon, which, when the instructions are executed on an electronic device, enables the electronic device to execute a notification display method as described in any one of the first aspects.

[0027] In a fourth aspect, the present application further provides a computer program product, characterized in that an execution is stored thereon, and when the computer program product is run on an electronic device, the electronic device implements the notification display method as any one of the first aspect.

[0028] It should be understood that the description of technical features, technical solutions, beneficial effects or similar language in this application does not imply that all features and advantages can be realized in any single embodiment. On the contrary, it is understood that the description of features or beneficial effects means that specific technical features, technical solutions or beneficial effects are included in at least one embodiment. Therefore, the description of technical features, technical solutions or beneficial effects in this specification does not necessarily refer to the same embodiment. Furthermore, the technical features, technical solutions and beneficial effects described in the present embodiment can also be combined in any appropriate manner. Those skilled in the art will understand that the embodiment can be realized without one or more specific technical features, technical solutions or beneficial effects of a specific embodiment. In other embodiments, additional technical features and beneficial effects can also be identified in a specific embodiment that does not embody all embodiments. BRIEF DESCRIPTION OF THE DRAWINGS

[0029] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0030] Figure 1 is a schematic diagram of a state capsule provided in an embodiment of the present application;

[0031] Figure 2A Schematic diagram of refreshing status capsule notification information;

[0032] Figure 2B This is a schematic diagram of card information refresh provided by an embodiment of the present application;

[0033] Figure 3 is a schematic diagram of another state capsule provided in an embodiment of the present application;

[0034] Figure 4A is a schematic diagram of another state capsule provided in an embodiment of the present application;

[0035] Figure 4B is a schematic diagram of another state capsule provided in an embodiment of the present application;

[0036] Figure 5 is a schematic diagram of a multi-capsule display style provided in an embodiment of the present application;

[0037] Figure 6 is a schematic diagram of another multi-capsule display style provided in an embodiment of the present application;

[0038] Figure 7 This is a schematic diagram of another multi-capsule display style provided in an embodiment of the present application;

[0039] Figure 8 is a schematic diagram of an interactive operation of a card provided in an embodiment of the present application;

[0040] Fig. 9 This is a flowchart of a multi-capsule top sorting method provided in an embodiment of the present application. DETAILED DESCRIPTION

[0041] The terms "first", "second", "third", etc. in the specification, claims and drawings of this application are used to distinguish different objects rather than to limit a specific order.

[0042] In the embodiments of the present application, words such as "exemplary" or "for example" are used to indicate examples, illustrations or descriptions. Any embodiment or design described as "exemplary" or "for example" in the embodiments of the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary" or "for example" is intended to present related concepts in a specific way.

[0043] As full-screen displays are widely used in terminal devices, a camera hole for setting up a front camera is usually provided at the top of the screen of the terminal devices. When the screen is lit up to display content, there are no display pixels at the front camera hole and no content can be displayed, that is, the front camera hole appears black, which is inconsistent with the display area of ​​the screen.

[0044] In order to reduce the obtrusiveness of the front camera hole, the embodiment of the present application provides a status bar notification display solution combined with the front camera hole, that is, displaying service notifications at the front camera hole. For example, the service notification can be in a capsule style, and the color of the capsule is black, and the front camera hole is also black. Finally, the capsule and the front camera hole present a complete capsule shape. In this way, users can quickly learn about important service notifications through the capsule notifications displayed in the status bar, thereby improving the efficiency of users in obtaining important notifications and reducing the obtrusiveness of the front camera hole.

[0045] The notification display method provided in the embodiment of the present application will be described in detail below with reference to the accompanying drawings.

[0046] The notification display method provided in the embodiment of the present application is applied to an electronic device with a front camera hole, and service notification information, namely a status capsule, is displayed in the status bar. The status capsule is located in the middle of the status bar and includes a first capsule area and a second capsule area, wherein the first capsule area is located on the left side of the front camera hole and the second capsule area is located on the right side of the front camera. Moreover, the status capsule is black and forms a complete capsule shape with the front camera hole.

[0047] The notification display method provided by this application is explained by taking a taxi travel service as an example. For example, a user can use the taxi travel service in the map APP to take a taxi. The user can set the starting point and end point in the map APP and initiate a taxi request. The server platform corresponding to the taxi travel service responds to the taxi request and dispatches the order until the entire journey is completed. The server platform will send the information of the current node to the taxi travel service. The taxi travel service on the terminal device side will receive the notification messages of these important nodes and display them to the user. For example, the entire journey may include important nodes such as waiting for dispatch, the driver has accepted the order, the driver goes to the pick-up point, the driver arrives at the pick-up point, goes to the destination, and the end of the journey.

[0048] 1. Single capsule display scene

[0049] 1. Capsule style where one capsule is associated with one service

[0050] One capsule is associated with one service, which means that one status capsule can display notification information of one service.

[0051] In one example, for example, Figure 1 As shown in (1), the interface of the map APP mainly includes a map data display status bar 10, an area 101, and an optional vehicle model display area 102.

[0052] The status bar 10 is located at the top of the screen and may include the current status of the phone, such as the cellular network signal quality indicator, the wireless network signal quality, the battery level, the real-time time, notification icons for applications or services, etc. The status bar may also include other information that changes with the status. Figure 1 The status bar 10 shown in (1) is only an example, and the position of each information in the status bar may not be limited to that shown in the figure, and the developer may flexibly adjust it according to the display requirements. This application does not make any special restrictions on the information content and position displayed in the status bar.

[0053] Area 101 is used to display map data, for example, it can display optional travel routes planned according to the starting point and end point set by the user.

[0054] Area 102 is used to display optional car models, where area 102 can display multiple optional car model entries, each of which can include an optional taxi platform (such as AA Travel, BB Taxi, CC Travel), the amount required for this trip, and a selection button 103. The user can click the selection button 103 to select or cancel the car model corresponding to the selection button 103.

[0055] Area 102 also includes a "Call Now" button 104. After the terminal device receives a click operation on button 104 by the user, a taxi request is initiated and sent to the server. The server responds to the taxi request and selects a matching vehicle for the user.

[0056] For important service notifications, after receiving the user's operation to exit the current service interface, the terminal device jumps to other application interfaces and displays the status capsule corresponding to the service in the status bar. The status capsule includes the service icon and key information of the important node where the service is located. In this way, even if the user exits the service interface, the latest status of the service can still be obtained from the status capsule, and it will not affect the user's use of other applications or services.

[0057] This example uses the taxi service returning to the desktop app as an example to illustrate the display rules and styles of the status capsule.

[0058] The status bar is a common status display bar for different applications in a mobile phone. For example, the display interfaces of different applications in a mobile phone may include a status bar, and the contents displayed in the status bars of the display interfaces of different applications may be the same or different.

[0059] from Figure 1 The taxi service interface shown in (1) returns to Figure 1 The desktop 100 shown in (2) of FIG. 100 , the content displayed in the status bar changes accordingly, such as Figure 1 As shown in (2), the status bar 420 includes a status capsule 421. In this example, the status capsule 421 is used to display important information of the taxi travel service, so that the user can obtain important notifications of the taxi travel service in a timely manner.

[0060] The status capsule 421 is located in the middle area of ​​the status bar. The status capsule 421 is black so that it can be integrated with the black front camera hole to present a complete status capsule style.

[0061] In this example, the notification displayed in the status bar is in the form of a capsule. In other embodiments, the notification in the status bar can also be in other shapes and styles, which is not limited in this application.

[0062] like Figure 1 As shown in (2), the state capsule 421 includes a first capsule area 422 located on the left side of the front camera hole and a second capsule area 423 located on the right side of the front camera hole.

[0063] In one embodiment, the first capsule area 422 may display a service icon, such as a taxi service icon in this example. The second capsule area 423 may display key status information of the service, such as the key information of the taxi service, such as the license plate number of the ordering vehicle, the estimated time, etc. In this way, the user can clearly see the current status of the taxi service.

[0064] In an exemplary embodiment, the second capsule area 423 displays key information of the important node where the service is currently located, and when the key information includes multiple character strings that cannot be displayed completely in the second capsule area at the same time, the key information can be divided into at least two character strings, and these character strings are displayed alternately in the second capsule area 423. In addition, the key information displayed in the second capsule area 423 can be switched according to different important nodes of the current service.

[0065] In one example, the key information includes two strings, which are rotated every a first preset time period, such as 2.5 seconds. After the second preset time period (such as 5 seconds), the key information is frozen for display. If there is no new status information for a third preset time period (such as 1 minute), the rotation is triggered again.

[0066] For example, an important node in the current ride-hailing service is that the driver has accepted the order and is on the way to the pick-up point. Then, the second capsule area 423 scrolls to display the license plate number of the accepted vehicle and the estimated time to reach the pick-up point, that is, it scrolls to display "Beijing AXXXX" and "about 3 minutes". For example, after displaying the license plate number for 2.5 seconds, it switches to display the estimated time to reach the pick-up point. After 5 seconds, it freezes to display the license plate number. If there is no new information after 1 minute, it triggers the carousel of the above two pieces of information again.

[0067] Moreover, in some scenarios, the information displayed in the second capsule area 423 can be updated in real time following the service status. For example, when the important node (i.e., the service status) of the ride-hailing service in this example is updated, the content displayed in the status capsule 421 will also be updated accordingly.

[0068] The following combines Figure 2A to introduce the process of switching / carousel of the status information corresponding to the status capsule of the ride-hailing service:

[0069] A typical taxi ride usually includes the following important nodes: waiting for the platform to assign an order, the driver has accepted the order and is on the way to the pick-up point, reaching the pick-up point, going to the destination, and the trip ends.

[0070] As Figure 2A shown, currently at the node of waiting for the platform to assign an order, the status capsule displays the icon of the ride-hailing service and the key information of the current node. Moreover, it alternately displays the strings corresponding to the key information. For example, in this example, the status capsule alternately displays "assigning order" and the waiting time. For example, "waiting for 01 minutes and 30 seconds". Each piece of information in the same status is carouseled every preset duration (such as 2.5 seconds). For example, in this example, after "assigning order" is displayed for 2.5 seconds, it switches to display the waiting time information, and the waiting time information is refreshed according to the actual waiting duration. After switching and displaying for 5 seconds, it freezes on the key information. If there is no new information after 1 minute, it triggers the carousel and switching again.

[0071] Currently at the node where the driver has accepted the order and is on the way to the pick-up point, the status capsule alternately displays the license plate number of the accepted vehicle "Beijing AXXXXX" and the time to reach the pick-up point "about 3 minutes". The rule for alternately displaying the strings is the same as the carousel rule of the above node of waiting for the platform to assign an order, which will not be elaborated here.

[0072] Currently at the node of reaching the pick-up point, the status capsule includes the icon of the ride-hailing service, and alternately displays the license plate number of the accepted vehicle and the information of having arrived. Optionally, it can also display the waiting duration after the vehicle reaches the pick-up point, that is, it carousel three pieces of information: the license plate number, the information of having arrived, and the waiting duration.

[0073] Currently at the node of going to the destination, the status capsule includes the icon of the ride-hailing service, and alternately displays the estimated time to reach the destination "arriving at 18:50" and the information of "in the trip".

[0074] The current trip ends, and the status capsule includes the icon of the ride-hailing service and the message "Ended".

[0075] In addition, the current service end status stays for a preset time. If there is no operation or other notification information after the preset time, the status capsule 111 automatically disappears. For example, after the taxi trip ends, that is, after arriving at the destination, the status capsule displays the "Ended" status for 5 minutes. If there is no operation or other notification information displayed within 5 minutes, the status capsule automatically disappears.

[0076] Figure 2A The carousel mode of displaying key information of the same status by the status capsule shown, and the mode of refreshing key information according to different statuses, are also applicable to other services, such as food delivery, express delivery, subway travel, movie watching and other services. The display content of the status capsule is adaptively changed according to the business characteristics of other services, and will not be described in detail here.

[0077] 1) Click or long press the status capsule to expand it into a card

[0078] After the terminal device receives the user's click or long press operation on the status capsule 421, the status capsule is expanded into a card. Figure 1 The state capsule 421 shown in (2) jumps to Figure 1 The interface shown in (3).

[0079] Figure 1 The interface shown in (3) includes a desktop 100 located at the bottom layer, and a card 410 located at the upper layer of the desktop 100. The card 410 includes a title area 411, an information area 412, a service status area 413 and a service icon 414.

[0080] In one embodiment, the card 410 is located at the top of the screen and its color is black, so that the black card 410 and the black front camera hole are integrated into a complete card style.

[0081] In other embodiments, the card 410 may also be located below the status bar. In this case, the card 410 may be a color other than black, such as the same color as the interface of the application or service displayed by the card. In addition, in this case, the status capsule 421 is no longer displayed in the status bar. The present application does not specifically limit the display information (such as card color, display position, etc.) of the card displayed by expanding the operation status capsule.

[0082] In some application scenarios (eg, travel services), the content displayed in the information area 412 and the service status area 413 of the card 410 can also be refreshed in real time according to the service status. Therefore, the card 410 is also called a dynamic notification.

[0083] The title area 411 includes service icons and service names. For example, the service in this example belongs to the category of travel reminders, specifically the name of a map APP, such as XX Map.

[0084] The information area 412 includes key information about important nodes of the service. For example, in this example, it is used to display the key information of the current node during a taxi ride. When at the node where the driver is going to the pick-up point, the key information displayed can include the license plate number of the accepted vehicle "Beijing AXXXX", the vehicle color "white", the driver information "Master Zhang", and the estimated time to reach the pick-up point "about 2 minutes to arrive", etc.

[0085] The service status area 413 includes a visual dynamic display of the service progress bar. For example, in this example, it is the taxi travel service of the map APP, showing the progress of the current node. If currently in the stage where the driver has accepted the order and is going to the pick-up point, the progress bar shows the travel progress of the accepted vehicle to the pick-up point, and in the progress bar, it also shows the real-time distance of the accepted vehicle from the pick-up point and the real-time road conditions of the travel route of this stage (the route of the accepted vehicle to the pick-up point), that is, whether the route is smooth or congested.

[0086] The service icon 414 enables users to more intuitively know the service corresponding to the current dynamic notification. For example, in this example, it is the taxi travel service in the map APP, and the vehicle icon shown in the figure is displayed.

[0087] Similar to the status capsule updating the status information, the content displayed in the information area 412 and the service status area 413 of the card 410 will be updated in real time following the service status.

[0088] As Figure 2B shown in (1) of, currently at the node of waiting for the platform to assign an order, the information area 412 shows "Platform assigning order, has waited for 01:30", and there is no travel progress in the service status area 413.

[0089] As Figure 2B shown in (2) of, currently at the stage where the driver has accepted the order and is going to the pick-up point, the information area 412 shows the information of the accepted vehicle and the driver, and the service status area 413 shows the travel progress bar of the current position of the accepted vehicle from the passenger pick-up point (the end point of this section of the journey), and in this travel progress bar, it also shows the real-time position of the accepted vehicle (i.e., the pick-up point). In addition, this progress bar can also show the real-time road conditions of this section of the travel route.

[0090] As Figure 2BAs shown in (3) of the figure, currently, the vehicle that has received the order has arrived at the boarding point, and the information area 412 displays the information of the vehicle and the driver that has received the order, such as "Beijing AXXXX has arrived, Master Zhang's white car". The starting point of the trip progress bar in the service status area 413 is updated to the boarding point, and the end point is updated to the passenger's destination. At the same time, the real-time position of the vehicle that has received the order on this section of the trip route and the real-time road conditions of the route can be displayed.

[0091] Such as Figure 2B As shown in (4) of the figure, currently, the vehicle is on the way to the destination, and the information area 412 displays information such as the estimated duration and time of arrival at the destination, the remaining distance, and the real-time road conditions. The service status area 413 then displays the real-time position and road condition information of the current vehicle on the trip route to the destination.

[0092] Such as Figure 2B As shown in (5) of the figure, currently, the vehicle has arrived at the destination (i.e., the trip has ended), and the information area 412 displays that the trip has ended. The vehicle position in the trip progress bar in the service status area 413 is updated to the destination.

[0093] This embodiment only takes the taxi-hailing service as an example to illustrate the process of updating the status information of the dynamic card. For other services, the content displayed in areas 412 and 413 of the card is updated according to the actual business content of the service.

[0094] 2) Slide down the status capsule to enter the notification center interface

[0095] After the terminal device receives the user's slide-down operation on the status capsule 421, it enters the notification center interface, that is, the user slides down the status capsule 421 shown in (2) of the figure to jump to the interface 40 shown in (4) of the figure, that is, the notification center. It can be seen that the status capsule is an entrance to the notification center. Figure 1 of the figure to the Figure 1 interface 40 shown in (4) of the figure, that is, the notification center. It can be seen that the status capsule is an entrance to the notification center.

[0096] In the notification center, dynamic notifications are ranked before ordinary notifications. Dynamic notifications refer to service notifications whose service status will change, such as notifications for taxi-hailing services, flight travel services, etc. For example, the service status of a taxi-hailing service can include waiting for the platform to assign an order, the driver has received the order and is on the way to the boarding point, arriving at the boarding point, going to the destination, and the trip has ended. Ordinary notifications refer to the notification content of services whose service status remains unchanged, such as short message notifications, notifications of instant messaging APPs, etc.

[0097] When there are multiple dynamic notifications, the dynamic notifications are sorted in descending order of importance. If at least two dynamic notifications have the same importance, they are sorted in ascending order of the time from short to long when the dynamic notifications reach the next important node. For example, in this example, the priority of the taxi-hailing service is higher than that of the flight travel service. Therefore, the card 401 for taxi-hailing in the notification center is ranked before the card 402 for flight travel.

[0098] Ordinary notifications are arranged in order from earliest to latest receipt time.

[0099] like Figure 1 As shown in (4), the notification center interface may include multiple cards, dynamic notifications are arranged before ordinary notifications, and the card corresponding to the status capsule 421 in the dynamic notification is located at the first position, and other dynamic notifications are arranged in order from the latest to the earliest time.

[0100] For example, in this example, the taxi travel service card 401 is listed first, followed by the flight travel card 402 and the food delivery service card 403. This example only shows the above three notifications, and the notification center can include more notifications. Figure 1 The card 410 shown in (3) shows the same content.

[0101] like Figure 1 As shown in (4), card 402 includes important node information of the flight trip, such as text information "6 hours left to check-in deadline", and a progress bar 404 that can indicate the current node in real time. In this example, the important nodes of the flight trip include check-in and boarding, and the current node is in the non-check-in stage. Card 403 includes specific content of the food delivery service, such as the estimated delivery time and the real-time location of the food delivery person.

[0102] 3) The upward sliding capsule disappears

[0103] In response to a swipe up operation (or a tap-and-swipe operation, i.e., swiping up while pressing) on ​​status capsule 421, the terminal device disappears status capsule 421, i.e., hides status capsule 421. When the service status of status capsule 421 is updated, status capsule 421 including the latest service status information is displayed again.

[0104] 2. One capsule is associated with two services

[0105] In this embodiment, the first capsule area and the second capsule area can respectively display information of one service, that is, one capsule can simultaneously display information of two different services, that is, one capsule can simultaneously be associated with two services. In one embodiment, the priority of the service associated with the first capsule area is higher than the service associated with the second capsule area.

[0106] In one example, the two services associated with the capsule are the first two services with the highest priority received. As the service status changes, the priority of the service notification may change. Therefore, the two services associated with the capsule also change dynamically and are not two fixed services. For example, the capsule currently displays notifications for taxi travel services and flight travel services. After the taxi trip is over, the capsule displays notifications for flight travel services and selects the highest priority service other than the flight travel service from the currently running services.

[0107] like Figure 3 As shown in (1), the first capsule area 511 of the capsule 510 is used to display an icon of one service, and the second capsule area 512 is used to display an icon of another service. For example, in this example, the first capsule area 511 displays an icon of a taxi travel service, and the second capsule area 512 displays an icon of a flight travel service.

[0108] 1) Click or long press the capsule to expand it into a card

[0109] The terminal device responds to Figure 3 Click or long press the left display area of ​​the capsule 510 shown in (1) to jump to Figure 3 The interface shown in (2) is that the left capsule is expanded to a card 513 corresponding to the associated service. In this example, the first capsule area 511 is associated with a taxi travel service, and the card 513 of the taxi travel service is displayed after clicking the area.

[0110] like Figure 3 As shown in (1), the card 513 is located at the top of the screen and its color is black, so that the card 513 can be integrated with the front camera hole to form a complete card style, while also reducing the abruptness of the front camera hole.

[0111] Similarly, in response to a click or long press operation on the second capsule area, the terminal device expands the capsule on the right to a card corresponding to the capsule-associated service. For example, in this example, the second capsule area 512 is associated with the flight travel service. Clicking on this area jumps to Figure 3 The interface shown in (3) displays a card 514 for flight travel services.

[0112] 2) Swipe down the capsule to jump to the notification center

[0113] In response to a swipe operation on any display area of ​​the capsule 510, the terminal device jumps to Figure 3 In the notification center interface 40 shown in (4), the first two notifications of the notification center interface 40 are notifications of two services associated with the capsule 510, and the card corresponding to the service associated with the first capsule area is arranged before the card corresponding to the service associated with the second capsule area. The other cards are arranged in order from earliest to latest.

[0114] 3) The upward sliding capsule disappears

[0115] The terminal device responds to a swipe-up operation or a tap-up swipe-up operation on the status capsule 510, and the status capsule 510 disappears. When the status of the service corresponding to the status capsule is updated, the status capsule is displayed again.

[0116] In summary, this embodiment can display information of two related services in the same capsule, and the user can perform corresponding operations on the capsule to jump to the interface corresponding to the operation, for example, displaying all capsules, or entering the notification center, etc. It can be seen that the user can quickly view all important notifications by directly operating the capsule, thereby improving the efficiency of viewing multiple important notifications.

[0117] 3. A capsule can be associated with a service and a switch

[0118] In an exemplary embodiment, the first capsule area of ​​the capsule is associated with a service, and the second capsule area can be associated with a switch or a service. The service associated with the capsule is the service with the highest priority currently running. The associated switch is recommended based on the service or application currently used by the user, and after the switch recommendation is completed, the service with the highest priority currently running other than the service displayed in the first capsule area or other automatically recommended switches are automatically displayed.

[0119] For example, in one example, the two services with the highest priority currently running are taxi travel service and flight travel service, and the taxi travel service has a higher priority than the flight travel service. Therefore, the first capsule area displays the taxi travel service, and the second capsule area displays the flight travel service. If the user makes a voice call, the system will automatically recommend the voice enhancement service. Since the voice call service has a higher priority than the taxi travel service and the flight travel service, Figure 4A As shown in (1), the first capsule area 611 displays the icon of the voice call service, and at the same time, the second capsule area 612 displays the icon of the recommended voice enhancement switch. The user can directly click on this icon to switch the switch on / off.

[0120] In one embodiment, the on / off state of the switch can be indicated by the color of the switch icon displayed in the second capsule area 612. For example, gray can be used to indicate the off state, and blue can be used to indicate the on state. Of course, other colors can also be used to indicate the on or off state. This application does not limit this.

[0121] If the user turns on the voice switch or does not operate for a preset period of time, and the voice call service and the taxi travel service have not ended, the first capsule area 611 will still be the icon of the voice call service, and the voice enhancement switch in the second capsule area 612 will disappear and be updated to the icon of the taxi travel service. That is, after the automatic recommendation of the switch ends, the second capsule area will be updated from the icon of the recommended switch to the service with the highest priority currently running except the service displayed in the first capsule area.

[0122] Furthermore, if the voice call service ends, and the taxi travel service and the flight travel service have not ended, the first capsule area 611 is updated from the icon of the voice call service to the icon of the taxi travel service, and at the same time, the second capsule area 612 is updated from the icon of the taxi travel service to the icon of the flight travel service.

[0123] In another example, the first capsule area of ​​the status capsule displays a taxi travel service, and the second capsule area displays a flight travel service. If the user starts a video call (such as the video call function of a phone app or a third-party instant messaging app) and enters another application interface (such as the desktop), a beauty service is automatically recommended. In this case, Figure 4B As shown in (1), the first capsule area 631 is updated to the icon of the video call service, and the second capsule area 632 is updated to the icon of the beauty switch. In this way, the user can directly operate the beauty switch in the second capsule area without having to enter the beauty setting interface layer by layer, thereby reducing the complexity of adjusting the beauty switch in the video call scenario and improving the operating efficiency.

[0124] Of course, other switches associated with this scenario can also be automatically recommended based on other application scenarios. For example, when it is detected that the terminal device turns on a service that requires Bluetooth communication (such as wireless screen projection, scanning code to use a car, etc.), the Bluetooth switch can be automatically recommended and the Bluetooth switch icon can be displayed in the second capsule area. I will not go into details here.

[0125] In this embodiment, the following interactive operations can be performed on the capsule:

[0126] 1) Click or long press the service capsule to expand it into a card

[0127] The terminal device responds to Figure 4A Click or long press the first capsule area 611 shown in (1) to jump to Figure 4A The interface shown in (2), that is, the first capsule area (or service capsule) is expanded into a card 613. The card 613 is located at the top of the screen and the card color is black, so that the card can be integrated with the front camera hole to form a complete card style, and at the same time, the abruptness of the front camera hole can be reduced.

[0128] The content displayed on the card is related to the associated service. For example, the telephone service Figure 4A As shown in (2), card 613 may include the name or avatar of the current contact, and control buttons for telephone services, such as speaker, hang up, etc. The user can directly operate the control buttons on the card without opening the telephone service interface, thereby improving control efficiency.

[0129] Similarly, click or long press Figure 4B The first capsule area 631 shown in (1) jumps to Figure 4B The interface shown in (2) includes a video call card 633, which is located at the top of the screen and is black in color, so that the card can be integrated with the front camera hole to reduce the abruptness of the front camera hole. Card 633 includes the name, avatar and control buttons of the video call party, such as mute, camera, speaker, hang up, etc. The user can directly operate the buttons on the card.

[0130] In addition, the terminal device shrinks into a capsule 610 in response to the upward sliding operation of the card 613. Figure 4A The interface shown in (2) jumps to Figure 4A The interface shown in (1).

[0131] 2) Click or long press the control capsule to expand it into a switch card

[0132] The terminal device responds to Figure 4A Click or long press the second capsule area 612 shown in (1) to jump to Figure 4A The interface shown in (3) is that the right part of the capsule (or control capsule) is expanded into a switch card 614. The control switch card is located at the top of the screen and can be black in color. The switch card can be integrated with the front camera to reduce the abruptness of the front camera hole.

[0133] The switch card 614 in this example includes a standard switch 615, a vocal enhancement switch 616, and a wide spectrum switch 617. In this way, the user does not need to jump to the sound setting interface, and can directly control the corresponding switch to be turned on or off through the switch card, which reduces the user's operations and improves control efficiency.

[0134] Similarly, click or long press Figure 4B The second capsule area 632 shown in (1) jumps to Figure 4B The interface shown in (3), that is, the second capsule area 632 is expanded into a switch card 634, and the switch card 634 is black, which reduces the abruptness of the front camera hole.

[0135] like Figure 4BAs shown in (3), the switch card 634 includes a skin resurfacing adjustment button 635 and a whitening adjustment button 636. The user can directly adjust these two buttons to adjust the degree of beautification, thereby improving control efficiency.

[0136] In addition, in response to the operation of the switch in the switch card, the terminal device updates the icon displayed in the second capsule area to the switch selected by the user. For example, the user turns on the wide spectrum switch 617 in the card 614, and the second capsule area 612 is correspondingly updated to the icon of the wide spectrum switch.

[0137] 3) Swipe down the service capsule to enter the notification center

[0138] The terminal device responds to the sliding operation on the left service capsule in the capsule and jumps to the interface of the notification center. That is, the service capsule in the capsule is the entrance to the notification center. In this example, the priority from high to low is voice call service (or video call service) > taxi travel service > flight travel service, so Figure 4A In the example shown in (4), the card 620 for the telephone service is ranked first. Figure 4B In the example shown in (4), the card 637 for the video call service is ranked first, followed by the taxi travel service and the flight travel service.

[0139] 4) Slide down the control capsule to enter the control center

[0140] The terminal device jumps to the interface of the control center in response to the sliding operation on the right part of the capsule (i.e., the control capsule). That is, the control capsule is the entrance to the control center, through which the control center can be quickly entered, reducing user operations and improving the speed and efficiency of entering the control center.

[0141] like Figure 4A As shown in (5), the control center includes multiple quick switches, such as a control switch card 801 for controlling the microphone mode, a card 802 for controlling music playback, a volume adjustment button 805, a screen brightness adjustment button 804, and other switches 803. Figure 4B As shown in (5), the control center may also include a skin resurfacing adjustment switch 641 and a whitening adjustment switch 642.

[0142] 5) The upward sliding capsule disappears

[0143] The terminal device responds to a swipe up operation or a tap-swipe up operation on the capsule, and the capsule disappears. When the service status information corresponding to the capsule is updated or the recommended switch changes, the capsule is displayed again in the status bar.

[0144] In summary, the present embodiment can display information of a service and a switch in the same capsule, that is, divide a capsule into a service capsule and a control capsule, and the user can perform corresponding operations on the service capsule or the control capsule to jump to the interface corresponding to the operation, for example, to view the corresponding service notification, the user does not need to enter the notification center to view the notification, or to turn on or off the corresponding switch by operating the control capsule, without entering the control center to control the switch. Therefore, user operations are reduced and the efficiency of users viewing notifications or switch status is improved.

[0145] 2. Display of multiple capsule notifications

[0146] 1. Combination method of multiple capsules and front camera hole 1

[0147] In this embodiment, when there are multiple status capsules, the status bar only displays the first status capsule. At the same time, in order to indicate that there are other status capsules, an expansion mark can be displayed below the status capsule, and the area where the status capsule is located can be slid down to display other status capsules after the first one.

[0148] like Figure 5 As shown in (1), the status bar 420 includes a status capsule 421. The status capsule 421 is black and integrated with the front camera hole to present a complete status capsule style. In addition, the status capsule 421 may also include an expansion mark 425 below.

[0149] In this embodiment, the following interactive operations can be performed on the state capsule:

[0150] 1) Click / long press the capsule to expand it into a card

[0151] In response to the click or long press operation on the status capsule 421, the terminal device jumps to Figure 5 In the interface shown in (2), the status capsule 421 is expanded into a card 430. At the same time, other status capsules are displayed below the card 430, such as the flight status capsule 431 and the takeaway status notification 432 in this example. In addition, a collapse indicator 433 can also be displayed below other status capsules.

[0152] In this embodiment, the card 430 is located at the top of the screen and the card color is black, so that the card 430 can be integrated with the front camera hole to reduce the abruptness of the front camera hole.

[0153] 2) Swipe down to enter the notification center

[0154] The terminal device responds to the downward operation of the capsule 421 and jumps to Figure 5The interface shown in (3) is the notification center. The notification center includes notification cards for each service. The arrangement order of each card is the same as that of the capsule. The content of the card is the same as that of the capsule. Figure 1 The same as (4) above, which will not be described here.

[0155] 3) Click / long press other capsules to expand them into cards, and the current card shrinks into a capsule

[0156] The terminal device responds to Figure 5 The state capsule 431 shown in (2) is clicked or long pressed, and the operated state capsule is expanded as shown in Figure 5 Card 441 shown in (4). At the same time, Figure 5 The card 430 shown in (2) is shrunk into a status capsule 421. Moreover, the status capsule 421 is located above the card 441 and at the status bar. The status capsule 421 is black and integrated with the front camera hole. The status capsule 432 and the collapse mark 433 are located below the card 441. That is, the clicked status capsule is expanded into a card, and the order of the card is the same as that of the status capsule.

[0157] In addition, card 441 is located below the front camera hole and does not need to cover the front camera hole, so the card color of card 441 may not be black. For example, its color may be the same as the interface color of the service corresponding to the card. For example, the card displays a notification of a taxi travel service, and the color of the card is the same as the interface color of the map APP where the taxi travel service is located.

[0158] 4) Swipe left to remove the card, and the capsule below will move up to fill the space and expand into a card

[0159] In response to Figure 5 The left swipe operation of the card 430 shown in (2) jumps to Figure 5 The interface shown in (5) is that card 430 is removed, and at the same time, status capsule 431 located below card 430 moves up and expands to become card 441, and card 441 is black and integrated with the front camera hole. Takeaway status capsule 432 moves up to fill the position of status capsule 431. That is, from top to bottom, there are card 441 and status capsule 432. In addition, a retract mark 433 located below status capsule 432 may also be included.

[0160] 5) Slide up the card to shrink into a capsule

[0161] The terminal device responds to Figure 5 Slide up the status capsule display area of ​​the interface shown in (2) or (4) to shrink the card into a status capsule and hide other status capsules, that is, jump to Figure 5 The interface shown in (1).

[0162] In addition, the terminal device responds to Figure 5 By sliding up the status capsule 421 shown in (1) or tapping and sliding up, the status capsule 421 and the expansion mark 425 disappear.

[0163] 2. Combination method 2 of multiple capsules and front camera hole

[0164] In this embodiment, the capsule display area is located in the middle of the status bar, and the capsule display area is used to display at least two status capsules partially overlapping in the horizontal direction, and the status capsule located at the top layer is integrated with the front camera hole. The status capsules can be switched left and right by sliding the status capsules left and right. For example, sliding right on the status capsule located at the top layer displays the next status capsule of the status capsule, and the sliding right operation is continued until the last status capsule is displayed, and a maximum of 5 status capsules can be displayed.

[0165] In one example, if Figure 6 As shown in (1), the capsule display area 450 located in the middle area of ​​the status bar 420 includes two status capsules 451 and 452 partially overlapped in the horizontal direction.

[0166] The status capsule 451 is located on the top layer and on both sides of the front camera hole. The status capsule is black and blends in with the front camera hole, which is also black, to present a complete capsule.

[0167] Status capsule 452 is located at the lower layer of status capsule 451 . Status capsule 452 does not need to be integrated with the front camera hole, so the color of status capsule 452 may not be black. For example, its color may be the same as the color of the application interface of the associated service.

[0168] 1) Swipe right to display the next capsule, swipe left to display the previous capsule

[0169] In response to the right sliding operation on the status capsule 451 at the top layer, the terminal device jumps to Figure 6 The interface shown in (2) is that status capsule 451 disappears, status capsule 452 is displayed on the top layer, and the color of status capsule 452 is changed to black, that is, swiping right on the top capsule switches to the next status capsule 452. At the same time, the capsule under the top capsule switches to status capsule 453 under status capsule 452, that is, the status capsule moves right. In addition, the color of the bottom status capsule 453 can be the same as the color of the application interface of the service associated with the capsule.

[0170] The terminal device responds to Figure 6 Swipe left on the status capsule display area shown in (2) to jump to Figure 6 The interface shown in (1) shows the effect of the status capsule moving to the left.

[0171] Figure 6 The example is two capsules partially overlapping in the horizontal direction. In actual application, three or more capsules may partially overlap.

[0172] 2) Click or long press the top capsule to expand it into a card and display other capsules in the status bar

[0173] The terminal device can also respond to a click or long press operation on the status capsule at the top level, and the top status capsule can be expanded into a card below the status bar, and the capsule display area in the status bar can display other capsules after the top status capsule in sequence.

[0174] For example, in this example, clicking or long pressing state capsule 451 jumps to Figure 6 In the interface shown in (3), status capsule 451 is expanded into card 454 and is located below the status bar. The capsule display area of ​​the status bar displays other capsules after status capsule 451 in order, that is, the top layer displays status capsule 452, and the next layer is status capsule 453, and status capsule 452 is black.

[0175] 3) Slide up the card to shrink into a capsule

[0176] In one embodiment, the terminal device responds to Figure 6 The slide up operation of the card 454 shown in (3) returns to Figure 6 In the interface shown in (1), card 454 is shrunk into state capsule 450. At the same time, the service corresponding to the state capsule in the lower layer of state capsule 450 is updated to the service next to the taxi travel service, such as flight travel service.

[0177] 4) Swipe down to enter the notification center

[0178] Slide down capsule 451 to jump to Figure 6 The interface shown in (4) is the notification center, and the order of the cards in the notification center is the same as the order of the status capsules.

[0179] 5) The upward sliding capsule disappears

[0180] In addition, in response to a swipe-up operation or a tap-swipe-up operation on the top-level status capsule, the terminal device causes the status capsule to disappear until the status of the service corresponding to the status capsule is updated, and then the status capsule is displayed again.

[0181] In summary, when the capsule is combined with the front camera hole and there is a scenario where the capsule needs to be displayed, the information of multiple capsules can be displayed in the status bar. All capsule notifications can be viewed by performing corresponding operations on the capsules in the status bar. In this way, the information of all important notifications can be known at a glance without entering the notification center to view important notifications one by one, thereby improving the efficiency of viewing multiple important notifications.

[0182] 3. One capsule is associated with two services, and multiple service notifications are to be displayed

[0183] In this embodiment, Figure 3 Similar to the illustrated embodiment, one capsule can display notification information of two services. When a portion of the left / right side capsule is clicked or long pressed, the portion of the capsule is expanded into a card, and other capsules are displayed below the card.

[0184] In this example, if Figure 7 As shown in (1), capsule 511 on the left side of capsule 510 is associated with a taxi travel service and displays the icon of the service. Capsule 512 on the right side of capsule 510 is associated with a flight travel service and displays the icon of the service.

[0185] 1) Click or long press a capsule to expand it into a card and display other capsules

[0186] The terminal device responds to Figure 7 Click or long press the capsule 511 on the left side of the capsule shown in (1) to jump to Figure 7 The interface shown in (2) is that the left part of the capsule is unfolded into a card 513 and is located at the top of the screen. The card color of the card 513 is black and can be integrated with the front camera hole.

[0187] Status capsules of other services are displayed in sequence below card 513 , and the complete capsule (i.e., capsule 515 ) corresponding to the service associated with partial capsule 512 on the right is ranked first, that is, capsule 515 is ranked after card 513 and before capsule 516 .

[0188] The capsules of other services (such as capsule 516 of food delivery APP) not associated with capsule 510 are arranged in order from early to late according to the time of receiving service notification. In addition, a folding mark 517 is also included below the other capsules.

[0189] Similarly, the terminal device responds to Figure 7 Click or long press the capsule on the right side of the capsule shown in (1) to jump to Figure 7 In the interface shown in (3), the right part of the capsule is expanded into card 514. Notifications of other services are arranged in the form of complete capsules below card 514, and the complete capsule corresponding to the capsule-associated service on the left side of capsule 510 (i.e., capsule 518) is located below card 514 and above other complete capsules.

[0190] It can be seen that after capsule 510 is clicked or long pressed, the operated part of the capsule is expanded into a card form, and capsules of other services are displayed in sequence below the card. Moreover, the complete capsules corresponding to the unoperated part of capsule 510 are arranged after the card and before other capsules.

[0191] 2) Swipe down the capsule to jump to the notification center

[0192] The interactive effect of the capsule 510 sliding down Figure 3 The same as the embodiment shown, that is, slide down the capsule 510 and jump to Figure 7 The interface of the notification center shown in (4) will not be described in detail here.

[0193] 3) Click or long press the capsule below the card to expand it into a card

[0194] For example, click or long press Figure 7 Capsule 518 shown in (3) jumps to Figure 7 In the interface shown in (5), card 514 is shrunk into capsule 519, capsule 518 is expanded into card 520, and capsule 519 is located in the capsule display area of ​​the status bar, and capsule 516 is displayed below card 520.

[0195] like Figure 7 As shown in (5), the left display area of ​​the capsule 519 displays the service icon, and the right display area displays the service status information. Moreover, the capsule 519 is located in the top center of the screen, and the color is black to cover the front camera hole.

[0196] In one embodiment, a stowage mark 517 may also be displayed below the capsule 516 .

[0197] 4) Slide up the card to shrink into a capsule

[0198] The terminal device responds to Figure 7 By sliding up the card and capsule display area shown in (2) or (3) or (5), the card shrinks into a capsule and hides the capsules corresponding to the services not associated with capsule 510, that is, jumping to Figure 7 The interface shown in (1).

[0199] In addition, in response to Figure 7 The capsule 510 shown in (1) is slid up or tapped to slide up, and the capsule 510 disappears. When the service status information corresponding to the capsule is updated or the recommended switch changes, the capsule is displayed again in the status bar.

[0200] To sum up, in the notification display method provided in this embodiment, the capsule displayed in the status bar is located near the front camera hole of the screen, and the capsule is displayed in black and integrated with the front camera hole, that is, the front camera hole and the capsule are integrated to present the style of a complete capsule, reducing the abruptness brought by the front camera hole.

[0201] Furthermore, when there are two service notifications that need to be displayed, the left and right display areas of the capsule can display the information of the two service notifications, such as service icons, respectively, so that the user can know the status of the background running services through the service icons displayed on the capsule. Moreover, the specific status information of the background running services can be obtained by operating the capsule, such as clicking or sliding down, which improves the efficiency of users getting important notifications.

[0202] 3. Interactive Operations of Dynamic Notifications

[0203] 1) Click / long press to enter the application interface

[0204] The terminal device responds to Figure 8 Click or long press the card 410 shown in (1) to jump to Figure 8 The application interface shown in (2) is shown in FIG. 1 . For example, in this example, it is an application for a taxi travel service, that is, the interface of a map APP.

[0205] 2) Scroll down to enter the small window to display the service interface

[0206] In response to the sliding operation on the card 410, the terminal device jumps to the Figure 8 The interface shown in (3) is as follows: Figure 8 As shown in (3), the interface includes a desktop at the bottom layer and a small application window 140 at the upper layer of the desktop. The display area of ​​the small window 140 is smaller than the display area of ​​the screen. The small window 140 displays the application interface of the service corresponding to the card 410. In this example, the small window 140 displays the interface of the map APP.

[0207] In addition, the terminal device jumps to the Figure 8 The interface of the map APP shown in (2).

[0208] In one example, the small window 140 may also include a minimize button 141 and a close button 142. In response to the operation of the minimize button 141, the page is jumped to Figure 8 The interface shown in (4) is that the small window 140 shrinks into a capsule 421. In response to the operation of the close button 142, jump to Figure 8 The interface shown in (5) closes the small window 140 and does not display the capsule.

[0209] 3) Slide up the card to shrink into a capsule

[0210] In response to the upward sliding operation on the card 410, the terminal device jumps to the Figure 8 In the interface shown in (4), the card 410 disappears, and the status capsule 421 is displayed in the status bar.

[0211] In addition, if there is no other operation after the card 410 is displayed for a preset time, the card disappears and a status capsule is displayed. For example, if there is no operation for 5 seconds, the card 130 is abbreviated to the status capsule 111. The card automatically disappears after staying for a preset time after the task is completed, such as the card automatically disappears after staying for 5 seconds after the taxi trip is completed.

[0212] 4. Multi-capsule sorting rules

[0213] Capsules have the characteristics of global visibility and strong perception. Therefore, in scenarios where multiple service notifications need to be presented in the form of capsules, the business attributes of the services need to be comprehensively considered.

[0214] In one embodiment, the service attributes may include manual termination and automatic termination.

[0215] Manual end means that the task status is not time-sensitive and you must click the end button of the task (APP) to end the task status. For example, services with manual end attributes include calls, recordings, sports and health, alarms, timers, express delivery, etc.

[0216] Automatic termination means that the task status is time-sensitive and will be automatically terminated after a natural time or a certain node. For example, services with automatic termination attributes include downloading, taxis, flights, trains, subways, movies, games, etc.

[0217] As shown in Table 1 below, the capsule ranking is determined based on the business attributes of the current top-status capsule and the business attributes of the new-status capsule:

[0218] Table 1

[0219]

[0220] The coverage principle shown in Table 1 is also applicable to the application scenario of three or more capsules.

[0221] For example, in one example, Figure 8 As shown, the display process of the capsule is as follows:

[0222] S101, determining to display a service notification of a first service in a capsule form.

[0223] For example, in one embodiment, according to the importance and urgency of the above-mentioned service notification, it is determined that the display scene of the service notification includes a capsule, and the current display scene is the display interface of other APPs. In this case, it is determined that the capsule needs to be used to display the service notification.

[0224] In one embodiment, the criterion for measuring the urgency is whether it is necessary to interrupt attention immediately to view, process or use the service immediately. For example, in one example, the urgency of the service notification may include very urgent, urgent, in progress, not urgent, etc.

[0225] In one embodiment, the criterion for measuring the importance is whether ignoring it will have a significant impact, such as loss of life, property, time, opportunity, etc. In one example, the importance of the service notification may include very important, important, generally important, and unimportant.

[0226] For urgent and important services, that is, users need to be notified of this service in various application scenarios to ensure that users will not miss the notification. The display scenarios of such service notifications include status capsules. For example, the taxi travel services, flight travel services, food delivery services and other services that users are very concerned about mentioned above can display their service status through global status capsules, that is, status capsules can be displayed in various display scenarios.

[0227] S102, determining the number of capsules to be displayed; if it is a single capsule, executing S103; if there are at least two capsules to be displayed, executing S104.

[0228] This step is to determine whether the terminal device currently displays a capsule. If no capsule is currently displayed, that is, only the latest service needs to display a capsule, so the number of capsules is one, then S103 is executed.

[0229] If the terminal device currently displays capsules, and the latest service also needs to be displayed in the form of capsules, it is determined that the number of capsules is at least two.

[0230] S103: Display the service notification of the first service in a single capsule display style.

[0231] After executing S103, the process returns to executing S101, that is, continues to determine whether there is a next capsule to be displayed.

[0232] S104, determining display styles of the plurality of capsules.

[0233] For example, the multi-capsule display format can be the aforementioned Figure 6 The display style of the multiple capsules shown in (1), or, Figure 7 The display style of multiple capsules shown in (1).

[0234] S105, determining whether the business attribute of the current service is manual termination and the attribute of the new service is manual termination, if so, executing S106, if not, executing S107.

[0235] It is determined whether the service attribute of the service capsule currently displayed on top is manual termination, and whether the service attribute of the new service is manual termination; if both are yes, then continue to execute S106.

[0236] S106, the latest service capsule is pinned to the top until a new capsule replaces it.

[0237] For example, in one example, the capsule currently displayed on top is a call service, and the new service is a recording service, then the capsule of the recording service is displayed on top until another service capsule replaces the recording service capsule.

[0238] S107, determining whether the service attribute of the current capsule is automatically terminated and the service attribute of the new service capsule is manually terminated, if so, executing S108, otherwise executing S109.

[0239] For example, in one example, a taxi service capsule is currently displayed on top, and the new service is a call service, then it is determined that the service attribute of the current capsule is automatic termination, and the service attribute of the new service is manual termination.

[0240] S108, the service capsule that needs to be manually ended is placed on top.

[0241] The priority of manually ended services is higher than that of automatically ended services. Therefore, let's take the current top service capsule as an example: the taxi service and the new service is the call service. In this case, the call service capsule will be displayed on top. When the call service ends and there is no new service that needs to be displayed, the taxi service capsule will be displayed on top again.

[0242] If a new manual end service (such as a recording service) is started before the call service ends, the capsule of the latest manual end service will be displayed on top, that is, the capsule of the recording service will be displayed on top.

[0243] S109, determining whether the current capsule is automatically terminated and the new service capsule is also automatically terminated; if yes, executing S110; if not, executing S111.

[0244] For example, in one example, the capsule currently displayed on top is a taxi travel service, and the latest service is a flight travel service.

[0245] S110, the latest service capsule is pinned to the top until a new service capsule replaces it.

[0246] The priority of services that are automatically terminated is the same, so the capsule of the latest service is displayed on top. For example, if the current capsule is a capsule for taxi travel and the latest service is a flight travel service, the capsule of the flight travel service will be displayed on top. Until a new service appears, the capsule currently displayed on top will be replaced. For example, after the capsule of the flight travel service is displayed on top, a new automatically terminated service appears, such as a download service. In this case, the capsule displayed on top will be replaced by the capsule of the download service.

[0247] S111, determine whether the current capsule is manually ended and the new service capsule is automatically ended; if yes, execute S112.

[0248] After executing S111, the process returns to executing S101 to continue to determine whether there is a next capsule to be displayed.

[0249] S112, after the capsule that automatically ends the service is displayed on the top for a preset period of time, the last capsule that manually ends the service is displayed on the top again.

[0250] For example, in one example, the capsule currently displayed on top is a call service, and the latest service is a taxi service. In this case, after the capsule of the taxi service is displayed on top for a preset period of time (such as 10 seconds), the capsule of the call service is displayed on top again.

[0251] In one scenario, there may be multiple manually ended services at the same time, for example, call services and recording services, and the latest service is an automatically ended service, such as a taxi service. In this scenario, after the taxi service capsule is displayed at the top for 10 seconds, the status of the most recently triggered service among the multiple manually ended services will be re-displayed at the top. If the trigger time of the recording service is later than that of the call service, the status capsule of the recording service will be re-displayed at the top.

[0252] The display rules of the service capsules provided in this embodiment determine the status capsules to be displayed on top based on the business attributes of the current top displayed service and the latest service. This embodiment divides the business attributes of services into automatic termination and manual termination, and the priority of manually terminated services is higher than that of automatically terminated services. Usually, the status capsule of the latest service is displayed on top, and if the latest service is not a manually terminated service, the status capsule of the latest automatically terminated service is displayed on top for a preset period of time, and then the status capsule of the last manually displayed service is re-displayed on top. This allows users to quickly receive notifications of important services in other application interfaces.

[0253] The above is only a specific implementation of the present application, but the protection scope of the present application is not limited thereto. Any changes or substitutions within the technical scope disclosed in the present application should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.

Claims

1. A notification display method, characterized in that: Applied to an electronic device, the electronic device includes a front camera hole located at the top of the screen, and the method includes: A first interface is displayed, wherein the first interface includes a status bar and a first capsule notification located in the middle area of ​​the status bar, the first capsule notification includes a first capsule area located on the left side of the front camera hole, and a second capsule area located on the right side of the front camera hole, the first capsule area includes an icon of a first service, and the second capsule area includes an icon of a first switch for a second service.

2. The method according to claim 1, characterized in that The method further comprises: In response to a first operation on the second capsule area, a switch card is displayed on the first interface, the switch card covers the first capsule notification, the switch card includes the first switch and the second switch, the first switch is in a selected state, and the first function of the second service is turned on.

3. The method according to claim 2, characterized in that The method further comprises: In response to the operation of turning on the second switch of the switch card, the electronic device turns on the second function of the second service, and the second capsule area is updated from the icon of the first switch to the icon of the second switch.

4. The method according to claim 1, characterized in that: The method further comprises: In response to a first operation on the second capsule area, a switch card is displayed on the first interface, the switch card covers the first capsule notification, the switch card includes the first switch and the second switch, the adjustment button of the first switch is in the first position of the adjustment progress bar, and the first function of the second service achieves an effect matching the first position.

5. The method according to claim 4, characterized in that The method further comprises: In response to a sliding operation on the adjustment button of the second switch, the electronic device adjusts an effect corresponding to the second function of the second service.

6. The method according to any one of claims 1 to 5, characterized in that: The method further comprises: In response to a sliding operation on the second capsule area, a control center interface is displayed, where the control center interface includes the first switch.

7. The method according to any one of claims 1 to 6, characterized in that: The method further comprises: In response to an operation on the first switch of the second capsule area, or when no operation on the first switch is detected within a preset time period after the first switch is displayed, the second capsule area updates the status information of the first service.

8. The method according to any one of claims 1 to 7, characterized in that: The method further comprises: In response to a sliding operation on the first capsule area, a notification center interface is displayed, where the notification center interface includes a first card, and the first card includes status information of the first service.

9. The method according to any one of claims 1 to 8, characterized in that: The method further comprises: In response to a second operation on the first capsule area, a second card is displayed on the first interface, the second card covers the first capsule notification, and the second card includes status information of the first service.

10. The method according to any one of claims 7 to 9, characterized in that: The electronic device includes capsule notifications of at least two services, the first interface also includes an expansion mark located below the first capsule notification, and the method further includes: In response to a third operation on the first capsule notification display area, a third card and a second capsule notification arranged from top to bottom are displayed on the first interface, the third card covers the first capsule notification, the third card includes status information of the first service, and the second capsule notification includes status information of the third service.

11. The method according to claim 10, characterized in that The method further comprises: In response to a fourth operation on the second capsule notification, a first capsule notification and a fourth card are displayed on the first interface arranged from top to bottom, the first capsule notification is located in the middle area of ​​the status bar, the first capsule notification includes status information of the first service, and the fourth card includes status information of the third service.

12. The method according to claim 10 or 11, characterized in that: The method further comprises: In response to a fifth operation on the third card, a fourth card is displayed on the first interface, wherein the fourth card includes status information of the third service.

13. The method according to any one of claims 9 to 12, characterized in that: The method further includes: displaying the first interface in response to a swiping-up operation on an area displaying a capsule notification or a card.

14. The method according to any one of claims 7 to 9, characterized in that: The electronic device includes capsule notifications of at least two services, and the status bar of the first interface also includes a second capsule notification, which is located at a lower layer of the first capsule notification, and the first capsule notification covers a portion of the display area of ​​the second notification capsule.

15. The method according to claim 14, characterized in that The first capsule notification covers a right portion of the second capsule notification, and the method further includes: In response to a right swipe operation on the first capsule notification, displaying the second capsule notification on top; In response to a left swipe operation on the second capsule notification displayed on top, a first capsule notification is displayed on an upper layer of the second capsule notification, and the first capsule notification covers a partial area on the right side of the second capsule notification.

16. The method according to claim 14, characterized in that The method further comprises: In response to a sixth operation on the first capsule notification, a fifth card is displayed on the first interface, the fifth card is located below a status bar, the status bar includes a second capsule notification, the fifth card includes status information of the first service, and the second capsule notification includes status information of the third service.

17. The method according to any one of claims 1 to 6, characterized in that: The method further comprises: In response to an operation on the first switch of the second capsule area, or no operation is detected within a preset time after the first switch is displayed, the second capsule area is updated to an icon of a third service, and the third service is a service with the highest priority currently running except the first service, and the priority of the first service is higher than that of the third service.

18. The method according to claim 17, characterized in that The electronic device has capsule notifications corresponding to two services, and the method further includes: In response to a seventh operation on the second capsule area, a sixth card is displayed on the first interface, the sixth card covers the first capsule notification, and the sixth card includes an icon and status information of the third service.

19. The method according to claim 17, characterized in that The electronic device includes capsule notifications corresponding to at least three services, and the method further includes: In response to an eighth operation on the first capsule area, a seventh card, a third capsule notification, and a fourth capsule notification are displayed on the first interface in order from top to bottom, the seventh card covers the first capsule notification, the seventh card includes status information of the first service, the third capsule notification includes status information of the third service, and the fourth capsule notification includes status information of the fourth service; In response to a ninth operation on the second capsule area, an eighth card, a fifth capsule notification and a sixth capsule notification are arranged in sequence from top to bottom on the first interface, the eighth card covers the first capsule notification, the eighth card includes status information of the third service, the fifth capsule notification includes status information of the first service, and the sixth capsule notification includes status information of the fourth service.

20. The method according to claim 19, characterized in that The method further comprises: In response to the tenth operation on the third capsule notification, a seventh capsule notification, a ninth card and an eighth capsule notification arranged from top to bottom are displayed on the first interface, the seventh capsule notification includes status information of the first service, and the ninth card includes status information of the third service.

21. The method according to any one of claims 10 to 20, characterized in that: The method further comprises: When there are at least two capsule notifications, the arrangement order is determined according to the service attributes of each capsule notification, wherein the service attributes include the termination mode of the service corresponding to the capsule notification, and the termination mode includes manual termination and automatic termination. If the service attributes corresponding to the current top-pinned capsule notification and the latest capsule notification are both manually ended, the latest capsule notification is pinned and displayed; If the service attribute of the current top-pinned capsule notification is automatically ended, and the service attribute of the latest capsule notification is manually ended, the latest capsule notification is pinned and displayed; If the service attributes corresponding to the current top-pinned capsule notification and the latest capsule notification are both automatically ended, the latest capsule notification is pinned and displayed; If the service attribute of the current pinned capsule notification is manual termination and the service attribute of the latest capsule notification is automatic termination, the latest capsule notification is pinned and displayed for a preset time period, and then the last manually terminated capsule notification is pinned and displayed again.

22. An electronic device, characterized in that: The electronic device includes: one or more processors, a memory and a touch screen; the memory is used to store program code; the processor is used to run the program code, so that the electronic device implements the notification display method as described in any one of claims 1 to 21.

23. A computer-readable storage medium, characterized in that: Instructions are stored thereon, and when the instructions are executed on an electronic device, the electronic device executes the notification display method as described in any one of claims 1 to 21.

Images