Display method, user interface, and related apparatus

Abstract

Disclosed in the present application are a display method, a user interface, and a related apparatus. The electronic device can receive a first notification message of a first application, and displays a first card on the desktop, wherein the first card displays the first notification message; the electronic device can also receive a second notification message of the first application, wherein the first notification message and the second notification message belong to different categories; and the electronic device can display the second notification message in a notification bar. In this way, an electronic device can screen notification messages of applications on the basis of the categories of messages, so that all notification messages are prevented from being displayed in a notification bar, thus improving the efficiency of users viewing messages.

Description

Display method, user interface and related device

[0001] This application claims priority to the Chinese patent application with application number 202410148123.3 filed with the State Intellectual Property Office of China on January 31, 2024, and priority to the Chinese patent application with the invention name “Display method, user interface and related devices”, all contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the field of terminals, and in particular to display methods, user interfaces, and related devices. Background Art

[0003] With the continuous development of the terminal field, the number of applications installed on electronic devices has gradually increased, and the number of notification messages pushed by applications has also increased. These notification messages are all displayed in the notification bar. Users need to spend a lot of time and energy to check the notification messages in the notification bar, and cannot quickly find the notification messages they want to check from a large number of notification messages. Summary of the Invention

[0004] This application provides a display method, user interface and related devices, which realize the display of some notification messages pushed by applications on desktop cards, making it convenient for users to view notification messages.

[0005] In a first aspect, an embodiment of the present application provides a display method, which includes: an electronic device receives a first notification message of a first application; the electronic device displays a first card on the desktop, and the first card displays a first notification message; the electronic device receives a second notification message of the first application, and the first notification message and the second notification message belong to different categories; the electronic device displays the second notification message in the notification bar.

[0006] The electronic device displays the first card on the desktop and may not display the first notification message in the notification bar. In addition, the electronic device displays the second notification message in the notification bar and may not display the first notification message on the desktop.

[0007] By implementing the method provided in the first aspect, the electronic device can have different push methods for different categories of notification messages of the same application. Among them, when pushing notification messages of the same application, some notification messages are displayed on the desktop in the form of desktop cards, and some notification messages can be displayed in the notification bar. This avoids all messages pushed by the application being displayed in the notification bar, which is not conducive to users browsing and managing notification messages, thereby improving the efficiency of users browsing notification messages and facilitating users to quickly view the notification messages they want to view through cards.

[0008] In combination with the first aspect, in one implementation, the first application is an instant messaging application, and the first notification message and the second notification message are notification messages sent by different contacts in the instant messaging application; or, the first application is an e-commerce application, and the first notification message and the second notification message are notification messages of different stores in the e-commerce application; or, the first application is a multimedia application, and the first notification message and the second notification message are notification messages from different multimedia publishers.

[0009] In combination with the first aspect, in one implementation, the first notification message belongs to the first type of notification message in the first application with the card notification function enabled. Before the electronic device receives the first notification message of the first application, the method also includes: the electronic device displays the first page of the first application, and the first page is used to display the first type of notification message in the first application; the electronic device detects the first operation acting on the first page and turns on the card notification function of the first type of notification message.

[0010] In other words, users can authorize the card notification function for notifications pushed by an app while viewing the notifications pushed by the app. This allows users to decide at any time whether to transfer a certain type of notification pushed by the app to a desktop card, meeting their personalized notification management needs.

[0011] In combination with the first aspect, in one implementation, the first notification message belongs to the first type of notification message in the first application with the card notification function enabled. Before the electronic device receives the first notification message of the first application, the method also includes: the electronic device receives a third notification message of the first application, and the third notification message belongs to the first type of notification message; the electronic device displays the third notification message; the electronic device detects a second operation acting on the third notification message and enables the card notification function of the first type of notification message.

[0012] That is, when an electronic device pushes notification messages from an application, it authorizes the card notification function for that type of notification messages from the application. In this way, users can decide at any time whether to transfer a certain type of notification messages pushed by the application to the desktop card for push, meeting their personalized management needs for notification messages.

[0013] In combination with the first aspect, in one implementation, the method further includes: the electronic device receives a fourth notification message; the electronic device displays a second card superimposed on the first card, and the second card displays the fourth notification message.

[0014] That is to say, the electronic device can display multiple cards on the desktop in an overlapping manner, which can avoid the multiple cards on the desktop from occupying too much area and improve the utilization rate of the desktop.

[0015] In combination with the first aspect, in one implementation, when the fourth notification message and the first notification message are messages pushed by the same application, the second card is located in the first direction of the first card; when the fourth notification message and the first notification message are messages pushed by different applications, the second card is located in the second direction of the first card; the first direction is a horizontal direction or a vertical direction, and the first direction is perpendicular to the second direction.

[0016] In other words, electronic devices can use different stacking methods to distinguish the cards corresponding to notification messages of different applications, as well as the cards corresponding to notification messages of the same application, so that users can quickly distinguish notification messages between different applications and different notification messages within an application from multiple cards, thereby making it easier for users to manage and browse the various notification messages in the cards.

[0017] In combination with the first aspect, in one implementation, the method further includes: the electronic device detects a third operation acting on the second card; and the electronic device adjusts the stacking order of the first card and the second card.

[0018] That is, the electronic device can adjust the order of each card in the card stack based on the user operation, so that the user can view the notification messages displayed on each card in the card stack by adjusting the order of the cards.

[0019] In combination with the first aspect, in one implementation, when the second card is located in a first direction of the first card, the third operation includes a sliding operation in the first direction, where the first direction is a horizontal direction or a vertical direction.

[0020] In combination with the first aspect, in one implementation, a first card is displayed superimposed in a first card stack, and the first card stack corresponds to a first card group. The method also includes: the electronic device receives a fifth notification message; the electronic device displays a third card superimposed on the second card stack displayed on the desktop, and the third card displays the fifth notification message, and the second card stack corresponds to the second card group.

[0021] That is to say, the electronic device can set different card groups for different notification messages, so that when the electronic device displays the cards corresponding to the notification messages, different cards can be classified and displayed in card groups, making it easier for users to manage and browse different notification messages.

[0022] In combination with the first aspect, in one implementation, a first card is displayed in a first card stack, and multiple cards are displayed superimposed in the first card stack. The method also includes: the electronic device detects a fourth operation acting on the first card, and sets a first reminder time for the first card; when the first reminder time is reached, the electronic device displays the first card at the top of the first card stack.

[0023] That is to say, the electronic device can set to-do items for the cards in the card stack based on user operations, so that the cards can be displayed at the top after the reminder time set by the user, making it easier for users to check the cards that need to be processed in time and strengthen the user's management of the cards.

[0024] In combination with the first aspect, in one implementation, the method further includes: the electronic device detects a fifth operation acting on the first card, the electronic device displays the first window in a floating manner, and the first window displays an application page corresponding to the first notification message.

[0025] That is to say, in addition to being able to view notification messages through the card on the desktop, users can also use the card to open the application page corresponding to the notification message, so that users can view the details of the notification message and process the notification message.

[0026] In combination with the first aspect, in one implementation, the electronic device stores identifiers of notification message categories for enabling card notification functions in one or more applications. Before the electronic device displays the first card on the desktop, the method also includes: the electronic device determines that the stored identifier contains an identifier of the notification message category to which the first notification message belongs.

[0027] Accordingly, after the electronic device turns on the card notification function of a certain notification message category, the identifier of the notification message category can be stored so that when the electronic device receives a notification message of the same notification message category again, the notification message can be displayed on the card on the desktop.

[0028] In combination with the first aspect, in one implementation, the electronic device displays a first card stack and a second card stack on the desktop, the first card stack and the second card stack include one or more cards, and the first card is located in the first card stack. The method also includes: the electronic device detects an operation of dragging the first card toward the second card stack, and moves the first card to the second card stack.

[0029] That is to say, the electronic device can adjust the cards in different card piles based on user operations, thereby improving the user's operational freedom.

[0030] In combination with the first aspect, in one implementation, the method also includes: the electronic device turns on the card notification function of the second application by setting the application; the electronic device receives the sixth notification message of the second application, and the sixth notification message is any notification message pushed by the second application; when the card notification function of the second application is turned on, the electronic device displays a fourth card on the desktop, and the fourth card displays the sixth notification message.

[0031] The electronic device displays the fourth card on the desktop and may not display the sixth notification message in the notification bar.

[0032] That is to say, the electronic device can set the card notification function of the application by setting the application, and the user can choose whether to turn on the card notification function of the application according to his or her own wishes. If the electronic device obtains a notification message pushed by an application with the card notification function turned on, the notification message will be displayed on the desktop card. If the electronic device obtains a notification message pushed by an application that does not have the card notification function turned on, the notification message will no longer be displayed on the desktop card, for example, the notification message will be displayed in the notification bar.

[0033] In combination with the first aspect, in one implementation, when a downward sliding operation from the top of the display screen is detected, the electronic device displays a notification bar.

[0034] In a second aspect, an embodiment of the present application provides an electronic device comprising a memory, one or more processors, and one or more programs; when the one or more processors execute the one or more programs, the electronic device implements the method described in the first aspect or any one of the implementation methods of the first aspect.

[0035] In a third aspect, an embodiment of the present application provides a computer-readable storage medium comprising instructions, which, when executed on an electronic device, causes the electronic device to execute the method described in the first aspect or any one of the implementations of the first aspect.

[0036] In a fourth aspect, an embodiment of the present application provides a computer program product, which, when executed on a computer, enables the computer to execute the method described in the first aspect or any one of the implementations of the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

[0037] FIG1A-FIG1E are user interfaces related to enabling a card notification function for an application on an electronic device 100 according to an embodiment of the present application;

[0038] 2A and 2B are user interfaces related to the card notification function of the electronic device 100 for the notification message authorization of the application according to an embodiment of the present application;

[0039] 3A-3C are user interfaces related to displaying notification messages in a card of the electronic device 100 provided in an embodiment of the present application;

[0040] 4A-4C are user interfaces related to opening an application page via a card on the electronic device 100 according to an embodiment of the present application;

[0041] 5A-5C are user interfaces related to adjusting the card order of the electronic device 100 according to an embodiment of the present application;

[0042] 6A-6B are user interfaces related to deleting a card from a card stack on the electronic device 100 according to an embodiment of the present application;

[0043] 7A-7C are user interfaces related to setting to-do items for a card on the electronic device 100 according to an embodiment of the present application;

[0044] 8A-8B are user interfaces related to adjusting card stacks of different groups provided by the electronic device 100 according to an embodiment of the present application;

[0045] 9A-9C are user interfaces related to displaying a card stack on the electronic device 100 according to an embodiment of the present application;

