CN119166006A

CN119166006A - Notification display method and related device

Info

Publication number: CN119166006A
Application number: CN202310734049.9A
Authority: CN
Inventors: 丁一晏; 黄丽薇; 钱凯; 焦骏婷
Original assignee: Honor Device Co Ltd
Current assignee: Honor Device Co Ltd
Priority date: 2023-06-19
Filing date: 2023-06-19
Publication date: 2024-12-20
Also published as: WO2024260018A9; WO2024260018A1

Abstract

The application provides a notification display method, which is applied to electronic equipment with a front camera hole arranged at the top of a screen, wherein the method displays a capsule notification in the middle area of a status bar, the capsule notification is black, so that the capsule notification and the front camera hole are integrated into a whole, a complete capsule form is presented, and the abrupt sense of the front camera hole is reduced. Moreover, the capsule notification includes a first capsule region and a second capsule region, the first capsule region being located to the left of the front camera aperture and the second capsule region being located to the right of the front camera aperture. The first capsule region comprises the icon of the first service, and the second capsule region comprises the icon of the first switch, so that a user can directly operate the switch of the second capsule region without entering the page or the 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

Notification display method and related device

Technical Field

The present application relates to the field of terminal devices, and in particular, to a notification display method and a related device.

Background

With rapid development of intelligent terminal technology, application (APP) and service types are increasing, and notification messages of the APP and service are also increasing. The current wide variety of notification messages for APP or services results in inefficiency in the user's acquisition of important notification information.

Disclosure of Invention

In view of the above, the present application provides a notification display method and related device to solve at least some of the above problems, and the disclosed technical solution is as follows:

In a first aspect, the application provides a notification display method applied to electronic equipment, wherein the electronic equipment comprises a front camera hole positioned at the top of a screen, and the method comprises the steps of displaying a first interface, wherein the first interface comprises a status bar and a first capsule notification positioned in the middle area of the status bar, the first capsule notification comprises a first capsule area positioned at the left side of the front camera hole and a second capsule area positioned at the right side of the front camera hole, the first capsule area comprises an icon of a first service, and the second capsule area comprises an icon of a first switch of a second service. Therefore, the scheme can display the state information of one service and one switch in one capsule, in other words, the one capsule is divided into two capsule areas to respectively display different services and switches, and a user can directly operate the switch displayed by the capsule to realize the switching of the switch state without entering a control center or a switch setting page to control the switch, so that the operation of the user is reduced, and the efficiency of operating the switch is improved.

In one possible implementation of the first aspect, the method further includes displaying a switch card on the first interface in response to a first operation on the second capsule region, the switch card overlaying the first capsule notification, the switch card including a first switch and a second switch, the first switch being in a selected state, a first function of the second service being on. In one example, clicking or long pressing the second capsule region 612 shown in fig. 4A (1) expands into a switch card as shown in fig. 4A (3). The switch card comprises other switches related to the functions of the first switch, so that a user can directly select other switches on the switch card without entering a control center or a switch setting page, the operation of the user is reduced, and the efficiency of operating the switch is improved.

In a first possible implementation manner of the first aspect, the method further includes, in response to an operation to turn on a second switch of the switch card, the electronic device turning on a second function of the second service, and the second capsule region is updated from an icon of the first switch to an icon of the second switch. Therefore, after the user opens the second switch on the switch card, the icon of the corresponding second capsule region is updated accordingly, so that the user can directly operate the icon of the second switch of the second capsule region when the user needs to close the second switch, and the switch operation efficiency is improved.

In a first possible implementation manner of the first aspect, the method further includes displaying a switch card on the first interface in response to the first operation on the second capsule region, the switch card covering the first capsule notification, the switch card including a first switch and a second switch, an adjustment button of the first switch being in a first position of the adjustment progress bar, a first function of the second service achieving an effect that matches the first position. Therefore, when the second capsule area is operated to be unfolded into the switch card, the adjusting buttons of the sliding switch can adjust corresponding functional effects, such as a skin grinding switch and a whitening switch, without entering a control center interface or a switch setting page, so that the operation of the adjusting switch is reduced, and the switch operation efficiency is improved.

In a first possible implementation manner of the first aspect, the method further includes, in response to a sliding operation of the adjustment button of the second switch, the electronic device adjusting an effect corresponding to the second function of the second service. In one possible implementation, the second capsule region is updated from the icon of the first switch to the icon of the second switch.

In a first possible implementation of the first aspect, the method further comprises displaying a control center interface in response to a sliding down operation on the second capsule region, the control center interface comprising a first switch. It can be seen that the second capsule region is an entrance to the control center, which can be accessed by sliding down the second capsule region.

In a first possible implementation manner of the first aspect, the method further includes, in response to an operation of the first switch of the second capsule region, or in a preset period of time after displaying the first switch, not detecting the operation of the first switch, updating the second capsule region to the state information of the first service. It can be seen that if the user turns on the switch displayed in the second capsule region and does not perform any operation within the preset time, the second capsule region is updated to the state information of the first service by the first switch, that is, the first capsule region displays the icon of the first service, and the second capsule region displays the state information of the first service. After determining that the user no longer needs the first switch, the second capsule region displays state information of the first service which is possibly more focused by the user, so that the user can conveniently know the state of the first service in time.

In a first possible implementation manner of the first aspect, the method further includes displaying a notification center interface in response to the sliding operation on the first capsule region, 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 one entrance to the notification center through which the user can quickly enter the notification center.

In a first possible implementation of the first aspect, the method further comprises displaying a second card on the first interface in response to a second operation on the first capsule region, the second card overlaying the first capsule notification, the second card including status information of the first service. It can be seen that clicking or long pressing the first capsule region expands the first capsule region into a card, which includes more detailed status information of the first service, so that the user can more comprehensively learn the status information of the first service, and user experience is improved.

In a first possible implementation manner of the first aspect, the electronic device includes a capsule notification of at least two services, the first interface further includes a deployment identifier located below the first capsule notification, and the method further includes displaying, on the first interface, a third card and a second capsule notification arranged in sequence from top to bottom in response to a third operation on a display area of the first capsule notification, the third card covering the first capsule notification, the third card including status information of the first service, the second capsule notification including status information of the third service. Therefore, when the electronic equipment has the capsule notification of a plurality of services, the capsule notification displayed on the top can be unfolded into the card in the area where the capsule notification is located, and other capsule notifications are sequentially displayed on the card, so that a user can conveniently check the specific service state of the first capsule notification and check the states of other services, and the user experience is improved.

In a first possible implementation manner of the first aspect, the method further includes displaying, on the first interface, a first capsule notification and a fourth card arranged in sequence from top to bottom in response to a fourth operation on the second capsule notification, the first capsule notification being located in a middle area of the status bar, the first capsule notification including status information of the first service, the fourth card including status information of the third service. For example, clicking or long pressing a capsule notification below a card expands as a card, while at the same time, the card above the capsule notification contracts as a capsule notification, thus facilitating the user's view of the service status of the capsule notification that has not expanded as a card.

In a first possible implementation manner of the first aspect, the method further includes displaying a fourth card on the first interface in response to a fifth operation on the third card, the fourth card including status information of the third service. For example, the third card is slid left, the third card is removed, and at the same time, the capsule notification below the third card is unfolded into the card, and the user can remove the card which is not concerned according to the user's own needs, so as to display the service information which is more concerned by the user in the limited display space.

In a first possible implementation manner of the first aspect, the method further includes displaying a first interface in response to a slide-up operation of an area displaying the capsule notification or the card. For example, slide up the capsule notification or card displayed at the top of the first interface, retract to the first interface, i.e., the card shrinks to a capsule notification, and hide the non-topped capsule notification in the presence of multiple capsule notifications.