[0046] FIG10 is a schematic diagram of a flow chart of a display method provided in an embodiment of the present application;

[0047] FIG11 is a schematic flow chart of another display method provided in an embodiment of the present application;

[0048] FIG12 is a schematic diagram of a flow chart of a display method provided in an embodiment of the present application;

[0049] FIG13 is a schematic diagram of the hardware structure of the electronic device 100 provided in an embodiment of the present application;

[0050] FIG14 is a block diagram of the software structure of the electronic device 100 according to an embodiment of the present application. DETAILED DESCRIPTION

[0051] The following is a clear and detailed description of the technical solutions in the embodiments of the present application in conjunction with the accompanying drawings. In the description of the embodiments of the present application, unless otherwise specified, " / " means or, for example, A / B can mean A or B; "and / or" in the text is only a description of the association relationship between related objects, indicating that there can be three relationships, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in the description of the embodiments of the present application, "multiple" means two or more than two.

[0052] In the following, the terms "first" and "second" are used for descriptive purposes only and should not be understood to imply or suggest relative importance or implicitly indicate the number of the technical features indicated. Therefore, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features. In the description of the embodiments of this application, unless otherwise specified, "plurality" means two or more.

[0053] The term "user interface (UI)" in the following embodiments of this application refers to a medium interface for interaction and information exchange between an application or operating system and a user, which realizes the conversion between the internal form of information and the form acceptable to the user. The user interface is a source code written in a specific computer language such as Java and extensible markup language (XML). The interface source code is parsed and rendered on an electronic device and finally presented as content that the user can recognize. The commonly used form of user interface is graphical user interface (GUI), which refers to a user interface related to computer operations that is displayed in a graphical manner. It can be a visual interface element such as text, icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, etc. displayed on the display screen of an electronic device.

[0054] An embodiment of the present application provides a display method, which can determine whether a notification message from an application is a message category authorized by the user after obtaining the notification message. If so, it will be displayed on the service card on the desktop; if not, it can be displayed in the notification bar.

[0055] Among them, the electronic device 100 can detect the user's operation of sliding down from the top of the display screen and open the notification bar, which can be used to display one or more notification messages pushed by the application, as well as one or more function setting options, such as: Wi-Fi setting items, mobile network setting items, Bluetooth setting items, airplane mode setting items, etc.

[0056] Among them, the service card is a form of interface display that can place important information or operations in the application page in front of the card to achieve direct service access and reduce the level of the purpose. Users do not need to open the application. Through the service card, they can realize some functions in the application and view some content provided in the application.

[0057] In general, by implementing the display method provided in the embodiment of the present application, users can filter the notification messages of the application to avoid all notification messages being displayed in the notification bar, and allow the notification messages specified by the user to be displayed on the service card. Users only need to view the part of the notification messages specified by the user on the service card, which is convenient for users to check the notification messages they are interested in.

[0058] Some user interfaces provided in the embodiments of the present application are introduced below through Figures 1A-1E, Figures 2A-2B, Figures 3A-3C, Figures 4A-4C, Figures 5A-5C, Figures 6A-6B, Figures 7A-7C, Figures 8A-8B, and Figures 9A-9C.

[0059] Figures 1A-1E are relevant user interfaces of the electronic device 100 provided in an embodiment of the present application for enabling the card notification function for an application.

[0060] FIG. 1A illustrates an exemplary user interface 10 for an application menu on an electronic device 100 .

[0061] As shown in FIG1A , the user interface 10 may include: a status bar 101 , a calendar and weather indicator 102 , and one or more application icons 103 . Among them:

[0062] The status bar 101 may include one or more signal strength indicators for mobile communication signals, one or more signal strength indicators for wireless high-fidelity (WiFi) signals, a battery status indicator, and a time indicator. The calendar and weather indicator 102 may be used to display the current time and weather type. One or more application icons 103 may be used to display one or more application icons. For example, as shown in Figure 1A, one or more application icons 103 may include: a settings icon 103A. The settings icon 103A may be an icon for a settings application, which can be used to open the settings application. The settings application can be used to provide users with one or more functions for managing and setting applications, such as managing system accounts, setting airplane mode, Wi-Fi, Bluetooth, personal hotspot, mobile network, notification management, display and brightness, etc. In an embodiment of the present application, the settings application is also used to set the application's card notification function, which can be used to display the application's notification messages on a card on the desktop.

[0063] As shown in Figure 1A, the electronic device 100 can detect a user operation on the settings icon 103A, such as a click operation. In response to the operation, the electronic device 100 can open the settings application and display the user interface 20 as shown in Figure 1B. The user interface 20 can be used to display options corresponding to one or more functions included in the settings application.

[0064] It is understandable that the electronic device 100 can also open the settings application in other ways, such as detecting the user's voice command to open the settings application and triggering the opening of the settings application. The embodiment of the present application does not limit the method of opening the settings application.

[0065] As shown in FIG1B , the user interface 20 may include a notification management option 201. The notification management option 201 is an option corresponding to a notification management function, which can be used to set notification messages of an application.

[0066] It is understandable that the embodiment of the present application does not limit the name of the notification management function. In other embodiments of the present application, the notification management function can also be called a notification message management function, a notification and status bar function, etc.

[0067] As shown in Figure 1B, the electronic device 100 can detect user operations on the notification management option 201, such as a click operation. In response to the operation, the electronic device 100 can display the user interface 30 shown in Figure 1C, which can be used to display the page corresponding to the notification management function.

[0068] As shown in FIG1C , the user interface 30 may include an application display bar 301. The application display bar 301 may be used to display options corresponding to one or more applications installed in the electronic device 100. The user may set notification message notifications for the applications through the one or more options.

[0069] As shown in FIG1C , the application display bar 301 may include a text message option 301A, which is an option corresponding to the text message application. The electronic device 100 may detect a user operation on the text message option 301A, such as a click operation. In response to the operation, the electronic device 100 may display the user interface 40 shown in FIG1D . The user interface 40 may be used to display one or more sub-function options provided for the text message application in the notification management function.

[0070] As shown in FIG1D , the user interface 40 may include: an allow notification option 401 , a card notification option 402 , and a card grouping option 403 .

[0071] The Allow Notification option 401 can be used to turn on or off the notification message notification of the application. If the electronic device 100 turns on the notification message notification of the application, the electronic device 100 can push the notification message of the application, and the user can view the notification message pushed by the application in the notification bar or on the desktop. If the electronic device 100 turns off the notification message notification of the application, the electronic device 100 will not push the notification message of the application, and the user will not view the notification message pushed by the application in the notification bar or on the desktop.

[0072] The card notification option 402 can be used to turn on or off the card notification function of the application. If the electronic device 100 turns on the card notification function of the application, the electronic device 100 can display the notification message pushed by the application on the card on the desktop, and the user can view the notification message pushed by the application on the desktop card. If the electronic device 100 turns off the card notification function of the application, the electronic device 100 will not display the notification message pushed by the application on the card on the desktop, and the user will not view the notification message pushed by the application on the desktop card. For example, the electronic device 100 can display the notification message pushed by the application in the notification bar.

[0073] For example, the card notification option 402 may include a switch 402A, which may detect a user operation, such as a click operation, to turn on or off the card notification function of the application.

[0074] The card group option 403 can be used to set the card group of the application when the card notification function of the application is turned on. Specifically, multiple card groups can be displayed on the desktop of the electronic device 100. The electronic device 100 can set the card group of the application so that when the application has a notification message that needs to be notified, the notification message is displayed in the card group set by the electronic device 100.

[0075] As shown in Figure 1D, the electronic device 100 can detect a user operation on the card grouping option 403, such as a click operation. In response to the operation, the electronic device 100 can display a user interface 50 as shown in Figure 1E, which can be used to display one or more card groups.

[0076] As shown in FIG1E , the user interface 50 may include: a group setting column 501 and a group display column 502 .

[0077] The group settings bar 501 can be used to set the card groups in which applications are located. For example, as shown in FIG1E , the electronic device 100 is configured with three card groups: Group 1, Group 2, and Group 3. The electronic device 100 can detect user selections of options corresponding to different groups and assign applications to the selected card groups. Furthermore, the group settings bar 501 can also include a Create Group option 501A, which can be used to create a new card group.

[0078] Group display bar 502 can be used to display applications included in a card group. For example, as shown in FIG1E , Group 1 may include applications such as a text messaging application, a music application, and a calendar application. Furthermore, electronic device 100 can detect a user's operation on an application included in a card group and remove the application from the card group.

[0079] It can be understood that Figures 1A-1E take the SMS application as an example to show the relevant user interfaces of the electronic device 100 for setting the card notification function for the SMS application. The SMS application is only an application used as an example in the embodiment of the present application. The electronic device 100 can set the card notification function for any application installed on it, and the embodiment of the present application does not limit this application.

[0080] As can be seen from Figures 1A to 1E, the electronic device 100 can set the card notification function of the application by setting the application, and the user can choose whether to enable the card notification function of the application according to his or her own intention. Among them, if the electronic device 100 obtains a notification message pushed by an application with the card notification function enabled, the notification message will be displayed on the desktop card. If the electronic device 100 obtains a notification message pushed by an application that does not have the card notification function enabled, the notification message will not be displayed on the desktop card, for example, the notification message will be displayed in the notification bar.

[0081] In some embodiments, after the electronic device 100 obtains a notification message from an application, before displaying the notification message on a notification bar or a desktop card, the electronic device 100 may issue a banner notification for the notification message, i.e., display the notification message floating at the top of the current user interface, and the notification message may automatically disappear after a short stay. If the user does not process the notification message while it is floating, the electronic device 100 will display the notification message on the notification bar or the desktop card again.

[0082] Furthermore, the electronic device 100 can only display notification messages pushed by applications that do not have the card notification function enabled at the top of the current user interface. If the notification message received by the electronic device 100 is a notification message pushed by an application that has the card notification function enabled, there is no need to display the notification message at the top of the current user interface, and the notification message can be directly displayed on the desktop card. In this way, the electronic device 100 can avoid displaying every notification message received at the top of the user interface, blocking the content the user is viewing and affecting the matters the user is processing, and reducing the number of times the notification messages pushed by the application affect the user.

[0083] In addition to setting the card notification function of the application in the manner shown in Figures 1A-1E, so that the electronic device 100 can display all notification messages pushed by the application on the card, the electronic device 100 can also authorize the card notification function only for some notification messages of the application, so that when the electronic device 100 obtains the notification message of the application authorized card notification, it can display it on the card, while for the notification message of the application that is not authorized card notification, it will not be displayed on the card, for example, it will still be displayed in the notification bar.

[0084] In this way, not only can all notification messages pushed by the application be avoided from being displayed in the notification bar, but when the electronic device 100 obtains the notification messages of the application, the notification messages of the application can also be filtered, so that the user can view the part of the notification messages specified by the user for the application in the card, thereby improving the efficiency of the user's browsing of notification messages and facilitating the user to quickly view the notification messages specified by the user through the card.

[0085] 2A and 2B illustrate different ways in which the electronic device 100 authorizes the card notification function for notification messages of applications.

[0086] It should be understood that Figures 2A and 2B use the SMS application as an example to describe the relevant user interface of the electronic device 100 for authorizing the card notification function for the application's notification message. The SMS application does not constitute a limitation to the embodiments of the present application. The electronic device 100 can also authorize the card notification function for notification messages of other applications in the manner shown in Figures 2A and 2B.

[0087] 2A shows a user interface involved in the electronic device 100 authorizing a card notification function for an application's notification message on an application page.

[0088] FIG2A( a ) shows a user interface 60 in a text messaging application. The user interface 60 may be used to display a chat page between the user and the contact “Lucy”.

[0089] As shown in (a) of FIG2A , the user interface 60 may include a more option 601. The more option 601 may be used to provide one or more function options for a chat page between the user and the contact “Lucy”.

[0090] For example, if the electronic device 100 detects a user operation on the more options 601, such as a click operation, in response to the operation, the electronic device 100 may display a new option bar 602 as shown in (b) in FIG. 2A in the user interface 60.

[0091] As shown in (b) of FIG2A , the option bar 602 may include: a delete option 602A, a view contact option 602B, and a card notification option 602C.

[0092] The delete option 602A may be used to delete the conversation with the contact "Lucy".

[0093] The view contact option 602B may be used to display detailed information of the contact "Lucy", such as contact number, call history, etc.

[0094] Card notification option 602C can be used to enable the card notification function for notification messages sent by the contact "Lucy", that is, to authorize the card notification function for notification messages sent by the contact "Lucy". If the card notification function is authorized for notification messages sent by the contact "Lucy", after the electronic device 100 obtains the notification message sent by the contact "Lucy", it can display the notification message on the card instead of displaying the notification message in the notification bar.

[0095] FIG2B( a ) shows the user interface 10 displayed by the electronic device 100 after receiving a notification message sent by the contact “Lucy” in the SMS application.

[0096] As shown in (a) of FIG2B , the user interface 10 may include a notification message display window 104. The notification message display window 104 may be used to display a notification message (hereinafter referred to as notification message 1) sent by the contact "Lucy" in the SMS application.

[0097] Exemplarily, the notification message display window 104 can be displayed floating at the top of the user interface 10, and if the electronic device 100 does not detect the user's operation on the notification message display window 104, the notification message display window 104 can disappear after a short stay.

[0098] The notification message display window 104 may include: more options 104A. The more options 104A may be used to provide one or more function options for the notification message 1.

[0099] For example, if the electronic device 100 detects a user operation on the more options 104A, such as a click operation, in response to the operation, the electronic device 100 may display a new option bar 105 as shown in (b) in FIG. 2B in the user interface 10 .

[0100] As shown in (b) of FIG. 2B , the option bar 105 may include: a delete option 105A, a reply option 105B, and a card notification option 105C.

[0101] in:

[0102] The delete option 105A may be used to delete the notification message 1. After the electronic device 100 deletes the notification message 1, the electronic device 100 will not display the notification message 1 in the notification bar.

[0103] The reply option 105B may be used to open a chat window between the user and the contact "Lucy", so that the user can reply to the notification message 1 .

[0104] The card notification option 105C can be used to enable the card notification function for notification messages sent by the contact "Lucy", that is, to authorize the card notification function for notification messages sent by the contact "Lucy". If the card notification function is authorized for notification messages sent by the contact "Lucy", after the electronic device 100 obtains the notification message sent by the contact "Lucy", it can display the notification message on the card instead of displaying the notification message in the notification bar.

[0105] In addition, for notification messages sent by other contacts in the SMS application, if the user has not authorized card notification, when the electronic device 100 obtains notification messages sent by other contacts, it will still display these notification messages in the notification bar instead of displaying the notification messages in the card.

[0106] As can be seen from Figures 2A and 2B, a user can authorize the card notification function for a notification message of this type pushed by an application while viewing the notification message pushed by the application within the application, or authorize the card notification function for a notification message of this type pushed by the application when the electronic device 100 pushes the notification message of the application. In this way, the user can determine at any time whether to transfer a certain type of notification message pushed by the application to the card for push, according to their own needs, meeting the user's personalized control needs for notification messages.

[0107] Optionally, in addition to authorizing the card notification function for a certain type of notification message in the application in the manner shown in Figures 2A and 2B, the electronic device 100 can also provide the user with the option of setting a card group for this type of notification message, making it easier for the user to set the card group in which the notification message is located. In this way, when the electronic device 100 displays an application page or displays a notification message pushed by an application, the card group for the notification message pushed by the application can be set.

[0108] In some embodiments, after the electronic device 100 turns on the card notification function for a certain type of notification message in the application, the electronic device 100 can also turn off the card notification function for the notification message of this category based on the user operation. For example, the electronic device 100 can display an option for turning off the card notification function on the application page (such as the user interface 10 shown in (b) of Figure 2A), and the electronic device 100 can detect the user operation acting on the option and turn off the card notification function for a certain type of notification message displayed on the application page. Alternatively, the electronic device 100 can display an option for turning off the card notification function on the window corresponding to the notification message (such as the user interface 10 shown in (b) of Figure 2B) when pushing a notification message, and the electronic device 100 can detect the user operation acting on the option and turn off the card notification function for this type of notification message displayed in the window. Alternatively, the electronic device 100 can also manage the card notification function of different categories of notification messages in the application by setting the application. The embodiments of the present application are not limited to this.

[0109] 3A-3C show the relevant user interfaces of the electronic device 100 displaying notification messages in cards.

[0110] FIG3A shows a user interface 70 of the electronic device 100 displaying a service card corresponding to a notification message on the desktop.

[0111] As shown in FIG3A , the user interface 70 may include a card stack 701, which may be used to display notification messages pushed by one or more applications, wherein the notification messages pushed by an application may be one or more. The card stack 701 may be composed of one or more cards. When the card stack 701 is composed of multiple cards, the multiple cards may be stacked up and down in a certain order. The order may refer to the time sequence before and after the electronic device 100 obtains the notification message, or may refer to the order in which the important programs of the notification message are arranged. This embodiment of the present application does not limit this.

[0112] Exemplarily, as shown in FIG3A , the card stack 701 may include two cards stacked one above the other, wherein one card is used to display one notification message.

[0113] In some embodiments, the card stack 701 may only display the notification message in one of the cards, and the content in other cards may be blocked by the cards above them due to the influence of the upper and lower blocking between the cards. In this way, the user can focus on the content of only one of the notification messages through the card stack.

[0114] In some embodiments, in addition to displaying the notification message in one of the cards, the card stack 701 may also display partial content in other cards, such as application information corresponding to the notification message, including the application icon, application name, etc. In this way, the user can not only view the full content of the notification message displayed on one of the cards through the card stack, but also understand partial content of the notification messages displayed on other cards. When the user switches the stacking order of the cards in the card stack, the user can switch the cards in the card stack in a targeted manner based on the partial information displayed on other cards.

[0115] It is understood that in the card stack shown in FIG3A , the multiple cards can be stacked together in a vertical direction. In other embodiments of the present application, the multiple cards in the card stack can also be stacked together in a horizontal direction. The embodiment of the present application does not limit the direction of card stacking.

[0116] As shown in FIG3A , the card stack 701 may include a card 701A, which may be used to display a notification message pushed by a calendar application. The notification message may display the notification message content “Meeting notification at 10:00 on February 9” and the push time of the notification message.

[0117] After Figure 3A, if the electronic device 100 turns on the card notification function of the SMS application according to the above Figures 1A-1E or turns on the card notification function of the specified notification message for the SMS application according to the above Figures 2A or 2B, the electronic device 100 can add a blank card 701B as shown in Figure 3B to the card stack on the desktop, such as the card stack 701 shown in Figure 3A. The blank card 701B can be used to display the notification message or the specified notification message of the SMS application in the blank card 701B after the electronic device 100 obtains the notification message.

[0118] As shown in FIG3B , a blank card 701B may be displayed at the top of the card stack 701. For example, the blank card 701B may display an application icon of a text messaging application. The present embodiment of the present application does not limit the content displayed in the blank card 701B.

[0119] If the electronic device 100 obtains a notification message from a short message application or a specified notification message of a user-authorized card notification function, the electronic device 100 may update the blank card 701B to a card 701C as shown in FIG3C .

[0120] As shown in FIG. 3C , card 701C may be used to display a notification message “OK” sent by a contact “Lucy” in a text messaging application.

[0121] It should be noted that if the electronic device 100 turns on the card notification function of the SMS application according to Figures 1A-1E, the card 701C can be used to display any notification message of the SMS application obtained by the electronic device 100. If the electronic device 100 turns on the card notification function for the specified notification message of the SMS application according to Figure 2A or Figure 2B, then the card 701C is only used to display the specified notification message for the SMS application obtained by the electronic device 100. For example, if the electronic device 100 turns on the card notification function for the notification message of the contact "Lucy" in the SMS application according to Figure 2A or Figure 2B, then the card 701C is only used to display the notification message sent by the contact "Lucy".

[0122] It is understandable that after the electronic device 100 displays the user interface 70 shown in Figure 3A, if the electronic device 100 turns on the card notification function of the SMS application or turns on the card notification function of the specified notification message for the SMS application, the electronic device 100 may not need to display a blank card 701B as shown in Figure 3B on the card stack 701, but after obtaining the notification message or the specified notification message of the SMS application, it may display a card 701C as shown in Figure 3C on the card stack 701 shown in Figure 3A.

[0123] In some embodiments, the electronic device 100 may also detect a user action on the card stack and adjust the position of the card stack on the desktop. For example, in FIG3C , the electronic device 100 may detect a user action on the card stack 701 dragging downward, thereby moving the card stack 701 downward.

[0124] As can be seen from Figures 3A to 3C, after the application turns on the card notification function or the application's designated notification message turns on the card notification function, you can first add a blank card corresponding to the application or the designated notification message on the desktop, and when the application has a notification message or a designated notification message that needs to be notified, the notification message is displayed on the blank card. Alternatively, after the application turns on the card notification function or the application's designated notification message turns on the card notification function, you can add a new card to the desktop and display the notification message on the card when the application has a notification message or a designated notification message that needs to be notified.