In a first possible implementation manner of the first aspect, the electronic device includes a capsule notification of at least two services, and the status bar of the first interface further includes a second capsule notification, the second capsule notification being located at a lower layer of the first capsule notification, the first capsule notification covering a portion of a display area of the second notification capsule. For example, as shown in fig. 6 (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 both capsule notifications at the same time and can know the service corresponding to the next capsule notification without performing an operation.

In a first possible implementation of the first aspect, the first capsule notification covers a right side portion area of the second capsule notification, the method further comprising, in response to a right-slide operation of the first capsule notification, topping the second capsule notification, in response to a left-slide operation of the second capsule notification displayed on the topping, displaying the first capsule notification on an upper layer of the second capsule notification, the first capsule notification covering the right side portion area of the second capsule notification. The capsule notification displayed on the right sliding top shows a capsule notification right-shifting effect, and the capsule notification displayed on the left sliding top shows a capsule left-shifting effect, so that a user can conveniently check state information corresponding to different capsule notifications.

In a first possible implementation of the first aspect, the method further includes displaying a fifth card on the first interface in response to a sixth operation of the first capsule notification, the fifth card being located below the status bar, the status bar including a second capsule notification, the fifth card including status information of the first service, the second capsule notification including status information of a third service. For example, clicking or long pressing the top-level capsule notification expands into a card that is positioned below the status bar where the other capsule notifications are displayed in sequence. Therefore, the user can conveniently check the detailed state information of the first service, and meanwhile, the information displayed by the next capsule notification of the first capsule notification can be checked, so that the checking efficiency of the user is improved.

In a first possible implementation manner of the first aspect, the method further includes, in response to an operation of the first switch of the second capsule region, or that no operation is detected within a preset time period after the first switch is displayed, updating the second capsule region to an icon of a third service, where the third service is a service that is currently running and has a highest priority than the first service, and the first service has a higher priority than the third service. Therefore, according to the scheme, when the user is determined not to need to operate the first switch any more, the second capsule region is updated to other services with higher priority, namely the first capsule region displays the first service, the second capsule region displays the third service, and the user checking efficiency is improved.

In a first possible implementation manner of the first aspect, the electronic device has a capsule notification corresponding to two services, and the method further includes displaying a sixth card on the first interface in response to a seventh operation on the second capsule region, the sixth card overlaying the first capsule notification, the sixth card including an icon and status information of the third service.

In a first possible implementation manner of the first aspect, the electronic device includes a capsule notification corresponding to at least three services, and the method further includes displaying, on the first interface, a seventh card, a third capsule notification, and a fourth capsule notification arranged in sequence from top to bottom in response to an eighth operation on the first capsule region, 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, the fourth capsule notification including status information of the fourth service, and in response to a ninth operation on the second capsule region, 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.

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

In a first possible implementation manner of the first aspect, the method further includes determining, when at least two capsule notifications exist, an arrangement order according to service attributes of each capsule notification, where the service attributes include an ending mode of a corresponding service of the capsule notification, the ending mode includes a manual ending and an automatic ending, displaying the latest capsule notification on the top if the service attributes corresponding to the currently-set capsule notification and the latest capsule notification are both manual ending, displaying the latest capsule notification on the top if the service attributes of the currently-set capsule notification are both automatic ending, displaying the latest capsule notification on the top if the service attributes corresponding to the currently-set capsule notification and the latest capsule notification are both automatic ending, displaying the latest capsule notification on the top if the service attributes of the currently-set capsule notification are both manual ending, displaying the latest capsule notification on the top for a preset time period after the latest capsule notification is manually ended, and displaying the last manually-ended capsule notification on the top again.

In a second aspect, the application also provides an electronic device comprising one or more processors, a memory and a touch screen, wherein the memory is used for storing program codes, and the processor is used for running the program codes so that the electronic device realizes the notification display method according to any one of the first aspect.

In a third aspect, the present application also provides a computer-readable storage medium having stored thereon instructions that, when executed on an electronic device, cause the electronic device to perform the notification display method of any of the first aspects.

In a fourth aspect, the present application also provides a computer program product, characterized in that it has stored thereon an execution, which when run on an electronic device causes the electronic device to implement the notification display method according to any of the first aspects.

It should be appreciated that the description of technical features, aspects, benefits or similar language in the present application does not imply that all of the features and advantages may be realized with any single embodiment. Conversely, it should be understood that the description of features or advantages is intended to include, in at least one embodiment, the particular features, aspects, or advantages. Therefore, the description of technical features, technical solutions or advantageous effects in this specification does not necessarily refer to the same embodiment. Furthermore, the technical features, technical solutions and advantageous effects described in the present embodiment may also be combined in any appropriate manner. Those of skill in the art will appreciate that an embodiment may be implemented without one or more particular features, aspects, or benefits of a particular embodiment. In other embodiments, additional features and advantages may be recognized in certain embodiments that may not be present in all embodiments.

Drawings

In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described, and it is obvious that the drawings in the following description are some embodiments of the present invention, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.

FIG. 1 is a schematic illustration of a status capsule provided by an embodiment of the present application;

FIG. 2A is a schematic diagram of a state capsule notification information refresh;

FIG. 2B is a schematic diagram of card information refreshing according to an embodiment of the present application;

FIG. 3 is a schematic view of another state capsule provided by an embodiment of the present application;

FIG. 4A is a schematic illustration of yet another state capsule provided by an embodiment of the present application;

FIG. 4B is a schematic illustration of yet another state capsule provided by an embodiment of the present application;

FIG. 5 is a schematic illustration of a multi-capsule display format provided by an embodiment of the present application;

FIG. 6 is a schematic illustration of another multiple capsule display format provided by an embodiment of the present application;

FIG. 7 is a schematic illustration of yet another multiple capsule display format provided by an embodiment of the present application;

FIG. 8 is a schematic diagram of the interaction of a card provided by an embodiment of the present application;

Fig. 9 is a flowchart of a multi-capsule overhead sequencing provided in an embodiment of the present application.

Detailed Description

The terms first, second, third and the like in the description and in the claims and in the drawings are used for distinguishing between different objects and not for limiting the specified order.

In embodiments of the application, words such as "exemplary" or "such as" are used to mean serving as an example, instance, or illustration. Any embodiment or design described herein as "exemplary" or "e.g." in an embodiment should not be taken as preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplary" or "such as" is intended to present related concepts in a concrete fashion.

With the wide application of the full-face screen to the terminal device, the top of the screen of the terminal device is usually provided with a camera hole for setting a front camera, and when the screen lights up the display content, the front camera hole has no display pixels and cannot display the content, i.e. the front camera hole is black and is inconsistent with the display area of the screen.

In order to reduce the abrupt sense of the front-end camera hole, the embodiment of the application provides a status bar notification display scheme combined with the front-end camera hole, namely, a service notification is displayed at the front-end camera hole, for example, the service notification can be in a capsule style, the color of the capsule is black, the front-end camera hole is also black, and finally, the capsule and the front-end camera hole show a complete capsule form. Therefore, the user can quickly acquire the important notification of the service through the capsule notification displayed in the status bar, so that the efficiency of acquiring the important notification by the user is improved, and meanwhile, the abrupt sense of the front camera hole is reduced.

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

The notification display method provided by the embodiment of the application is applied to the electronic equipment with the front-end camera hole, and service notification information, namely a status capsule, is displayed in the status bar, wherein the status capsule is positioned in the middle of the status bar and comprises a first capsule region and a second capsule region, the first capsule region is positioned at the left side of the front-end camera hole, and the second capsule region is positioned at the right side of the front-end camera. And the state capsule is black and forms a complete capsule form with the front camera hole.

Taking the taxi taking service as an example to describe the notification display method provided by the application, for example, a user can take a taxi by using the taxi taking service in the map APP, and the user can set a starting point and a destination point in the map APP and initiate a taxi taking request. The service end platform corresponding to the taxi taking service sends a dispatch order in response to the taxi taking request until the whole journey is finished, the service end platform sends information of the current node to the taxi taking service, and the taxi taking service at the terminal equipment side receives notification messages of the important nodes and displays the notification messages to the user. For example, the entire trip may include important nodes waiting for a dispatch, the driver having received a dispatch, the driver going to a pick-up point, the driver reaching a pick-up point, going to a destination, the end of the trip, and so on.

1. Single capsule display scene

1. Capsule style with one capsule associated with one service

Associating a capsule with a service means that a status capsule can display notification information for a service.

In an example, for example, as shown in fig. 1 (1), the interface of the map APP mainly includes a map data display status bar 10, an area 101, and an optional vehicle type display area 102.

The status bar 10 is located at the top of the screen and may include the current status of the handset, such as a cellular network signal quality identifier, a wireless network signal quality, a battery level, a real-time, an application or service notification icon, etc., and may include other information that follows the status change. The status bar 10 shown in fig. 1 (1) is merely an example, and the location of each information in the status bar may not be limited to that shown in the figure, and a developer may flexibly adjust according to display requirements. The application does not limit the information content and the position of the status bar.

The area 101 is used to display map data, for example, an optional travel route planned according to a start point and an end point set by a user may be presented.

The area 102 is used to display selectable vehicle types, where the area 102 may display a plurality of selectable vehicle type entries, and each selectable vehicle type entry may include a selectable taxi platform (such as AA trip, BB taxi, CC trip), a required amount for the present trip, and a selection button 103. The user may click the selection button 103 to select or cancel the model corresponding to the selection button 103.

The area 102 further includes an "immediate call" button 104, and after receiving the click operation of the button 104 by the user, the terminal device initiates a taxi taking request and sends the request to the server, and the server responds to the taxi taking request to select a matched vehicle for the user.

For important service notification, after receiving the operation of the user exiting the current service interface, the terminal equipment jumps to other application interfaces, and displays a state capsule corresponding to the service in a state column, wherein the state capsule comprises a service icon and key information of an important node where the service is located. In this way, even if the user exits the service interface, the latest state of the service can be known from the state capsule, and the user is not influenced to use other applications or services.

The present example illustrates the display rules and style of the status capsule with the return of the taxi-taking travel service to the desktop APP.

The status bar is a status display bar common to different application programs in the mobile phone, for example, the display interfaces of different application programs of the mobile phone can all comprise status bars, and the content displayed by the status bars of the display interfaces of different application programs can be the same or different.

Returning from the drive-up travel service interface shown in fig. 1 (1) to the desktop 100 shown in fig. 1 (2), the content displayed in the status bar changes accordingly, and as shown in fig. 1 (2), the status bar 420 includes a status capsule 421. The status capsule 421 in this example is used to display important information of the driving travel service, so that the user can obtain important notification of the driving travel service in time.

The status capsule 421 is located in the middle area of the status bar, and the status capsule 421 is black, so that the status capsule 421 can be integrated with the black front camera hole, and presents a complete status capsule style.

The notification displayed at the status bar in this example is in the form of a capsule, and in other embodiments, the notification at the status bar may be in other shape styles, as the application is not limited in this regard.

As shown in fig. 1 (2), the status capsule 421 includes a first capsule region 422 located to the left of the front camera aperture and a second capsule region 423 located to the right of the front camera aperture.

In an embodiment, the first capsule region 422 may display a service icon, such as a drive-out service icon in this example. The second capsule region 423 may display key status information of a service, in this example, key information of a taxi-taking service, license plate number of a vehicle, estimated time, etc. Thus, the user is clear of the current state of the driving travel service.

In an exemplary embodiment, the second capsule region 423 displays key information of an important node where the service is currently located, and in case that the key information includes a plurality of character strings that cannot be displayed in the second capsule region at the same time, the key information may be divided into at least two character strings and the character strings may be displayed in the second capsule region 423 in a stream. In addition, the key information displayed in the second capsule region 423 may be switched according to different important nodes of the current service.

In an example, the key information includes two character strings, the two character strings are carousel for every first preset time period (for example, 2.5 s), the key information is displayed in a freeze mode after carousel for a second preset time period (for example, 5 s), and carousel is triggered again when no new state information exists in a third preset time period (for example, 1 min).

For example, the important node where the taxi-taking service is currently located is that the driver has picked up a sheet to go to the pick-up point, and the second capsule area 423 scrolls to display the license plate number of the sheet-taking vehicle and the estimated time to get to the pick-up point, that is, scroll to display "jing AXXXX" and "about 3 minutes". For example, the predicted time for the display to reach the boarding point is switched after displaying the license plate number for 2.5s, the license plate number is displayed after 5s in a stop motion mode, and the two information are triggered again after 1min if no new information exists.

Moreover, in some scenarios, the information displayed by the second capsule area 423 may be updated in real time along with the service status, for example, the important node (i.e., the service status) where the driving travel service of the present example is located is updated, and the content displayed by the status capsule 421 will also follow the update.

The following describes the state information switching/carousel procedure corresponding to the state capsule of the taxi-taking service with reference to fig. 2A:

A taxi trip may generally include important nodes of waiting for a platform dispatch, a driver having received a ticket and going to a pick-up point, arriving at a pick-up point, going to a destination, and ending the trip.

As shown in fig. 2A, the state capsule displays an icon of the driving travel service and key information of the current node, and alternately displays a character string corresponding to the key information. For example, in this example, the in-capsule flow displays a dispatch neutralization and has been waiting time, such as having been waiting for 01 minutes and 30 seconds. Each message in the same state is broadcasted once in turn every preset time period (for example, 2.5 s), and in this example, after being displayed for 2.5s in the "in the form of a menu", the message is switched to display the waiting time information, and the waiting time information is refreshed according to the actual waiting time period. And 5s after switching display, freezing the key information. No new information triggers the carousel switching again for 1 minute.

The state capsule displays the license plate number of the order receiving vehicle "Beijing AXXXXX" and the time to get to the get-on point "about 3 minutes" in turn. The rule of alternately displaying the character strings is the same as the rule of the alternate broadcasting of the waiting platform dispatch node, and is not repeated here.

The state capsule comprises icons of taxi taking travel service and license plate numbers of order receiving vehicles and arrived information which are displayed in turn. Alternatively, the waiting time after the vehicle arrives at the get-on point, that is, three pieces of information, namely, the license plate number, the arrived information and the waiting time, can be displayed.

The status capsule includes icons of travel services currently in the way to the destination node, and alternately displays information of the times "18:50 to" and "on-the-go" when the destination is expected to be reached.

The current trip is ended and the status capsule includes an icon of the taxi-taking travel service and information of "ended".

In addition, the current service end state stays for a preset time period, and if no operation or other notification information exists after the preset time period, the state capsule 111 automatically disappears. For example, after the driving stroke is finished, that is, the driving stroke reaches the destination, the state capsule displays the state of "finished" for 5 minutes, and no operation or other notification information is displayed within 5 minutes, and the state capsule automatically disappears.

The key information carousel mode of the same state and the key information refresh mode following different states displayed by the state capsule shown in fig. 2A are also applicable to other services, such as take-out, express delivery, subway travel, film viewing and other services, and the display content of the state capsule is adaptively changed according to the business characteristics of the other services, which are not described in detail herein.

1) The capsule is unfolded into a card in a clicking or long-pressing state