[0125] 4A-4C show the relevant user interfaces of the electronic device 100 when opening an application page through a card.

[0126] FIG4A shows a user interface 70 of the electronic device 100 displaying a service card corresponding to a notification message on the desktop.

[0127] As shown in Figure 4A, the user interface 70 may include a card stack 701, which may be composed of three cards stacked together. Among them, the card 701C located at the top of the card stack 701 is a notification message sent by the contact "Lucy" pushed by the SMS application.

[0128] In one example, the electronic device 100 may detect a user operation on the card 701C, such as a click operation. In response to the operation, the electronic device 100 may suspend and display the application page corresponding to the notification message displayed in the card 701C.

[0129] 4A and 4B , when the electronic device 100 detects a click operation on the card 701C shown in FIG4A , in response to the operation, the electronic device 100 may float and display the window A shown in FIG4B in the user interface 70, and the window A may be used to display the chat page between the user and the contact "Lucy" in the SMS application.

[0130] In one example, the electronic device 100 may detect a user operation on the card 701C, such as a double-click operation. In response to the operation, the electronic device 100 may display the application page corresponding to the notification message displayed in the card 701C in full screen.

[0131] 4A and 4C , when the electronic device 100 detects a double-click operation on the card 701C shown in FIG4A , in response to the operation, the electronic device 100 may display a user interface 70 as shown in FIG4C , which is used to display a chat page between the user and the contact “Lucy” in the SMS application.

[0132] As can be seen from Figures 4A-4C, in addition to being able to view notification messages through the card on the desktop, users can also open the application page corresponding to the notification message through the card, so that users can view the details of the notification message and process the notification message.

[0133] It can be understood that since the user has viewed the application page corresponding to the notification message, the notification message has been viewed by the user. Therefore, after the electronic device 100 opens the application page corresponding to the notification message, the card corresponding to the notification message on the desktop can be deleted to avoid the card corresponding to the notification message affecting the user's browsing of notification messages on other cards.

[0134] 5A-5C show the relevant user interfaces of the electronic device 100 for adjusting the order of cards.

[0135] FIG5A shows a user interface 70 of the electronic device 100 displaying a service card corresponding to a notification message on the desktop.

[0136] As shown in FIG5A , the user interface 70 may include a card stack 701 , which may be composed of three stacked cards, wherein the card 701C located at the top of the card stack 701 is a notification message sent by the contact “Lucy” pushed by the SMS application.

[0137] As shown in Figure 5A, the electronic device 100 can detect a user operation acting on card 701C, such as a swipe up operation. In response to the operation, the electronic device 100 can adjust the order of the cards contained in the card stack 701, for example, moving the card stacked on the lower layer of card 701C to the top layer, and moving card 701C to the bottom layer in the card stack 701. The card stack 701 after the adjusted order can be seen in Figure 5B.

[0138] As shown in FIG5B , the card stacked on the top layer in the card stack 701 is card 701D, which displays a notification message pushed by a music application. The content of the notification message may include: “The musician you follow has released a new album, come and listen to it!”.

[0139] Further, as shown in Figure 5B, the electronic device 100 can detect a user operation acting on card 701D, such as a swipe up operation. In response to the operation, the electronic device 100 can continue to adjust the order of the cards contained in the card stack 701, for example, moving the card stacked under card 701D to the top layer, and moving card 701D to the bottom layer in the card stack 701. The card stack 701 after the adjusted order can be shown in Figure 5C.

[0140] As shown in FIG5C , the card stacked on the top layer in the card stack 701 is card 701A, which displays a notification message pushed by the calendar application. The content of the notification message may include: “Meeting notification at 10:00 on February 9th”.

[0141] It is understood that, in addition to being able to detect the user sliding the card stack upward to move the position of each card upward, the electronic device 100 can also detect the user sliding the card stack downward to move the position of each card downward. In addition, if the cards in the card stack are stacked together in a horizontal arrangement, the operation of adjusting the card order can refer to a sliding operation in the left-right direction. The embodiment of the present application does not limit the form of the user operation to adjust the card order.

[0142] As can be seen from Figures 5A to 5C, the electronic device 100 can adjust the order of each card in the card stack based on user operations, so that the user can view the notification messages displayed on each card in the card stack by adjusting the order of the cards.

[0143] 6A-6B illustrate user interfaces related to deleting cards in a card stack on the electronic device 100 .

[0144] FIG6A shows a user interface 70 of the electronic device 100 displaying a service card corresponding to a notification message on the desktop.

[0145] As shown in Figure 6A, the user interface 70 may include a card stack 701, which may be composed of three cards stacked together. Among them, the card 701C located at the top of the card stack 701 is a notification message sent by the contact "Lucy" pushed by the SMS application.

[0146] As shown in Figure 6A, the electronic device 100 can detect a user operation on the card 701C, such as a left swipe operation. In response to the operation, the electronic device 100 can delete the card 701C, and the card stack 701 is changed to the card stack 702 shown in Figure 6B.

[0147] As shown in FIG6B , card stack 702 has one less card than card stack 701 shown in FIG6A , namely, card 701C shown in FIG6A . Furthermore, card 702A displayed on the top layer of card stack 702 is the card located below card 701C in card stack 701 shown in FIG6A . Card 702A displays a notification message pushed by a music application. The content of the notification message may include: "The musician you follow has released a new album. Come and listen to it!"

[0148] It is understandable that the electronic device 100 can continue to detect user operations on the card 702A shown in Figure 6B, such as a left swipe operation, to delete the card 702A.

[0149] It should be noted that, in addition to the left swipe operation, the electronic device 100 can also delete a card in the card stack by detecting a right swipe operation on a card in the card stack. In addition, if the cards in the card stack are stacked together in a horizontal arrangement, the card deletion operation can refer to a vertical swipe operation. The embodiment of the present application does not limit the form of this operation.

[0150] As can be seen from Figures 6A and 6B, the electronic device 100 can delete cards in the card stack based on user operations. In this way, the user can clean up the number of cards contained in the card stack by himself, thereby improving the efficiency of the user in browsing notification messages.

[0151] 7A-7C show the relevant user interfaces of the electronic device 100 for setting to-do items for a card.

[0152] FIG7A shows a user interface 70 of the electronic device 100 displaying a service card corresponding to a notification message on the desktop.

[0153] As shown in Figure 7A, the user interface 70 may include a card stack 701, which may be composed of three cards stacked together. Among them, the card 701C located at the top of the card stack 701 is a notification message sent by the contact "Lucy" pushed by the SMS application.

[0154] As shown in Figure 7A, the electronic device 100 can detect a user operation on the card 701C, such as a long press operation. In response to the operation, the electronic device 100 can display a new window 703 as shown in Figure 7B in the user interface 70. The window 703 can be used to set a to-do item for the card 701C.

[0155] As shown in FIG7B , window 703 may include a time setting option 703A, a cancel option 703B, and a confirmation option 703C. Time setting option 703A may be used to set a reminder time for a to-do item, cancel option 703B may be used to cancel the to-do item, and confirmation option 703C may be used to confirm the to-do item. After the user sets the time interval for the to-do item, electronic device 100 may display card 701C at the top of card stack 701.

[0156] For example, if the user sets the reminder time for the to-do item to 20 minutes through Figure 7B, the electronic device 100 can start timing after detecting that the confirmation option 703C is acted upon. After 20 minutes, the card 701C is displayed at the top of the card stack 701, that is, the card stack 701 shown in Figure 7C is displayed, and the card 701C is located at the top layer of the card stack 701. If a new card is added to the card stack 701 subsequently, the new card is still stacked below the card 701C, and the card 701C is always located at the top layer of the card stack 701.

[0157] As shown in FIG7C , card 701C further includes a top mark 7011C. The top mark 7011C is used to display only the current card 701C at the top of the card stack 701 .

[0158] Optionally, after 20 minutes, if the electronic device 100 does not display the user interface 70, the electronic device 100 may output a prompt message, prompting the user to switch to the user interface 70 in time to view and process the card 701C. The method of outputting the prompt message may include but is not limited to: displaying a prompt message, vibrating, or voice prompting.

[0159] It is understandable that before the reminder time set by the user arrives, the card set to be done will still be affected by the user's operation of adjusting the card order or adding new cards to the card stack, changing the order in the card stack. Only when the reminder time arrives will the electronic device 100 display the card set to be done at the top.

[0160] As can be seen from Figures 7A to 7C, the electronic device 100 can set to-do items for cards in the card stack based on user operations, so that the cards can be displayed at the top after the reminder time set by the user, making it easier for the user to check the cards that need to be processed in time and strengthen the user's management of the cards.

[0161] 8A-8B show user interfaces related to the electronic device 100 adjusting card stacks of different groups.

[0162] 8A shows a user interface 70 of the electronic device 100 displaying multiple card piles on a desktop, wherein one card pile corresponds to one card group, and cards in the same card group can be stacked to form one card pile.

[0163] As shown in Figure 8A, user interface 70 may include card stack 701 and card stack 704. Card stack 701 is composed of three stacked cards, while card stack 704 is composed of two stacked cards. Card 701C, located at the top of card stack 701, is a notification message sent by contact "Lucy" through a text messaging app. Card 704A, located at the top of card stack 704, is a notification message pushed by the itinerary app. The content of this notification message may include: "Check-in begins at 9:00 AM. Please arrange your time!"

[0164] The cards included in different card piles may be determined by the card grouping set when the user turns on the card notification function of the application or specifies the notification message of the application.

[0165] Furthermore, electronic device 100 may also modify the card groupings of different cards based on user operations. Specifically, referring to FIG8A , electronic device 100 may detect a drag operation on card 701C, such as a drag operation toward card stack 704 , move card 701C to card stack 704 , and display user interface 70 as shown in FIG8B .

[0166] As shown in FIG8B , user interface 70 may include card stack 705 and card stack 706. Card stack 705 is the card stack after card 701C is deleted from card stack 701 shown in FIG8A , and card stack 706 is the card stack after card 701C is added to card stack 704 shown in FIG8A . For example, card stack 704 may be displayed at the top of card stack 706 .

[0167] It is understandable that the electronic device 100 can continue to detect the user's dragging operation on the cards in the card stack to adjust the grouping of the cards.

[0168] In addition, in some embodiments, the electronic device 100 can also detect the user's dragging operation of a card to a blank area of ​​the desktop, delete the card from the original card group, and reorganize the card into a new card group in the blank area.

[0169] As can be seen from Figures 8A-8B, the electronic device 100 can set different groups for notification messages in the form of card stacks. The electronic device 100 can also adjust the notification messages displayed in different groups based on user operations, so that users can manage different notification messages in the form of groups.

[0170] Since the electronic device 100 typically has multiple applications installed, and an application typically pushes multiple notification messages, a card stack can be used to display multiple notification messages pushed by multiple applications. To facilitate users in quickly distinguishing notification messages between different applications and different notification messages within an application from the multiple cards contained in the card stack, the electronic device 100 can use different stacking methods when placing cards corresponding to notification messages from different applications and cards corresponding to notification messages from the same application in a card stack, thereby facilitating users to manage and browse the various notification messages in the cards.

[0171] 9A-9C illustrate a user interface related to the electronic device 100 displaying a card stack.

[0172] FIG9A shows a user interface 70 of the electronic device 100 displaying a service card corresponding to a notification message on the desktop.

[0173] As shown in FIG9A , the user interface 70 may include a card stack 707, which may be composed of five stacked cards. Three of the cards are stacked together in a horizontal direction, and the three horizontally stacked cards are used to display notification messages pushed by the same application, such as a text message application. The three cards are then stacked together with the remaining two cards in a vertical direction, and the vertically stacked cards are used to display notification messages pushed by different applications.

[0174] Among them, the card 707A located at the top of the card stack 707 is used to display the notification message sent by the contact "Lucy" pushed by the SMS application.

[0175] As shown in Figure 9A, the electronic device 100 can detect a user operation on card 707A, such as a left swipe operation, and in response to the operation, change the hierarchical relationship of card 707A among the three cards stacked on the left and right, that is, display the card stack 707 shown in Figure 9B.

[0176] As shown in FIG9B , compared to FIG9A , card 707B located on the right side of card 707A is moved to the top layer of card stack 707 . Card 707B is used to display a notification message sent by contact “Tom” pushed by the SMS application, and the content of the notification message is “Good morning.”

[0177] It is understandable that in addition to changing the hierarchical relationship of horizontally stacked cards by swiping left, the hierarchical relationship of horizontally stacked cards can also be changed by swiping right.

[0178] That is to say, in the card stack, notification messages pushed by the same application can be stacked together horizontally, and users can switch to view different notification messages pushed by the same application by swiping left and right.

[0179] In some embodiments, the electronic device 100 may further detect a user operation on the card stack 707 and delete one or more cards in the card stack 707. For example, the electronic device 100 may detect a delete operation on the card 707B shown in FIG. 9B and delete the card 707B, or delete the cards in the card stack 707 that belong to the same application as the card 707B, that is, delete the cards in the card stack 707 that are stacked horizontally with the card 707B. For example, the delete operation may refer to a long press operation, a sliding operation on a specified position of the card, a click operation on the delete icon in the card, etc. The embodiments of the present application do not limit the delete operation.

[0180] In some other embodiments, when the electronic device 100 switches the order of cards, if the electronic device 100 completely displays all the contents of a card contained in the card stack 707, it means that the user has finished reading the card, and therefore, the electronic device 100 can automatically delete the card.

[0181] As shown in Figure 9B, the electronic device 100 can detect a user operation on card 707B, such as a swipe up operation, and in response to the operation, change the hierarchical relationship of the cards stacked up and down in the card stack 707, that is, display the card stack 707 shown in Figure 9C.

[0182] As shown in FIG9C , compared to FIG9B , card 707C located above card 707B is moved to the top of card stack 707, while card 707B and all cards stacked on its left and right sides are moved to the bottom of card stack 707. Card 707C is used to display a notification message pushed by the calendar application, including the content of the notification message: "Meeting notification at 10:00 on February 9th."

[0183] It is understandable that, in addition to changing the hierarchical relationship of the vertically stacked cards by sliding up, the hierarchical relationship of the vertically stacked cards can also be changed by sliding down.

[0184] That is to say, in the card stack, notification messages pushed by different applications can be stacked together in a vertical direction, and users can switch to view notification messages pushed by different applications by swiping up and down.

[0185] It can be understood that Figures 9A-9B only exemplarily describe the notification messages of different applications and the possible stacking methods of different notification messages of the same application. In other embodiments of the present application, different notification messages of the same application can be stacked vertically, and notification messages of different applications can be stacked horizontally. The embodiments of the present application do not limit this.

[0186] As can be seen from Figures 9A to 9C, the electronic device 100 can arrange the cards corresponding to notification messages of the same application and different applications in a more orderly manner through different stacking methods, so that users can find the content they want to browse more quickly when viewing notification messages through the card stack.

[0187] It will be understood that the user interfaces shown in the above Figures 1A-1E, 2A-2B, 3A-3C, 4A-4C, 5A-5C, 6A-6B, 7A-7C, 8A-8B, and 9A-9C and the notification message contents of the applications mentioned therein are merely illustrative examples and do not constitute a limitation to the embodiments of the present application.

[0188] FIG10 is a flow chart of a display method provided in an embodiment of the present application.

[0189] As shown in FIG10 , the display method may include the following steps:

[0190] S101. The electronic device 100 turns on the card notification function of the first application.

[0191] The first application may refer to any application installed in the electronic device 100 , and the embodiment of the present application does not limit the first application.

[0192] The card notification feature allows users to display push notifications from apps as cards. This eliminates the need for users to view push notifications in the notification bar; users can browse push notifications directly from the service card on their desktop.

[0193] The electronic device 100 may enable the card notification function of the application based on the user's operation. In other words, the electronic device 100 may determine whether to enable the card notification function of the application based on the user's wishes.

[0194] For example, the electronic device 100 can manage the card notification function of each application by setting the application, for example, turning on or off the card notification function of the application by setting the application, setting the card grouping of the application by setting the application, etc.

[0195] For details about how the electronic device 100 enables the card notification function of an application by setting the application, and sets the card grouping of the application, please refer to the relevant descriptions of Figures 1A to 1E.

[0196] S102. The electronic device 100 receives a first notification message.

[0197] The first notification message may refer to a notification message pushed by an application server of the application or the application in the electronic device 100 to the electronic device 100. The application server of the application may send the notification message of the application to the electronic device 100 to push the notification message.

[0198] For example, if the application is an e-commerce application, the first notification message of the application may include relevant information about shopping items; if the application is an instant messaging application, the first notification message of the application may include chat information of contacts; if the application is an audio and video entertainment application, the first information of the application may include relevant information about music videos.

[0199] For example, the electronic device 100 may obtain the first notification message through a notification manager, which may be a software module included in the application framework layer. The notification manager may be used to manage the content pushed by the application and enable the electronic device 100 to display the notification message pushed by the application.

[0200] S103. When the application corresponding to the first notification message turns on the card notification function, the electronic device 100 displays a first card on the desktop, where the first card is used to display the first notification message.

[0201] For example, the electronic device 100 may establish and maintain an application list, in which the identifiers of applications for which the card notification function is enabled in the electronic device 100, such as the application package name, application name, etc., may be stored. If the electronic device 100 enables the card notification function of an application, the identifier of the application is added to the application list; if the electronic device 100 disables the card notification function of an application, the identifier of the application is deleted from the application list.

[0202] In a specific implementation, the electronic device 100 determines whether the application corresponding to the first notification message has the card notification function enabled. It can check whether the application list contains the application's logo. If it does, it means that the application has the card notification function enabled. If not, it means that the application has not enabled the card notification function.

[0203] Exemplarily, if the application corresponding to the first notification message does not enable the card notification function, the electronic device 100 may display the first notification message in the notification bar.

[0204] When the application corresponding to the first notification message enables the card notification function, the electronic device 100 can display the first card in a blank space on the desktop. Alternatively, if the electronic device 100 already displays a second card on the desktop, the electronic device 100 can overlay the first card on top of the second card when displaying the first card. In this way, multiple cards on the desktop can be prevented from occupying too much space, thereby improving the utilization of the desktop.

[0205] The positional relationship between the first card and the second card can be as follows:

[0206] 1) The first card covers the entire content of the second card, showing only part of the border of the second card

[0207] In this case, the user can view a card pile with multiple cards stacked together on the desktop, and the user can know the number of cards contained in the card pile through the border of the card displayed in the card pile, but the user can only view the content displayed on one of the cards. The user needs to switch cards to view the content displayed on other cards.

[0208] 2) The first card blocks part of the content displayed by the second card

[0209] In this case, the user can view a pile of cards stacked together on the desktop. In addition to being able to view all the content displayed on one of the cards, the user can also view partial content displayed on the remaining cards. In this way, the user can switch cards in a targeted manner based on the partial content displayed on other cards, so that the user can quickly view the notification messages he wants to browse.

[0210] It is understandable that the positional relationship between the first card and the second card may exist in other situations, such as the first card completely covering the second card, etc. The embodiment of the present application does not limit the positional relationship between the first card and the second card.

[0211] In some embodiments, the electronic device 100 can detect a user operation on the first card and open the application page corresponding to the first notification message. The electronic device 100 can display the application page corresponding to the first notification message in full screen or in a suspended state. For example, the electronic device 100 can determine whether to display the application page corresponding to the first notification message in full screen or in a suspended state based on the type of user operation, thereby meeting the user's various personalized needs for viewing notification messages.

[0212] In some embodiments, the electronic device 100 can detect a user operation on the first card and delete the first card. In this way, the user can manually clean up the cards displayed on the desktop.

[0213] In some embodiments, the electronic device 100 can detect a user operation on the first card and set a reminder time for the first card. When the reminder time arrives, the electronic device 100 can display the first card at the top, thereby achieving the effect of reminding the user to check the card at the reminder time set by the user.

[0214] In some embodiments, the electronic device 100 can also group cards. Each group can correspond to a card stack, and the user can view cards from the same group in the same card stack. Furthermore, the electronic device 100 can detect a user dragging a card from one group to another and change the grouping of the card. In this way, by grouping cards and adjusting the card grouping method, it is convenient for users to organize and manage multiple cards.

[0215] In some embodiments, since the electronic device 100 can obtain notification messages from different applications, as well as different notification messages from the same application, for multiple cards stacked together, the electronic device 100 can set different stacking methods for the cards corresponding to the notification messages of the same application and the cards corresponding to the notification messages of different applications. For example, notification messages of the same application can be stacked together in a horizontal stacking manner, and notification messages of different applications can be stacked together in a vertical stacking manner. In this way, for multiple cards in a card pile, the user can understand which cards display notification messages from the same application and which cards display notification messages from different applications through the stacking method.

[0216] FIG11 is a flow chart of another display method provided in an embodiment of the present application.

[0217] As shown in FIG11 , the display method may include the following steps:

[0218] S201. The electronic device 100 enables the card notification function of the first type of notification message of the first application.