After receiving the click or long press operation of the user on the status capsule 421, the terminal device expands the status capsule into a card. That is, the user long presses the status capsule 421 shown in fig. 1 (2) to jump to the interface shown in fig. 1 (3).

The interface shown in fig. 1 (3) includes a desktop 100 at the bottom layer, and a card 410 at the top layer of the desktop 100. Card 410 includes a title area 411, an information area 412, a service status area 413, and a service icon 414.

In one embodiment, the card 410 is positioned on top of the screen and is black in color, such that the black card 410 and the black front camera aperture are integrated into a complete card pattern.

In other embodiments, the card 410 may be positioned under the status bar, in which case the card 410 may be a color other than black, such as the same as the interface color of the application or service the card displays, in which case the status capsule 421 is no longer displayed within the status bar. The present application does not particularly limit display information (e.g., card color, display position, etc.) of the card for which the operation state capsule is unfolded and displayed.

In some application scenarios (e.g., travel services), the content displayed in the information area 412 and the service status area 413 of the card 410 may also be refreshed in real-time according to the service status, and thus, the card 410 is also referred to as a dynamic notification.

The title area 411 includes a service icon and a service name, for example, the service of this example belongs to the category of travel reminder, specifically the name of map APP, such as XX map.

The information area 412 includes key information of important nodes of the service, for example, key information for displaying a node currently located in a driving trip in this example, such as a node where a driver is going to a driving point, and the displayed key information may include information such as a license plate number "jing AXXXX" of a picked-up vehicle, a vehicle color "white", driver information "master" and a time "about 2 minutes to reach" of a predicted driving point.

The service status area 413 includes a service progress bar that is visually and dynamically displayed, for example, a driving travel service of the map APP in this example, to display the progress of the node currently located. If the driver is in the stage of taking a bill and going to the on-coming point currently, the progress bar displays the travel progress of the single-taking vehicle to the on-coming point, and the distance between the single-taking vehicle and the on-coming point and the real-time road condition of the travel route (the route of the single-taking vehicle to the on-coming point) in the stage, namely the unobstructed or jammed route, are displayed in the progress bar in real time.

The service icon 414 may make it more intuitive for the user to learn the service to which the current dynamic notification corresponds. If the present example is a driving travel service in the map APP, a vehicle icon shown in the drawing is displayed.

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

As shown in FIG. 2B (1), currently at the waiting platform dispatch node, information area 412 displays "in platform dispatch, waiting 01:30", service status area 413 has no travel progress.

As shown in fig. 2B (2), the driver is currently at the pick-up point and is going to the pick-up point, the information area 412 displays the pick-up vehicle and the driver information, the service status area 413 displays the travel progress bar of the pick-up vehicle from the pick-up point (the end point of the travel) of the passenger at the current position, and displays the real-time position (i.e. the pick-up point) of the pick-up vehicle in the travel progress bar, and in addition, the progress bar may display the real-time road condition of the travel route.

As shown in fig. 2B (3), the current pick-up vehicle has reached the pick-up point, and the information area 412 displays the pick-up vehicle and the driver information, such as "jing AXXXX has reached the master white". The start point of the travel progress bar of the service status area 413 is updated to be the boarding point and the end point is updated to be the destination of the passenger, and at the same time, the real-time position of the receiving single vehicle in the travel route of the section and the real-time road condition of the route can be displayed.

As shown in fig. 2B (4), the information area 412 displays the estimated time and time of arrival at the destination, the remaining distance, and real-time road conditions. The service status area 413 displays the real-time position and road condition information of the current vehicle in the route to the destination.

As shown in fig. 2B (5), currently at the reached destination (i.e., end of travel), the information area 412 shows that the travel has ended. The vehicle position within the trip progress bar in the service status area 413 is updated as the destination.

The present embodiment only uses the driving travel service as an example to describe the status information updating process of the dynamic card, and for other services, the contents displayed in the areas 412 and 413 in the card are updated according to the actual business contents of the service.

2) Drop-down status capsule entry notification center interface

After receiving the user's sliding operation on the state capsule 421, the terminal device enters a notification center interface, that is, the user slides down the state capsule 421 shown in fig. 1 (2) to jump to the interface 40 shown in fig. 1 (4), that is, the notification center. It can be seen that the status capsule is one entry to the notification center.

In the notification center, the dynamic notification is arranged before the normal notification, and the dynamic notification refers to a service notification in which a service state is changed, such as a notification of a taxi taking service, a notification of a flight taking service, and the like. For example, the service status of the taxi travel service may include waiting for a platform dispatch, a driver having received a ticket and going to a pick-up point, arriving at a pick-up point, going to a destination, and ending a trip. The general notification refers to notification content of a service whose service state remains unchanged, for example, a short message notification, a notification of an instant messaging APP, and the like.

When a plurality of dynamic notifications exist, the dynamic notifications are orderly sequenced from high to low according to the importance degree, and at least two dynamic notifications have the same importance degree, and the time for reaching the next important node according to the dynamic notifications is orderly sequenced from short to long. For example, in this example, the drive-out service has a higher priority than the flight-out service, and therefore, the card 401 notifying the center of the drive-out is arranged before the card 402 of the flight-out.

The ordinary notifications are arranged in order from early to late in the reception time.

As shown in fig. 1 (4), the notification center interface may include a plurality of cards, and the dynamic notifications are arranged before the normal notifications, and the cards corresponding to the status capsules 421 in the dynamic notifications are positioned first, and the other dynamic notifications are arranged in order from late to early in time.

For example, in this example, the card 401 of the taxi-taking service is ranked first, followed by the card 402 of the flight trip and the card 403 of the take-away service in that order. The present example shows only three notifications described above, and the notification center may include more notifications. Card 401 is identical to the content presented by card 410 shown in fig. 1 (3).

As shown in fig. 1 (4), the card 402 includes important node information of the flight trip, such as text information "6 hours from the stop machine", and a progress bar 404 that can indicate the currently located node in real time, where the important node of the flight trip includes a check-in and a boarding, and is currently in a non-check-in stage. The card 403 includes specific content of the takeaway service such as the projected delivery time and the takeaway's real-time location.

3) Capsule for upper sliding disappears

The terminal device is responsive to a slide-up operation (or click-up operation, i.e., pressing while sliding up) on the status capsule 421, the status capsule 421 disappears, i.e., the status capsule 421 is hidden. When the service status of the status capsule 421 is updated, the status capsule 421 including the latest service status information is displayed again.

2. A capsule associates two services

In this embodiment, the first capsule region and the second capsule region may display information of one service, respectively, that is, one capsule may display information of two different services at the same time, that is, one capsule may associate two services at the same time. In an embodiment, the first capsule region associated service has a higher priority than the second capsule region associated service.

In an example, the two services associated with the capsule are the first two services with highest received priority, and as the service status changes, the priority of the service notification may change, so the two services associated with the capsule are also dynamically changing, not fixed two services, e.g., the capsule currently displays notifications of taxi-taking services and flight-taking services, after the taxi-taking journey is over, the capsule displays notifications of flight-taking services and selects the service with highest priority from the currently running services other than flight-taking services.

As shown in fig. 3 (1), a first capsule region 511 of the capsule 510 is used to display an icon of one service, and a second capsule region 512 is used to display an icon of another service. For example, in this example, the first capsule region 511 displays an icon of a taxi-taking service, and the second capsule region 512 displays an icon of a flight-taking service.

1) Clicking or long pressing capsule unfolding into card

In response to a click or long press operation on the left display area in the capsule 510 shown in fig. 3 (1), the terminal device jumps to the interface shown in fig. 3 (2), i.e., the left capsule is expanded into a card 513 corresponding to the associated service. In this example, the first capsule region 511 is associated with a drive travel service, and after clicking on this region, a card 513 of the drive travel service is displayed.

As shown in fig. 3 (1), the card 513 is positioned at the top of the screen and has a black color, so that the card 513 can be integrated with the front camera hole to form a complete card pattern, and the abrupt sense of the front camera hole is reduced.

Similarly, the terminal device responds to clicking or long-pressing operation on the second capsule region, and the right capsule is unfolded into a card corresponding to the capsule association service. For example, in this example, the second capsule region 512 associates the flight travel service, clicks on the region, and jumps to the interface display card 514 of fig. 3 (3) displaying the flight travel service.

2) Jumping the capsule to the notification center

In response to the sliding operation on any display area of the capsule 510, the terminal device jumps to the notification center interface 40 shown in (4) of fig. 3, where the first two notifications of the notification center interface 40 are notifications of two services associated with the capsule 510, respectively, 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. Other cards are arranged in sequence from the early to the late.

3) Capsule for upper sliding disappears

The terminal device disappears the status capsule 510 in response to a slide-up operation or a click-up operation on the status capsule 510. When the status capsule corresponds to the status update of the service, the status capsule is displayed again.

As can be seen from the foregoing, in this embodiment, the information of the two related services may be displayed in the same capsule, and the user may skip the corresponding operation on the capsule to the interface corresponding to the operation, for example, display all the capsules, or enter the notification center, etc., so that the user may directly operate the capsule to quickly view all the important notifications, thereby improving efficiency of viewing multiple important notifications.

3. A capsule may be associated with a service and a switch

In an exemplary embodiment, a first capsule region of the capsule is associated with a service and a second capsule region may be associated with a switch or service. The service associated with the capsule is the highest priority service currently running. The associated switch is a switch that is recommended according to the service or application currently used by the user, and automatically displays the currently running service or other automatic recommendation with the highest priority except for the first capsule region display service after the switch recommendation is finished.

For example, in one example, the two services with the highest priority of current operation are the taxi taking service and the flight taking service, respectively, and the taxi taking service has a higher priority than the flight taking service, so the first capsule region displays the taxi taking service and the second capsule region displays the flight taking service. If the user is engaged in a voice call, the system automatically recommends a voice enhancement service. Since the voice call service has a higher priority than the taxi taking service and the flight taking service, as shown in (1) of fig. 4A, the first capsule region 611 displays an icon of the voice call service, and at the same time, the second capsule region 612 displays an icon of a recommended voice enhancement switch, and the user can directly click on/off state of the icon switch.

In an embodiment, the on/off state of the switch can be indicated by the color of the switch icon displayed in the second capsule region 612, for example, the on state can be indicated by gray, the on state can be indicated by blue, and the on or off state can be indicated by other colors.