[0219] An app can push notifications of various types. For example, an instant messaging app can push notifications for different contacts, an e-commerce app can push notifications for different stores, and a multimedia app can push notifications for different multimedia publishers.

[0220] Therefore, the electronic device 100 can manage the card notification function of different categories of notification messages in the application based on the category of the notification message in the application. If the card notification function is enabled for a certain category of notification messages in the application, the notification messages belonging to the category obtained by the electronic device 100 can be displayed in the desktop card, and the notification messages that do not belong to the category can be displayed in the notification bar.

[0221] For example, the electronic device 100 may enable the card notification function of the first type of notification message of the first application in the following two ways:

[0222] 1) The electronic device 100 detects a user operation on a category option corresponding to the first category notification message displayed in the first application, and enables a card notification function for the first category notification message of the first application.

[0223] For example, if the first application is an instant messaging application, the category option may refer to a contact option; if the first application is an e-commerce application, the category option may refer to a store option; if the first application is a multimedia application, the category option may refer to a multimedia publisher option.

[0224] Exemplarily, the user operation may include a user operation on the more option 601 shown in FIG. 2A (a) and a user operation on the card notification option 602C shown in FIG. 2A (b).

[0225] 2) The electronic device 100 detects a user operation on a notification message belonging to the first category of notification messages, and enables a card notification function for the first category of notification messages of the first application.

[0226] Since the application can push one or more notification messages belonging to the same category, the electronic device 100 can detect the user operation for the notification message during the display of the notification message and enable the card notification function for all notification messages of the category described by the notification message.

[0227] For example, if the first application is an instant messaging application, when the electronic device 100 displays a notification message of the first contact pushed by the instant messaging application, the electronic device 100 can detect the user operation on the notification message and turn on the card notification function for all notification messages of the first contact. If the first application is an e-commerce application, when the electronic device 100 displays a notification message of the first store pushed by the e-commerce application, the electronic device 100 can detect the user operation on the notification message and turn on the card notification function for all notification messages of the first store. If the first application is a multimedia application, when the electronic device 100 displays a notification message of the first multimedia publisher pushed by the video playback application, the electronic device 100 can detect the user operation on the notification message and turn on the card notification function for all notification messages of the first multimedia publisher.

[0228] Exemplarily, the user operation may include a user operation on the more option 104A shown in FIG. 2B (a) and a user operation on the card notification option 105C shown in FIG. 2B (b).

[0229] It is understandable that the electronic device 100 may provide a "card notification" interface, and each application may implement a card notification function for a certain category of notification messages in the application by calling the interface.

[0230] S202. The electronic device 100 receives a first notification message.

[0231] S203. When the first notification message belongs to the notification message category with the card notification function enabled, the electronic device 100 displays a first card on the desktop, where the first card is used to display the first notification message.

[0232] Exemplarily, the electronic device 100 may establish and maintain a notification message list, in which the identifiers of the notification message categories for which the card notification function is enabled in the electronic device 100 may be stored. Specifically, when the card notification function of the first type of notification message of the first application is enabled, the electronic device 100 may obtain the identifier of the first type of notification message and store it in the notification message list. For example, if the first type of notification message is a notification message from a certain contact, the identifier may be the name of the contact. For another example, if the first type of notification message is a notification message from a certain store, the identifier may be the name of the store. For another example, if the first type of notification message is a notification message from a multimedia publisher, the identifier may refer to the name of the multimedia publisher.

[0233] In a specific implementation, the electronic device 100 determines whether the first notification message belongs to the first category of notification messages. It can check whether the identifier of the notification message category corresponding to the notification message is located in the notification message list. If so, it means that the first notification message belongs to a notification message for turning on the card notification function. If not, it means that the first notification message does not belong to a notification message for turning on the card notification function.

[0234] Exemplarily, if the first notification message is not a notification message for enabling the card notification function, the electronic device 100 may display the first notification message in the notification bar.

[0235] As can be seen from steps S201-S203, if the notification message received by the electronic device 100 belongs to a category of notification messages for which the user has authorized the card notification function, the electronic device 100 can display the notification message in the form of a card. In this way, the electronic device 100 can avoid displaying all notification messages in the notification bar, and only display notification messages of a certain category specified by the user on the service card, making it easier for the user to view the notification messages of interest.

[0236] For details not mentioned in steps S201-S203, please refer to the above steps S101-S103, which will not be repeated here.

[0237] FIG12 is a flow chart of a display method provided in an embodiment of the present application.

[0238] S301. The electronic device 100 receives a first notification message from a first application.

[0239] The first application may refer to any application installed on the electronic device 100. The first notification message may refer to a message sent by the first application on the electronic device 100, or may refer to a message sent to the electronic device 100 by an application server of the first application.

[0240] For example, if the application is an e-commerce application, the first notification message of the application may include relevant information about shopping items; if the application is an instant messaging application, the first notification message of the application may include chat information of contacts; if the application is a multimedia application, the first information of the application may include relevant information about music videos.

[0241] The first notification message belongs to the first type of notification message with the card notification function enabled in the first application. Before the electronic device 100 receives the first notification message of the first application, the electronic device 100 can enable the card notification function of the first type of notification message in any of the following ways:

[0242] 1) The electronic device 100 may display a first page of a first application, where the first page is used to display a first type of notification message in the first application. The electronic device 100 may detect a first operation performed on the first page and enable a card notification function for the first type of notification message.

[0243] Exemplarily, the first application may refer to a text messaging application, the first page may refer to the chat page shown in (a) in Figure 2A, the first type of notification message may refer to a chat message sent by the contact "Lucy", and the first operation may include the user operation on the more option 601 shown in (a) in Figure 2A, and the user operation on the card notification option 602C shown in (b) in Figure 2A.

[0244] 2) The electronic device 100 can receive the third notification message of the first application, which belongs to the first category notification message. The electronic device 100 can display the third notification message. The electronic device 100 detects the second operation acting on the third notification message and turns on the card notification function of the first category notification message.

[0245] Exemplarily, the first application may refer to a text message application, the third notification message may refer to the notification message 1 shown in (a) in Figure 2B, and the second operation may include the user operation on the more option 104A shown in (a) in Figure 2B, and the user operation on the card notification option 105C shown in (b) in Figure 2B.

[0246] That is, the user can authorize the card notification function for the application's push notification messages while viewing the application's push notification messages within the application, or authorize the card notification function for the application's push notification messages when the electronic device 100 pushes the application's push notification messages. In this way, the user can determine at any time whether to transfer a certain type of application push notification message to the desktop card according to their needs, meeting the user's personalized management needs for notification messages.

[0247] It is understandable that the electronic device 100 may provide a "card notification" interface, and each application may call the interface to enable card notification messages of a specified category of notification messages in the application.

[0248] S302. The electronic device 100 displays a first card on the desktop, where the first card displays a first notification message.

[0249] Furthermore, the electronic device 100 does not display the first notification message in the notification bar.

[0250] The electronic device 100 may display the first card in a blank portion of the desktop. If there is no blank portion on the desktop, the electronic device 100 may add a blank page to the desktop to display the first card.

[0251] Exemplarily, the first card may refer to the card 701C shown in FIG. 3C .

[0252] S303. The electronic device 100 receives a second notification message of the first application, where the first notification message and the second notification message belong to different categories.

[0253] An application can push notification messages of multiple different categories, and a category of notification messages can include one or more notification messages. Therefore, the electronic device 100 can set the push method for different categories of notification messages based on the category of notification messages in the application. For example, some notification messages can be pushed as desktop cards, while some notification messages can be pushed and displayed in the notification bar.

[0254] Exemplarily, the first application is an instant messaging application, and the first notification message and the second notification message are notification messages sent by different contacts in the instant messaging application; or, the first application is an e-commerce application, and the first notification message and the second notification message are notification messages from different stores in the e-commerce application; or, the first application is a multimedia application, and the first notification message and the second notification message are notification messages from different multimedia publishers.

[0255] S304. The electronic device 100 displays the second notification message in the notification bar.

[0256] Furthermore, the electronic device 100 does not display the second notification message on the desktop.

[0257] The notification bar may be displayed when the electronic device 100 detects a downward sliding operation from the top of the display screen.

[0258] It can be seen from steps S301-S304 that the electronic device 100 can have different push methods for notification messages of different categories for the same application. Among them, when pushing notification messages of the same application, some notification messages are displayed on the desktop in the form of desktop cards, and some notification messages can be displayed in the notification bar. This avoids all messages pushed by the application being displayed in the notification bar, which is not conducive to users browsing and managing notification messages, thereby improving the efficiency of users browsing notification messages, making it convenient for users to quickly view the notification messages they want to view through cards, and facilitating users to view the notification messages they are interested in.

[0259] In some embodiments, after displaying the first card, the electronic device 100 may further receive a fourth notification message, and display a second card superimposed on the first card, where the second card displays the fourth notification message.

[0260] Exemplarily, the first card may refer to the card 701A shown in FIG. 3A , and the second card may refer to the card 701C shown in FIG. 3C .

[0261] That is to say, the electronic device 100 can display multiple cards on the desktop in an overlapping manner, which can avoid the multiple cards on the desktop from occupying too much area and improve the utilization rate of the desktop.

[0262] Furthermore, when the fourth notification message and the first notification message are messages pushed by the same application, the second card can be located in the first direction of the first card; when the fourth notification message and the first notification message are messages pushed by different applications, the second card can be located in the second direction of the first card; wherein, the first direction is a horizontal direction or a vertical direction, and the first direction is perpendicular to the second direction.

[0263] That is to say, the electronic device 100 can use different stacking methods to distinguish the cards corresponding to notification messages of different applications, as well as the cards corresponding to notification messages of the same application, so as to facilitate users to quickly distinguish notification messages between different applications and different notification messages within an application from multiple cards, thereby facilitating users to manage and browse the various notification messages in the cards.

[0264] For example, as shown in FIG9A , cards corresponding to different notification messages of the same application may be stacked together in a horizontal arrangement, and cards corresponding to notification messages of different applications may be stacked together in a vertical arrangement.

[0265] In some embodiments, the electronic device 100 can detect the third operation acting on the second card and adjust the stacking order of the first card and the second card.

[0266] When the second card is located in the first direction of the first card, the third operation may include a sliding operation in the first direction, where the first direction is a horizontal direction or a vertical direction.

[0267] Exemplarily, the second card may refer to card 701C shown in Figure 5A, and the third operation may refer to the sliding operation shown in Figure 5A, or the second card may refer to card 701D shown in Figure 5B, and the third operation may refer to the sliding operation shown in Figure 5B.

[0268] That is to say, the electronic device 100 can adjust the order of each card in the card stack based on the user operation, so that the user can view the notification messages displayed on each card in the card stack by adjusting the order of the cards.