If the user turns on the voice switch or does not operate more than the preset time period and the voice call service and the driving travel service are not finished, the first capsule region 611 is still an icon of the voice call service, and the voice enhancement switch of the second capsule region 612 disappears and is updated to be an icon of the driving travel service. That is, after the automatic recommendation of the switch is completed, the second capsule region is updated from the icon displaying the recommended switch to the currently running service with the highest priority other than the service displayed by the first capsule region.

Further, if the voice call service is ended and the taxi taking service and the flight taking service are not ended, the first capsule region 611 is updated from the icon of the voice call service to the icon of the taxi taking service, and at the same time, the second capsule region 612 is updated from the icon of the taxi taking service to the icon of the flight taking service.

In another example, a first capsule region of the status capsule displays a taxi-taking travel service and a second capsule region displays a flight travel service. If the user starts a video call (such as a video call function of a phone APP or a video call function of a third party instant messaging APP) and enters another application interface (such as a desktop), a beauty service is automatically recommended, in this case, as shown in (1) of fig. 4B, the first capsule area 631 is updated to an icon of the video call service, and the second capsule area 632 is updated to an icon of a beauty switch, so that the user can directly operate the beauty switch of the second capsule area, without entering the beauty setting interface layer by layer, the operation complexity of adjusting the beauty switch in a video call scene is reduced, and the operation efficiency is improved.

Of course, other switches associated with the scene can be automatically recommended according to other application scenes, for example, when the terminal equipment is detected to start a service (such as wireless screen throwing, code scanning and the like) requiring Bluetooth communication, the Bluetooth switch can be automatically recommended, and an icon of the Bluetooth switch can be displayed in the second capsule region. And will not be described in detail here.

The following interaction operations can be performed on the capsule according to the embodiment:

1) Click or long press service capsule expansion into card

In response to a click or long press operation on the first capsule region 611 shown in fig. 4A (1), the terminal device jumps to the interface shown in fig. 4A (2), i.e., the first capsule region (or referred to as a 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 pattern, and meanwhile, the abrupt sense of the front camera hole can be reduced.

The content displayed on the card is related to the associated service, for example, as shown in fig. 4A (2), the card 613 may include the name or the avatar of the current contact person, and the control button of the phone service, such as a speaker, hang-up, etc., so that the user may directly operate the control button on the card without opening the phone service interface, thereby improving the control efficiency.

Similarly, clicking or pressing the first capsule region 631 in fig. 4B (1) for a long time jumps to the interface in fig. 4B (2), which includes the video call card 633, which is located at the top of the screen and has a black color, so that the card can be integrated with the front camera hole, and the abrupt sense of the front camera hole is reduced. The card 633 includes the name of the video call partner, a head portrait, and control buttons such as mute, camera, speaker, hang-up, etc., and the user can directly operate the buttons on the card.

In addition, the terminal device contracts into the capsule 610 in response to the slide-up operation on the card 613, i.e., jumps from the interface shown in fig. 4A (2) to the interface shown in fig. 4A (1).

2) Clicking or long-pressing control capsule unfolding into switch card

The terminal device jumps to the interface shown in (3) of fig. 4A, i.e., the right-hand portion capsule (or referred to as a control capsule) is deployed as a switch card 614 in response to a click or long press operation of the second capsule region 612 shown in (1) of fig. 4A. The color of the control switch card positioned at the top of the screen can be black, and the switch card can be integrated with the front camera, so that the abrupt sense of the front camera hole is reduced.

The switch card 614 in this example includes a standard switch 615, a human voice enhancement switch 616, a broad spectrum switch 617, and the like. Therefore, the user does not need to jump to the sound setting interface, and the corresponding switch is directly controlled to be turned on or off through the switch card, so that the operation of the user is reduced, and the control efficiency is improved.

Similarly, clicking or pressing the second capsule region 632 shown in fig. 4B (1) for a long time jumps to the interface shown in fig. 4B (3), i.e., the second capsule region 632 expands into the switch card 634, the switch card 634 is black, and the abrupt sense of the front camera hole is reduced.

As shown in fig. 4B (3), the switch card 634 includes a skin-grinding adjustment button 635 and a whitening adjustment button 636, and a user can directly adjust the two buttons to adjust the beauty degree, thereby improving the control efficiency.

Further, the terminal device updates the icon displayed in the second capsule region to the switch selected by the user in response to the operation of the switch in the switch card. For example, the user turns on the broad spectrum switch 617 in the card 614 and the second capsule area 612 is updated accordingly to the icon of the broad spectrum switch.

3) Downslide service capsule entry notification center

And the terminal equipment responds to the sliding operation of the service capsule at the left side in the capsules and jumps to the interface of the notification center. I.e. the service capsule in the capsule is the entrance to the notification centre. In this example, the priority is, in order from high to low, voice call service (or video call service) > travel service for getting on a car > travel service for a flight, and therefore, the card 620 of the telephone service is ranked first in the example shown in fig. 4A (4), and the card 637 of the video call service is ranked first in the example shown in fig. 4B (4), and then the travel service for getting on a car and the travel service for a flight are ranked sequentially.

4) The capsule is controlled to slide downwards and enters the control center

The terminal device jumps to the interface of the control center in response to a sliding operation of the capsule (i.e., the control capsule) on the right side portion of the capsule. Namely, the control capsule is an inlet for entering the control center, and the control center can be quickly accessed through the inlet, so that the operation of a user is reduced, and the speed and the efficiency for entering the control center are improved.

As shown in (5) of fig. 4A, the control center includes a plurality of shortcut switches such as a control switch card 801 controlling a microphone mode, a card 802 controlling music play, a volume adjustment button 805, a screen brightness adjustment button 804, and other switches 803. As shown in (5) of fig. 4B, the control center may further include a skin-grinding adjustment switch 641 and a whitening adjustment switch 642.

5) Capsule for upper sliding disappears

The terminal device responds to the upward sliding operation or the clicking upward sliding operation of the capsule, and the capsule disappears. And when the service state information corresponding to the capsule is updated or the recommended switch is changed, the capsule is displayed in the state column again.

As can be seen from the foregoing, in this embodiment, information of a service and a switch can be displayed in the same capsule, that is, a capsule is divided into a service capsule and a control capsule, and a user can respectively perform corresponding operations on the service capsule or the control capsule to jump to an interface corresponding to the operations, for example, view a corresponding service notification, the user does not need to enter a notification center to view the notification, or turn on or off the corresponding switch by operating the control capsule, and does not need to enter the control center to control the switch.

2. Display of multiple capsule notifications

1. Multiple capsules and front camera hole combination mode one

In this embodiment, when there are a plurality of status capsules, the status bar only displays the status capsule arranged at the first position, and at the same time, in order to indicate that there are other status capsules, an expansion mark may be displayed below the status capsule, and the area where the status capsule is slid down, and other status capsules located behind the first position may be displayed.

As shown in fig. 5 (1), the status bar 420 includes a status capsule 421, where the status capsule 421 is a black and front camera hole integrated together, and presents a complete status capsule pattern. In addition, a deployment flag 425 may be included below the status capsule 421.

The embodiment can perform the following interaction operations with respect to the status capsule:

1) Click/long press capsule expansion into card

The terminal device jumps to the interface shown in fig. 5 (2) in response to a click or long press operation of the status capsule 421, i.e., the status capsule 421 is expanded into a card 430. Meanwhile, other status capsules are displayed under the card 430, such as a status capsule 431 for flight travel and a status notification 432 for take-away in this example. In addition, a stow flag 433 may also be displayed below other status capsules.

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 and the front camera hole can be integrated, and the abrupt sense of the front camera hole is reduced.

2) Drop capsule entry notification center

The terminal device jumps to the interface shown in fig. 5 (3), i.e., the notification center, in response to the slide-down operation of the capsule 421. The notification center includes notification cards of each service, the arrangement order of each card is the same as that of the capsule, and the content of each card is the same as that of (4) in fig. 1, and details are not repeated here.

3) Clicking/long pressing other capsules are unfolded into cards, and the current card is contracted into a capsule

The terminal device expands the operated status capsule into the card 441 as shown in (4) of fig. 5 in response to a click or long press operation of the status capsule 431 as shown in (2) of fig. 5. At the same time, card 430 shown in fig. 5 (2) is contracted into state capsule 421. Moreover, the status capsule 421 is located above the card 441 and at the status bar, and the status capsule 421 is integrated with the front camera hole. The status capsule 432 and stow flag 433 are located below the card 441. That is, the clicked status capsule expands into cards, the ordering of which is the same as the ordering of the status capsule.

In addition, the card 441 is located below the front camera hole, and does not need to cover the front camera hole, so the card 441 may not be black, for example, the card may have the same color as the interface of the corresponding service of the card, for example, the card displays a notification of the driving travel service, and the card has the same color as the interface of the map APP where the driving travel service is located.

4) Removing the card by sliding left, and moving the position of the lower capsule upwards and expanding the capsule into the card

In response to the left-hand sliding operation of the card 430 shown in fig. 5 (2), the interface shown in fig. 5 (5) is jumped to, i.e., the card 430 is removed, while the status capsule 431 located under the card 430 is moved up and expanded into a card 441, and the card 441 is black and is unified with the front camera hole. The take-away status capsule 432 moves up to fill the location of the status capsule 431. Namely, from top to bottom, the card 441 and the status capsule 432. In addition, a stow flag 433 located below the status capsule 432 may also be included.

5) The upper slide card is contracted into a capsule

The terminal device is responsive to the slide-up operation of the status capsule display area of the interface shown in fig. 5 (2) or (4), the card is contracted into the status capsule, and the other status capsules are hidden, i.e., the interface shown in fig. 5 (1) is jumped to.

In addition, the terminal device disappears the status capsule 421 and the expansion flag 425 in response to the slide-up operation or the click-up operation on the status capsule 421 shown in fig. 5 (1).

2. Mode II of combining multiple capsules with front camera hole

In this embodiment, the capsule display area is located in the middle of the status bar, and the capsule display area is used for displaying at least two status capsules that partially overlap in the horizontal direction, and the status capsule located on the top layer and the front camera hole are integrated. The left-right switching of the status capsule can be realized for the left-right sliding operation of the status capsule. For example, a state capsule that is right-slid on the top layer displays the next state capsule of the state capsule, and the right-sliding operation is continued until the last state capsule is displayed, e.g., up to 5 state capsules can be displayed.

In one example, as shown in fig. 6 (1), the capsule display area 450 located at the middle area of the status bar 420 includes two status capsules 451 and 452 partially overlapped in the horizontal direction.

The status capsule 451 is located on the top layer and on both sides of the front camera hole, and the status capsule is black, and is integrated with the front camera hole which is black, so as to present a complete capsule.

The status capsule 452 is positioned below the status capsule 451, and the status capsule 452 need not be fused with the front camera aperture, so the color of the status capsule 452 may not be black, e.g., it may be the same as the application interface color of the associated service.

1) Right slide shows next capsule and left slide shows last capsule

In response to a right-slide operation of the status capsule 451 located on the top layer, the terminal device jumps to the interface shown in fig. 6 (2), i.e., the status capsule 451 disappears, the top layer displays the status capsule 452, and the color of the status capsule 452 is converted to black, i.e., the right-slide top layer capsule switches to the next status capsule 452. At the same time, the capsule below the top capsule is switched to be arranged next to the state capsule 452, namely, the state capsule right-shifting effect is presented. Further, the color of the status capsule 453 of the bottom layer may be the same as the color of the application interface of the service associated with the capsule.

The terminal device jumps to the interface shown in fig. 6 (1) in response to the left-sliding operation of the status capsule display area shown in fig. 6 (2), that is, the effect of the status capsule left-shift is exhibited.

The example of fig. 6 is two capsules partially overlapped in the horizontal direction, and three or more capsules may be partially overlapped in practical application.

2) Clicking or long pressing the top capsule to expand into a card while displaying other capsules in the status bar

The terminal device may also respond to a click or long press operation of the state capsule located on the top layer, the top layer state capsule is unfolded into a card, located below the state column, and the capsule display area in the state column sequentially displays other capsules after the top layer state capsule.

For example, in this example, clicking or long pressing the status capsule 451 jumps to the interface shown in fig. 6 (3), the status capsule 451 expands into a card 454, and is located below the status bar. The capsule display area of the status bar sequentially displays the other capsules after the status capsule 451, i.e., the top layer displays the status capsule 452, the next layer is the status capsule 453, and the status capsule 452 is black.

3) The upper slide card is contracted into a capsule

In an embodiment, in response to the sliding-up operation of the card 454 shown in fig. 6 (3), the terminal device returns to the interface shown in fig. 6 (1), that is, the card 454 is contracted into the status capsule 450, and at the same time, the service corresponding to the status capsule below the status capsule 450 is updated to the service next to the taxi-taking service, such as the flight-taking service.

4) Drop capsule entry notification center

The slide-down status capsule 451 jumps to the interface shown in fig. 6 (4), i.e., the notification center, where the order of the individual cards is the same as the status capsule order.

5) Capsule for upper sliding disappears

In addition, the terminal device responds to the up-sliding operation or the click up-sliding operation of the state capsule on the top layer, the state capsule disappears until the state capsule corresponds to the state update of the service, and the state capsule is displayed again.

In summary, under the scene that the capsule is combined with the front camera hole and the capsule needs to be displayed, the information of a plurality of capsules can be displayed in the status bar, and all the capsule notices can be checked by corresponding operation on the capsules in the status bar, so that the information of all the important notices can be known at a glance, and the important notices are not required to be checked one by entering a notice center, so that the efficiency of checking the plurality of important notices is improved.

3. One capsule associates two services, multiple services notification to be displayed

In this embodiment, similar to the embodiment shown in fig. 3, one capsule may display notification information of two services, and when the left/right partial capsule is clicked or long pressed, the partial capsule is unfolded into a card while the other capsules are displayed under the card.

In this example, as shown in fig. 7 (1), a left-side portion capsule 511 of the capsule 510 is associated with a travel service, and an icon of the service is displayed. The right portion capsule 512 of the capsule 510 is associated with a flight travel service, displaying an icon for that service.

1) Clicking or long pressing the capsule to expand into a card and displaying other capsules

The terminal device jumps to the interface shown in fig. 7 (2), i.e., the left-hand portion capsule is expanded into a card 513 and is located at the top of the screen, in response to a click or long press operation of the left-hand portion capsule 511 in the capsule shown in fig. 7 (1). The card 513 is black in color and can be integrated with the front camera hole.

The status capsules of the other services are displayed in sequence below the card 513, and the full capsule (i.e., capsule 515) corresponding to the right-hand portion capsule 512 associated service is ranked first, i.e., capsule 515 is ranked after card 513 and before capsule 516.

The capsules of other services not associated with capsule 510 (e.g., capsule 516 of take-away APP) are ordered in order of early to late time of receipt of the service notification. In addition, a stow flag 517 is included below the other capsules.

Similarly, the terminal device jumps to the interface shown in fig. 7 (3), i.e., the right-hand portion capsule is expanded into the card 514, in response to a click or long press operation of the right-hand portion capsule in the capsule shown in fig. 7 (1). The notifications of other services are arranged in sequence under the card 514 in the form of complete capsules, and the complete capsule corresponding to the capsule association service (i.e., capsule 518) on the left side of the capsule 510 is located under the card 514 and above the other complete capsules.

It can be seen that when the capsule 510 is clicked or pressed for a long time, the operated portion of the capsule is unfolded into a card shape, and the capsules for other services are sequentially displayed under the card, and the complete capsule corresponding to the non-operated portion of the capsule 510 is arranged behind the card and in front of the other capsules.

2) Jumping the capsule to the notification center

The interaction effect for the sliding operation of the capsule 510 is the same as that of the embodiment shown in fig. 3, that is, the sliding of the capsule 510 jumps to the interface of the notification center shown in (4) of fig. 7, and will not be described again here.

3) The capsule below the clicking or long-pressing card is unfolded into the card

For example, clicking or long pressing the capsule 518 as shown in fig. 7 (3), jumping to the interface shown in fig. 7 (5), collapsing the capsule 514 into the capsule 519, expanding the capsule 518 into the card 520, and the capsule 519 is located in the capsule display area of the status bar, and displaying the capsule 516 under the card 520.

As shown in fig. 7 (5), the left display area of the capsule 519 displays a service icon, and the right display area displays the service status information. Also, the capsule 519 is located in the middle of the top of the screen and may be black in color to cover the front camera hole.