[0269] In some embodiments, the first card can be displayed superimposed in the first card stack, and the first card stack corresponds to the first card group. The electronic device 100 can also receive a fifth notification message and display a third card superimposed on the second card stack displayed on the desktop. The third card displays the fifth notification message, and the second card stack corresponds to the second card group.

[0270] Exemplarily, the first card stack may refer to the card stack 701 shown in FIG. 8A , and the second card stack may refer to the card stack 704 shown in FIG. 8A .

[0271] That is to say, the electronic device 100 can set different card groups for different notification messages, so that when the electronic device 100 displays the cards corresponding to the notification messages, different cards can be classified and displayed in card groups, making it easier for users to manage and browse different notification messages.

[0272] In some embodiments, a first card is displayed in a first card stack, and multiple cards are displayed superimposed in the first card stack. The electronic device 100 can detect the fourth operation acting on the first card and set a first reminder time for the first card. Thereafter, the electronic device 100 can display the first card at the top of the first card stack when the first reminder time arrives.

[0273] Exemplarily, the first card may refer to card 701C shown in Figures 7A and 7C, the first card stack may refer to card stack 701 shown in Figures 7A and 7C, and the fourth operation may include the user operation on card 701C shown in Figure 7A, and the user operation on confirmation option 703C shown in Figure 7B.

[0274] That is to say, the electronic device 100 can set to-do items for the cards in the card stack based on user operations, so that the cards can be displayed at the top after the reminder time set by the user, making it easier for the user to check the cards that need to be processed in time and strengthen the user's management of the cards.

[0275] In some embodiments, the electronic device 100 can detect the fifth operation performed on the first card and display the first window in a floating manner, where the first window displays the application page corresponding to the first notification message.

[0276] It is understandable that, since the display area of ​​the first window is limited, the first window can be used to display part of the content of the application page corresponding to the first notification message.

[0277] Exemplarily, the first card may refer to the card 701C shown in FIG. 4A , the fifth operation may refer to a click operation on the card 701C shown in FIG. 4A , and the first window may refer to the window A shown in FIG. 4B .

[0278] That is to say, in addition to being able to view notification messages through the card on the desktop, users can also use the card to open the application page corresponding to the notification message, so that users can view the details of the notification message and process the notification message.

[0279] In some embodiments, the electronic device 100 may store identifiers of notification message categories that enable the card notification function in one or more applications. The electronic device 100 may determine that the stored identifiers include the identifier of the notification message category to which the first notification message belongs, and then display the first card on the desktop.

[0280] Accordingly, after the electronic device 100 turns on the card notification function of a certain notification message category, the identifier of the notification message category can be stored so that when the electronic device 100 receives a notification message of the same notification message category again, the notification message can be displayed on the card on the desktop.

[0281] For example, if the first notification message is a notification message from a contact, the identifier may be the name of the contact; if the first notification message is a notification message from a store, the identifier may be the name of the store; if the first notification message is a notification message from a multimedia publisher, the identifier may be the name of the video publisher.

[0282] In some embodiments, the electronic device 100 can display a first card stack and a second card stack on the desktop. The first card stack and the second card stack may include one or more cards. The first card may be located in the first card stack. The electronic device 100 can detect an operation of dragging the first card toward the second card stack and move the first card to the second card stack.

[0283] Exemplarily, referring to Figures 8A-8B, the operation may refer to the drag operation shown in Figure 8A, the first card stack may refer to the card stack 701 shown in Figure 8A, the first card may refer to the card 701C shown in Figure 8A, and the second card stack may refer to the card stack 704 shown in Figure 8A.

[0284] That is to say, the electronic device 100 can adjust the cards in different card stacks based on user operations to improve the user's operational freedom. In addition, if different card stacks correspond to different card groups, the user can also adjust the card groups corresponding to different notification messages on the desktop card to facilitate user operations.

[0285] In some embodiments, the electronic device 100 can turn on the card notification function of the second application by setting the application. The electronic device 100 can receive the sixth notification message of the second application, and the sixth notification message is any notification message pushed by the second application. The electronic device 100 can display the fourth card on the desktop when the card notification function of the second application is turned on, and the fourth card displays the sixth notification message.

[0286] Furthermore, the electronic device 100 does not display the sixth notification message in the notification bar.

[0287] Exemplarily, the second application may be a text message application, and the electronic device 100 may enable the card notification function of the second application through the user interface shown in FIG. 1A to FIG. 1D .

[0288] That is to say, the electronic device 100 can set the card notification function of the application by setting the application, and the user can choose whether to turn on the card notification function of the application according to his or her own wishes. If the electronic device 100 obtains a notification message pushed by an application with the card notification function turned on, the notification message will be displayed on the desktop card. If the electronic device 100 obtains a notification message pushed by an application without the card notification function turned on, the notification message will no longer be displayed on the desktop card, for example, the notification message will be displayed in the notification bar.

[0289] FIG13 shows a schematic diagram of the hardware structure of the electronic device 100 .

[0290] The electronic device 100 may be a mobile phone, a tablet computer, a desktop computer, a laptop computer, a handheld computer, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a cellular phone, a personal digital assistant (PDA), an augmented reality (AR) device, a virtual reality (VR) device, an artificial intelligence (AI) device, a wearable device, an in-vehicle device, a smart home device, and / or a smart city device. The embodiments of the present application do not impose any particular restrictions on the specific type of the electronic device.

[0291] The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0292] It should be understood that the structure illustrated in the embodiments of the present invention does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0293] The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU). The different processing units may be independent devices or integrated into one or more processors.

[0294] In some implementations, the processor 110 may obtain a notification message from an application and determine whether the notification message belongs to a notification message category for enabling a card notification function.

[0295] The controller can generate operation control signals according to the instruction operation code and timing signal to complete the control of instruction fetching and execution.

[0296] Processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 110. If processor 110 needs to use the same instruction or data again, it can directly access the memory. This avoids duplicate accesses, reduces processor 110 latency, and thus improves system efficiency.

[0297] The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.

[0298] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In other embodiments, the antennas can be used in conjunction with a tuning switch.

[0299] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.

[0300] The modem processor may include a modulator and a demodulator. The modulator is used to modulate the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After being processed by the baseband processor, the low-frequency baseband signal is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.) or displays an image or video through the display screen 194. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 110 and be set in the same device as the mobile communication module 150 or other functional modules.

[0301] The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the electronic device 100. The wireless communication module 160 can be one or more devices that integrate at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, demodulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, frequency modulate it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

[0302] In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with a network and other devices through wireless communication technologies. The wireless communication technologies may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology. The GNSS may include a global positioning system (GPS), a global navigation satellite system (GLONASS), a Beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS) and / or a satellite based augmentation system (SBAS).

[0303] Electronic device 100 implements display functionality through a GPU, display screen 194, and an application processor. A GPU is a microprocessor for image processing that connects display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or modify display information.

[0304] The display screen 194 is used to display images, videos, etc. The display screen 194 includes a display panel. In some embodiments, the electronic device may include one or N display screens 194, where N is a positive integer greater than one.

[0305] In some embodiments, the display screen 194 can be used to display a card on the desktop when the notification message belongs to a message category with a card notification function enabled, and the card can be used to display the notification message; and, when the notification message does not belong to a message category with a card notification function enabled, the notification message can be displayed in the notification bar.

[0306] For details about the process of displaying notification messages on the display screen 194, please refer to the aforementioned Figures 1A-1E, Figures 2A-2B, Figures 3A-3C, Figures 4A-4C, Figures 5A-5C, Figures 6A-6B, Figures 7A-7C, Figures 8A-8B, and Figures 9A-9C.

[0307] The electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, and an application processor.

[0308] The camera 193 is used to capture still images or videos. In some embodiments, the electronic device 100 may include 1 or N cameras 193, where N is a positive integer greater than 1.

[0309] The internal memory 121 may include one or more random access memories (RAM) and one or more non-volatile memories (NVM).

[0310] The random access memory can be directly read and written by the processor 110, and can be used to store executable programs (such as machine instructions) of the operating system or other running programs, and can also be used to store user and application data.

[0311] The non-volatile memory may also store executable programs and user and application data, etc., and may be loaded into the random access memory in advance for direct reading and writing by the processor 110 .

[0312] The electronic device 100 can implement audio functions such as music playback and recording through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor.

[0313] The touch sensor 180K is also called a "touch-sensitive device." The touch sensor 180K can be disposed on the display screen 194. The touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen." The touch sensor 180K is used to detect touch operations applied thereto or in the vicinity thereof. The touch sensor can transmit the detected touch operations to the application processor to determine the type of touch event. Visual output related to the touch operations can be provided via the display screen 194. In other embodiments, the touch sensor 180K can also be disposed on the surface of the electronic device 100, at a location different from that of the display screen 194.

[0314] The electronic device can be a portable terminal device equipped with Harmony, iOS, Android, Microsoft or other operating systems, such as a mobile phone, tablet computer, wearable device, etc., and can also be a non-portable terminal device such as a laptop computer with a touch-sensitive surface or touch panel, a desktop computer with a touch-sensitive surface or touch panel. The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a microservice architecture, or a cloud architecture. The embodiment of the present invention takes the Android system with a layered architecture as an example to illustrate the software structure of the electronic device 100.

[0315] FIG14 is a block diagram of the software structure of the electronic device 100 according to an embodiment of the present application.

[0316] A layered architecture divides software into several layers, each with distinct roles and responsibilities. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers: the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

[0317] The application layer can include a series of application packages.

[0318] As shown in FIG14 , the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and short message.

[0319] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0320] As shown in FIG14 , the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like.

[0321] The window manager is used to manage window programs. The window manager can obtain the display size, determine whether there is a status bar, lock the screen, take screenshots, etc.

[0322] Content providers are used to store and retrieve data and make it accessible to applications. The data may include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

[0323] The view system includes visual controls, such as those for displaying text and images. The view system is used to build applications. A display interface can consist of one or more views. For example, a display interface containing a text notification icon might include a view for displaying text and a view for displaying images.

[0324] The phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including answering, hanging up, etc.).

[0325] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.

[0326] The Notification Manager allows applications to display notifications in the status bar. These notifications can be used to convey informational messages, remain on display briefly, and then disappear automatically without requiring user interaction. For example, the Notification Manager can be used to notify users of completed downloads, or to notify users of message reminders. The Notification Manager can also display notifications in the top status bar of the system as icons or scrolling text, such as notifications from background applications, or as dialog windows on the screen. Examples include displaying text messages in the status bar, sounding notifications, vibrating electronic devices, or flashing indicator lights.