In an embodiment, a stow flag 517 may also be displayed below capsule 516.

4) The upper slide card is contracted into a capsule

In response to the slide-up operation of the card and the capsule display area shown in fig. 7 (2), 3 or 5), the terminal device shrinks the card into a capsule and hides the capsule corresponding to the service not associated with the capsule 510, i.e., jumps to the interface shown in fig. 7 (1).

In addition, in response to the up-slide operation or the click-up operation of the capsule 510 shown in fig. 7 (1), the capsule 510 disappears, and when the switch for updating or recommending the service status information corresponding to the capsule is changed, the capsule is displayed again in the status bar

In summary, in the notification display method provided by the embodiment, the capsule displayed in the status bar is located near the front camera hole of the screen, and the capsule is displayed as a black and front camera hole integrated together, that is, the front camera hole and the capsule are integrated together to form a complete capsule, so that the abrupt sense brought by the front camera hole is reduced.

Further, when there are two service notifications to be displayed, the left and right display areas of the capsule may be respectively displayed with information of the two service notifications, such as service icons, so that the user knows the service status of the background operation through the service icons displayed by the capsule. Moreover, the specific state information of the background running service, such as clicking or sliding, can be obtained through the operation of the capsule, so that the efficiency of knowing important notification by a user is improved.

3. Interactive operation of dynamic notifications

1) Click/long press entry application interface

The terminal device jumps to the application interface shown in fig. 8 (2) in response to a click or long press operation on the card 410 shown in fig. 8 (1). For example, in this example, is an application of the driving travel service, i.e., an interface of the map APP.

2) Downslide into a widget display service interface

In response to the sliding operation on the card 410, the terminal device jumps to an interface shown in fig. 8 (3), where the interface includes a desktop at the bottom layer, and an application widget 140 at the top layer of the desktop, where the display area of the widget 140 is smaller than the display area of the screen, as shown in fig. 8 (3). The widget 140 displays an application interface of the card 410 corresponding to the service, and the widget 140 in this example displays an interface of the map APP.

In addition, the terminal device jumps to the interface of the map APP shown in (2) of fig. 8 in response to the click operation on the widget 140.

In an example, the widget 140 may further include a minimize button 141 and a close button 142. In response to the operation of the minimize button 141, the interface shown in fig. 8 (4), i.e., the widget 140 is contracted into the capsule 421. In response to the operation of the close button 142, the interface shown in fig. 8 (5) is jumped to, that is, the widget 140 is closed and the capsule is not displayed.

3) The upper slide card is contracted into a capsule

In response to the slide-up operation of the card 410, the terminal device jumps to the interface as shown in fig. 8 (4), i.e., the card 410 disappears, while the status capsule 421 is displayed at the status bar.

In addition, the card 410 displays no other operations after a predetermined period of time, the card disappears, and the status capsule is displayed, for example, the 5s no operation card 130 is abbreviated as the status capsule 111. The card automatically disappears after the task stops for a preset time, such as the card stops for 5s after the driving stroke is finished.

4. Multi-capsule ordering rules

The capsule has the characteristics of global visibility and strong perception, so that the service attribute of the service needs to be comprehensively considered in the scene that a plurality of service notices need to be presented in a capsule form.

In one embodiment, the business attributes may include manual ending and automatic ending.

Manual ending refers to the state of a task that is not time-efficient and that must be ended by clicking the end button of the task (APP). For example, services for manual end attributes may include conversations, audio recordings, sports health, alarm clocks, timers, couriers, etc.

The automatic ending refers to the state that the task is time-efficient, and the task can be automatically ended after the natural time or a certain node passes. For example, the service of automatically ending the attribute may include downloading, taking a car, a flight, a train, a subway, a movie, a game, and the like.

As shown in table 1 below, the capsule ordering is determined based on the service attributes of the current overhead state capsule and the service attributes of the new state capsule:

TABLE 1

The coverage principle shown in table 1 is equally applicable to the application scenario of three or more capsules.

For example, in one example, as shown in fig. 8, the display flow of the capsule is as follows:

S101, determining a service notification showing the first service in a capsule form.

For example, in one embodiment, the display scene of the service notification is determined to include a capsule according to the importance level and the emergency level of the service notification, and the current display scene is a display interface of other APP, where it is determined that the service notification needs to be displayed by using the capsule.

In one embodiment, the measure of urgency is whether attention needs to be interrupted at the moment, and the service is immediately viewed or processed or used. For example, in an example, the urgency of the service notification may include very urgent, ongoing, non-urgent, and so on.

In one embodiment, the measure of importance is to ignore if a significant impact is generated, such as loss of life, property, time, opportunity, etc. In an example, the importance of the service notification may include very important, generally important, and unimportant.

For urgent and important services, that is, the user needs to know the notification of the service in various application scenes, so that the user is ensured not to miss the notification, the display scene of the service notification comprises a state capsule, for example, the service very focused by the user such as the taxi taking service, the flight taking service, the take-away service and the like in front Wen Xu, and the service state of the service can be displayed through a global state capsule, that is, the state capsule can be displayed in various display scenes.

S102, judging the number of capsules to be displayed, if the number of capsules is single, executing S103, and if at least two capsules are needed to be displayed, executing S104.

The step is to judge whether the terminal device currently displays the capsule, and if the capsule is not currently displayed, that is, only the latest service needs to display the capsule, so that the number of capsules is one, S103 is executed.

If the terminal device has currently displayed a capsule, and the latest service also needs to be displayed in the form of a capsule, it is determined that the number of capsules is at least two.

And S103, displaying the service notification of the first service in a display mode of a single capsule.

After S103, the process returns to S101, i.e. continues to determine whether there is a next capsule to be displayed.

S104, determining display modes of the plurality of capsules.

For example, the multi-capsule display pattern may be the display pattern of the plurality of capsules shown in fig. 6 (1) described above, or the display pattern of the plurality of capsules shown in fig. 7 (1).

S105, judging whether the service attribute of the current service is manually ended or not, and if the attribute of the new service is manually ended, executing S106 if yes, and executing S107 if not.

And judging whether the service attribute of the service capsule displayed on the currently set top is manually ended or not, and whether the service attribute of the new service is manually ended or not, and if so, continuing to execute the step S106.

And S106, the latest service capsule is set on top until a new capsule is replaced.

For example, in one example, the capsule currently set-top displayed is a call service and the new service is a recording service, then the capsule of the recording service is set-top displayed until there are other service capsules to replace the recording service capsule.

S107, judging whether the service attribute of the current capsule is automatically ended or not, and if the service attribute of the new service capsule is manually ended, executing S108 if yes, and executing S109 if not.

For example, in one example, the drive-up travel service capsule is displayed on the overhead, the new service is a talk service, it is determined that the business attribute of the current capsule is automatically ended, and the business attribute of the new service is manually ended.

S108, setting the service capsule to be manually ended at the top.

The service that is manually ended has a higher priority than the service that is automatically ended, so the currently-set-top service capsule is still taken as a driving travel service, and the new service is a call service as an example, and in this case, the call service capsule is set-top for display. And (3) until the call service is finished, if no new service of the capsule is needed to be displayed, resetting the capsule for the taxi taking service to be displayed on the top.

If a new manual ending service (such as a recording service) is started before the call service is ended, the capsule of the latest manual ending service is displayed on top, namely, the capsule of the recording service is displayed on top.

S109, judging whether the current capsule is automatically ended or not and the new service capsule is automatically ended, if so, executing S110, and if not, executing S111.

For example, in one example, the currently set top display is a capsule for a drive travel service, with the latest service being a flight travel service.

S110, the latest service capsule is set on top until a new service capsule is replaced.

The priority of the automatically ending service is the same, and thus the capsule of the latest service is set up for display. For example, the current capsule is a capsule for taxi taking, the latest service is a flight trip service, and the capsule for the flight trip service is displayed on the top. Until a new service appears, the currently-displayed capsule is replaced, for example, after the capsule of the flight travel service is displayed on the top, a new automatically-ended service appears, and a download service is downloaded, in which case the capsule of the displayed on top is replaced with the capsule of the download service.

S111, judging whether the current capsule is manually ended or not and the new service capsule is automatically ended, and if so, executing S112.

After S111 is completed, the process returns to S101 to continue to determine whether there is a next capsule to be displayed.

And S112, after the preset time is displayed on the top of the capsule with the service automatically ended, displaying the top of the capsule with the service manually ended last time again.

For example, in one example, the currently-set-top-displayed capsule is a call service, and the latest service is a taxi-taking service, in which case, after the capsule of the taxi-taking service is set-top-displayed for a preset period of time (e.g., 10 s), the capsule of the call service is re-set-top-displayed.

In one scenario, there may be multiple services that are manually ended, for example, a call service and a recording service, where the latest service is an automatically ended service, such as a taxi taking service, and in this scenario, after the capsule of the taxi taking service is set to the top and displayed for 10s, the state of the latest triggered service in the multiple services that are manually ended is re-set to the top and displayed, such as when the trigger time of the recording service is later than the call service, the state capsule of the recording service is re-set to the top and displayed.

The display rule of the service capsule provided in this embodiment decides the state capsule of the set-top display according to the service attributes of the current set-top display service and the latest service. The service attribute of the service is divided into an automatic ending service and a manual ending service according to the embodiment, and the priority of the manual ending service is higher than that of the automatic ending service. The state capsule of the latest service is usually set to be displayed on top, and when the latest service is not the manual service ending, the state capsule of the latest automatic service ending is set to be displayed on top for a preset time period, and then the state capsule of the last service which is manually displayed is reset to be displayed on top again. Therefore, the user can quickly acquire the notification of the important service in other application interfaces.

The foregoing is merely illustrative of specific embodiments of the present application, and the scope of the present application is not limited thereto, but any changes or substitutions within the technical scope of the present application should be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims

1. A notification display method, applied to an electronic device, the electronic device including a front camera hole located at a top of a screen, the method comprising:

Displaying a first interface, wherein the first interface comprises a status bar and a first capsule notification positioned in the middle area of the status bar, the first capsule notification comprises a first capsule area positioned at the left side of the front camera hole and a second capsule area positioned at the right side of the front camera hole, the first capsule area comprises an icon of a first service, and the second capsule area comprises an icon of a first switch of a second service.

2. The method according to claim 1, wherein the method further comprises:

And in response to a first operation on the second capsule region, displaying a switch card on the first interface, wherein the switch card covers the first capsule notification, the switch card comprises a first switch and a second switch, the first switch is in a selected state, and a first function of the second service is started.

3. The method according to claim 2, wherein the method further comprises:

In response to an operation of turning on a second switch of the switch card, the electronic device turns on a second function of the second service, and the second capsule region is updated from an icon of the first switch to an icon of the second switch.

4. The method according to claim 1, wherein the method further comprises:

And responding to a first operation on the second capsule area, displaying a switch card on the first interface, wherein the switch card covers the first capsule notification, the switch card comprises a first switch and a second switch, an adjusting button of the first switch is positioned at a first position of an adjusting progress bar, and a first function of the second service achieves an effect matched with the first position.

5. The method according to claim 4, wherein the method further comprises:

In response to a sliding operation of the adjustment button of the second switch, the electronic device adjusts an effect corresponding to a second function of the second service.

6. The method according to any one of claims 1 to 5, further comprising:

And in response to a sliding operation on the second capsule region, displaying a control center interface, wherein the control center interface comprises the first switch.

7. The method according to any one of claims 1 to 6, further comprising:

And in response to the operation of the first switch of the second capsule region, or the operation of the first switch is not detected within a preset time period after the first switch is displayed, updating the second capsule region into the state information of the first service.

8. The method according to any one of claims 1 to 7, further comprising:

And in response to a sliding operation on the first capsule region, displaying a notification center interface, wherein the notification center interface comprises a first card, and the first card comprises state information of the first service.

9. The method according to any one of claims 1 to 8, further comprising:

in response to a second operation on the first capsule region, a second card is displayed on the first interface, the second card overlaying the first capsule notification, the second card including status information of the first service.

10. The method of any of claims 7 to 9, wherein the electronic device comprises a capsule notification of at least two services, the first interface further comprising a deployment identifier located below the first capsule notification, the method further comprising:

and in response to a third operation on the first capsule notification display area, displaying a third card and a second capsule notification which are sequentially arranged from top to bottom on the first interface, wherein the third card covers the first capsule notification, the third card comprises state information of the first service, and the second capsule notification comprises state information of the third service.

11. The method according to claim 10, wherein the method further comprises:

And in response to a fourth operation on the second capsule notification, displaying a first capsule notification and a fourth card which are sequentially arranged from top to bottom on the first interface, wherein the first capsule notification is positioned in the middle area of the status bar, the first capsule notification comprises the status information of the first service, and the fourth card comprises the status information of the third service.

12. The method according to claim 10 or 11, characterized in that the method further comprises:

And in response to a fifth operation on the third card, displaying a fourth card on the first interface, the fourth card including status information of the third service.

13. The method of any of claims 9-12, further comprising displaying the first interface in response to a slide up operation on an area displaying a capsule notification or card.

14. The method of any of claims 7-9, wherein the electronic device comprises capsule notifications of at least two services, the status bar of the first interface further comprising a second capsule notification, the second capsule notification being located below the first capsule notification, the first capsule notification covering a portion of a display area of the second notification capsule.

15. The method of claim 14, wherein the first capsule notification covers a right portion area of the second capsule notification, the method further comprising:

In response to a right-slide operation on the first capsule notification, overhead displaying the second capsule notification;

in response to a left-slide operation of a second capsule notification displayed on the opposite top, a first capsule notification is displayed on an upper layer of the second capsule notification, the first capsule notification covering a right-side partial area of the second capsule notification.

16. The method of claim 14, wherein 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 being located below a status bar, the status bar including a second capsule notification, the fifth card including status information of the first service, the second capsule notification including status information of the third service.

17. The method according to any one of claims 1 to 6, further comprising:

In response to an operation of the first switch of the second capsule region, or an operation is not detected within a preset time period after the first switch is displayed, the second capsule region is updated to an icon of a third service, the third service is a service which is currently operated and has the highest priority except the first service, and the first service has a higher priority than the third service.

18. The method of claim 17, wherein the electronic device has two service-corresponding capsule notifications, the method further comprising:

And in response to a seventh operation on the second capsule region, displaying a sixth card on the first interface, the sixth card overlaying the first capsule notification, the sixth card including an icon and status information of the third service.

19. The method of claim 17, wherein the electronic device includes capsule notifications for at least three services, the method further comprising:

In response to an eighth operation on the first capsule region, displaying a seventh card, a third capsule notification and a fourth capsule notification 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, the fourth capsule notification including status information of a fourth service, the seventh card being arranged in order from top to bottom;

In response to a ninth operation on the second capsule region, an eighth card, a fifth capsule notification and a sixth capsule notification are sequentially arranged 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, the sixth capsule notification including status information of a fourth service.

20. The method of claim 19, wherein the method further comprises:

In response to a tenth operation of the third capsule notification, a seventh capsule notification, a ninth card, and an eighth capsule notification, arranged in order from top to bottom, are displayed on the first interface, the seventh capsule notification including status information of the first service, the ninth card including status information of the third service.

21. The method according to any one of claims 10-20, further comprising:

When at least two capsule notices exist, determining an arrangement sequence according to service attributes of each capsule notice, wherein the service attributes comprise ending modes of corresponding services of the capsule notices, and the ending modes comprise manual ending and automatic ending

If the service attributes corresponding to the current capsule notification and the latest capsule notification are both manually ended, the latest capsule notification is displayed on the top;

If the service attribute of the current top-mounted capsule notification is automatically ended, the service attribute of the latest capsule notification is manually ended, and the latest capsule notification is displayed on the top;

If the service attributes corresponding to the current capsule notification and the latest capsule notification are both automatically ended, the latest capsule notification is displayed on the top;

If the service attribute of the current capsule notification is manually ended, the service attribute of the latest capsule notification is automatically ended, and after the latest capsule notification is displayed for a preset time period on the top, the last manually ended capsule notification is displayed on the top again.

22. An electronic device comprising one or more processors, memory and a touch screen, the memory for storing program code, the processor for executing the program code to cause the electronic device to implement the notification display method of any of claims 1-21.

23. A computer readable storage medium having instructions stored thereon which, when executed on an electronic device, cause the electronic device to perform the notification display method of any of claims 1 to 21.