[0327] Android Runtime includes core libraries and a virtual machine. Android runtime is responsible for scheduling and management of the Android system.

[0328] The core library consists of two parts: one is the function that needs to be called by the Java language, and the other is the Android core library.

[0329] The application layer and application framework layer run in a virtual machine. The virtual machine executes Java files in the application layer and application framework layer as binary files. The virtual machine manages object lifecycles, stack management, thread management, security and exception management, and garbage collection.

[0330] The system library can include multiple functional modules, such as surface manager, media library, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc.

[0331] The surface manager is used to manage the display subsystem and provide fusion of 2D and 3D layers for multiple applications.

[0332] The media library supports playback and recording of a variety of common audio and video formats, as well as static image files. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0333] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0334] A 2D graphics engine is a drawing engine for 2D drawings.

[0335] The kernel layer is the layer between hardware and software. The kernel layer includes at least display driver, camera driver, audio driver, and sensor driver.

[0336] The following describes the workflow of the software and hardware of the electronic device 100 in conjunction with capturing a photo scene.

[0337] When the touch sensor 180K receives a touch operation, the corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into a raw input event (including touch coordinates, touch operation timestamp, and other information). The raw input event is stored in the kernel layer. The application framework layer obtains the raw input event from the kernel layer and identifies the control corresponding to the input event. For example, if the touch operation is a touch single-click operation and the control corresponding to the single-click operation is the control of the camera application icon, the camera application calls the interface of the application framework layer to start the camera application, and then starts the camera driver by calling the kernel layer to capture a still image or video through the camera 193.

[0338] It should be understood that each step in the above method embodiment can be completed by hardware integrated logic circuits in a processor or by software instructions. The method steps disclosed in the embodiments of the present application can be directly embodied as being executed by a hardware processor, or by a combination of hardware and software modules in a processor.

[0339] The present application also provides an electronic device, which may include a memory and a processor. The memory may be used to store a computer program, and the processor may be used to call the computer program in the memory so that the electronic device executes the method executed by the electronic device 100 in any of the above embodiments.

[0340] The present application also provides a chip system, which includes at least one processor for implementing the functions involved in the method performed by the electronic device 100 in any of the above embodiments.

[0341] In one possible design, the chip system further includes a memory, which is used to store program instructions and data, and the memory is located inside or outside the processor.

[0342] The chip system can be composed of chips, or can include chips and other discrete devices.

[0343] Optionally, there may be one or more processors in the chip system. The processor may be implemented in hardware or software. When implemented in hardware, the processor may be a logic circuit, an integrated circuit, etc. When implemented in software, the processor may be a general-purpose processor implemented by reading software code stored in a memory.

[0344] Optionally, the memory in the chip system may be one or more. The memory may be integrated with the processor or may be provided separately from the processor, which is not limited in the embodiments of the present application. For example, the memory may be a non-transient processor, such as a read-only memory (ROM), which may be integrated with the processor on the same chip or provided on different chips. The embodiments of the present application do not specifically limit the type of memory or the configuration of the memory and the processor.

[0345] Exemplarily, the chip system may be a field programmable gate array (FPGA), an application specific integrated circuit (ASIC), a system on chip (SoC), a central processor unit (CPU), a network processor (NP), a digital signal processor (DSP), a microcontroller unit (MCU), a programmable logic device (PLD) or other integrated chips.

[0346] The present application also provides a computer program product, which includes: a computer program (also referred to as code, or instructions), which, when executed, enables a computer to execute any method executed by the electronic device 100 in any of the above embodiments.

[0347] The present application also provides a computer-readable storage medium storing a computer program (also referred to as code or instruction). When the computer program is executed, the computer executes the method executed by any one of the electronic devices 100 in any of the above embodiments.

[0348] It should be understood that the processor in the embodiments of the present application can be an integrated circuit chip with signal processing capabilities. During implementation, each step of the above-mentioned method embodiment can be completed by hardware integrated logic circuits in the processor or by software instructions. The above-mentioned processor can be a general-purpose processor, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components. The various methods, steps, and logic block diagrams disclosed in the embodiments of the present application can be implemented or executed. The general-purpose processor can be a microprocessor or any conventional processor. The steps of the method disclosed in the embodiments of the present application can be directly implemented and executed by a hardware decoding processor, or by a combination of hardware and software modules in the decoding processor. The software module can be located in a storage medium well-known in the art, such as random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, registers, etc. The storage medium is located in the memory, and the processor reads the information in the memory and, in conjunction with its hardware, completes the steps of the above-mentioned method.

[0349] In addition, embodiments of the present application further provide a device. Specifically, the device may be a component or module, and may include one or more processors and a memory connected to each other. The memory is configured to store a computer program. When the computer program is executed by one or more processors, the device performs the methods described in each of the above method embodiments.

[0350] The apparatus, computer-readable storage medium, computer program product, or chip provided in the embodiments of the present application are all used to execute the corresponding methods provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects of the corresponding methods provided above, and will not be repeated here.

[0351] The various implementation modes of this application can be combined arbitrarily to achieve different technical effects.

[0352] In the above embodiments, all or part of the embodiments may be implemented by software, hardware, firmware, or any combination thereof. When implemented using software, all or part of the embodiments may be implemented in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described herein are generated. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) method. The computer-readable storage medium may be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrated therein. The available medium may be a magnetic medium (e.g., a floppy disk, a hard disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state drive (SSD)).

[0353] Those skilled in the art will appreciate that all or part of the process steps in the above-described method embodiments can be implemented by a computer program instructing the relevant hardware. The program can be stored in a computer-readable storage medium, and when executed, the program can include the process steps in the above-described method embodiments. The aforementioned storage medium includes various media capable of storing program code, such as ROM or random access memory (RAM), magnetic disks, or optical disks.

[0354] In short, the above description is only an embodiment of the technical solution of the present invention and is not intended to limit the scope of protection of the present invention. Any modifications, equivalent replacements, improvements, etc. made based on the disclosure of the present invention should be included in the scope of protection of the present invention.

Claims

1. A display method, characterized in that: The method comprises: The electronic device receives a first notification message of the first application; The electronic device displays a first card on the desktop, where the first card displays the first notification message; The electronic device receives a second notification message of the first application, where the first notification message and the second notification message belong to different categories; The electronic device displays the second notification message in the notification bar.

2. The method according to claim 1, characterized in that The first application is an instant messaging application, and the first notification message and the second notification message are notification messages sent by different contacts in the instant messaging application; Alternatively, the first application is an e-commerce application, and the first notification message and the second notification message belong to notification messages of different stores in the e-commerce application; Alternatively, the first application is a multimedia application, and the first notification message and the second notification message are notification messages from different multimedia publishers.

3. The method according to claim 1 or 2, characterized in that The first notification message belongs to a first type of notification message with a card notification function enabled in the first application. Before the electronic device receives the first notification message of the first application, the method further includes: The electronic device displays a first page of the first application, where the first page is used to display the first type of notification message in the first application; The electronic device detects a first operation performed on the first page and enables a card notification function of the first type of notification message.

4. The method according to claim 1 or 2, characterized in that The first notification message belongs to a first type of notification message with a card notification function enabled in the first application. Before the electronic device receives the first notification message of the first application, the method further includes: The electronic device receives a third notification message of the first application, where the third notification message belongs to the first category of notification messages; The electronic device displays the third notification message; The electronic device detects a second operation acting on the third notification message and enables a card notification function of the first type of notification message.

5. The method according to any one of claims 1 to 4, characterized in that The method further comprises: The electronic device receives a fourth notification message; The electronic device displays a second card superimposed on the first card, and the second card displays the fourth notification message.

6. The method according to claim 5, characterized in that When the fourth notification message and the first notification message are messages pushed by the same application, the second card is located in the first direction of the first card; When the fourth notification message and the first notification message are messages pushed by different applications, the second card is located in the second direction of the first card; the first direction is a horizontal direction or a vertical direction, and the first direction is perpendicular to the second direction.

7. The method according to claim 5 or 6, characterized in that The method further comprises: The electronic device detects a third operation performed on the second card; The electronic device adjusts the stacking order of the first card and the second card.

8. The method according to claim 7, characterized in that When the second card is located in a first direction of the first card, the third operation includes a sliding operation in the first direction, where the first direction is a horizontal direction or a vertical direction.

9. The method according to any one of claims 1 to 8, characterized in that The first card is displayed superimposed in a first card stack, the first card stack corresponds to a first card group, and the method further includes: The electronic device receives a fifth notification message; The electronic device displays a third card superimposed on the second card stack displayed on the desktop, the third card displays the fifth notification message, and the second card stack corresponds to the second card group.

10. The method according to any one of claims 1 to 9, characterized in that The first card is displayed in a first card stack, where a plurality of cards are displayed in a superimposed manner. The method further includes: The electronic device detects a fourth operation performed on the first card and sets a first reminder time for the first card; When the first reminder time arrives, the electronic device displays the first card at the top of the first card stack.

11. The method according to any one of claims 1 to 10, characterized in that The method further comprises: The electronic device detects a fifth operation performed on the first card, and displays a first window in a floating manner, where the first window displays an application page corresponding to the first notification message.

12. The method according to any one of claims 1 to 11, characterized in that The electronic device stores identifiers of notification message categories for one or more applications in which a card notification function is enabled. Before the electronic device displays the first card on the desktop, the method further includes: The electronic device determines that the stored identifier includes an identifier of the notification message category to which the first notification message belongs.

13. The method according to any one of claims 1 to 12, characterized in that The electronic device displays a first card stack and a second card stack on a desktop, the first card stack and the second card stack including one or more cards, the first card being located in the first card stack, and the method further comprising: The electronic device detects an operation of dragging the first card toward the second card stack and moves the first card to the second card stack.

14. The method according to any one of claims 1 to 13, characterized in that The method further comprises: The electronic device enables a card notification function of the second application by setting an application; The electronic device receives a sixth notification message from the second application, where the sixth notification message is any notification message pushed by the second application; When the card notification function of the second application is turned on, the electronic device displays a fourth card on the desktop, and the fourth card displays the sixth notification message.

15. The method according to any one of claims 1 to 14, characterized in that When a downward sliding operation from the top of the display screen is detected, the electronic device displays the notification bar.

16. An electronic device, characterized in that: The electronic device comprises a memory, one or more processors, and one or more programs; when the one or more processors execute the one or more programs, the electronic device implements the method according to any one of claims 1 to 15.

17. A computer-readable storage medium comprising instructions, characterized in that: When the instructions are executed on an electronic device, the electronic device is caused to execute the method according to any one of claims 1 to 15.

Images