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 method comprises: receiving a first notification message; and displaying a second image, wherein the second image comprises an application icon of an application to which the first notification message belongs, and a first animation image. It can be seen that in the display method provided by the embodiments of the present application, by means of displaying an application icon corresponding to a notification message, users can be reminded of the current existence of the notification message that needs to be viewed, and an animation image is presented in a displayed image to enhance the interestingness and visual effect of message pushing, thereby providing a brand-new message pushing mode for the users, and improving the user experience.

Description

Display method, user interface and related device

[0001] This application claims priority to the Chinese patent application with application number 202410174399.9 filed with the State Intellectual Property Office of China on February 6, 2024, and priority to the Chinese patent application with invention name “A message reminder method, device and readable storage medium”, as well as priority to the Chinese patent application with application number 202410199252.5 filed with the State Intellectual Property Office of China on February 21, 2024, and priority to the Chinese patent application with 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 terminal and computer technology, and in particular to a display method, a user interface, and related devices. Background Art

[0003] With the continuous development of the terminal industry, the number of applications installed on electronic devices has gradually increased, and the number of notification messages pushed by these applications has also increased. When electronic devices push these notification messages, they usually display them as banners or in the notification bar to remind users that there are notification messages that need to be reviewed. To meet the growing needs of users, expanding different notification message push methods is currently an urgent problem to be solved. Summary of the Invention

[0004] The present application provides a display method, a user interface, and related devices. After receiving a notification message, the method can display an image containing an application icon and an animated image corresponding to the notification message, thereby expanding the push method of the notification message.

[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; the electronic device displays a second image, the second image including an application icon and a first animation image of an application to which the first notification message belongs.

[0006] By implementing the method provided in the first aspect, after receiving a notification message, an image containing the application icon corresponding to the notification message can be displayed, so as to remind the user that there is a notification message. In addition, an animated image can also be displayed in the image to enhance the fun and visual effect of the notification message push, providing users with a new way of message push.

[0007] In conjunction with the first aspect, in one implementation, the electronic device is provided with a first theme, and the first animated character is an animated character under the first theme. The electronic device may include one or more themes, and when the electronic device receives a notification message, it may select one of the themes to determine the animated character in the image corresponding to the notification message.

[0008] In this way, the electronic device can set the animated character in the image based on the theme, highlighting the personalized customization feature of the image displayed when the message is pushed.

[0009] In combination with the first aspect, in one implementation, the first notification message is a notification message, and the second image includes an application icon, a first animation image and a first animation effect, wherein an application icon is an icon of an application to which a notification message belongs, and the first animation effect is the first animation image performing a first action toward an application icon.

[0010] That is to say, if an electronic device receives a notification message, the second image displayed by the electronic device can display an animated image that performs an action towards the application icon corresponding to the notification message, thereby guiding the user to view the application icon and helping the user to quickly focus on the application icon displayed in the image. This not only intuitively informs the user of the number of notification messages currently received by the electronic device, reminding the user to check the notification messages in a timely manner, but also enhances the fun of message push.

[0011] In combination with the first aspect, in one implementation, the first notification message may include multiple notification messages, and the second image includes multiple application icons, a first animation image and a first animation effect, wherein one of the multiple application icons is an icon of an application to which a notification message in the multiple notification messages belongs, and the first animation effect is the first animation image performing a second action toward a different application icon.

[0012] For example, the second actions performed on different application icons may be the same or different.

[0013] That is to say, if an electronic device receives multiple notification messages, the second image displayed by the electronic device can display animated images that perform actions towards application icons corresponding to different notification messages at different time points, thereby guiding the user to view multiple application icons and helping the user to quickly focus on the application icons displayed in the image. This not only intuitively informs the user of the number of notification messages currently received by the electronic device, reminding the user to check these multiple notification messages in a timely manner, but also enhances the fun of message push.

[0014] In combination with the first aspect, in one implementation, when the electronic device displays the second image, the electronic device outputs a vibration that matches the first animation effect.

[0015] In this way, vision and touch can be combined to give users an immersive feeling and enhance the user's interactive experience.

[0016] In combination with the first aspect, in one implementation, the background color of the second image includes the housing color of the electronic device.

[0017] Exemplarily, the housing color may be information preset in the electronic device, or may be the housing color of an NFC mobile phone case configured for the electronic device. The electronic device may obtain the housing color set in the mobile phone case through NFC communication.

[0018] That is, the electronic device can determine the background color of the second image in combination with the color of the housing, so that the color of the picture displayed by the electronic device matches the color of the device itself.

[0019] In combination with the first aspect, in one implementation, before the electronic device receives the first notification message, the method also includes: the electronic device displays a fourth image, the fourth image includes the first animated image, and does not include an application icon; the first animated image in the fourth image performs a different action or maintains a different posture from the first animated image in the second image.

[0020] In this way, the user can quickly know whether the electronic device has received the notification message by viewing the image displayed by the electronic device, thereby improving the user's reading efficiency.

[0021] In combination with the first aspect, in one implementation, the electronic device displays the second image, specifically including: the electronic device displays the second image in a screen-off state.

[0022] That is to say, the electronic device can display the image corresponding to the notification message in combination with the screen-off state, so that the user can view the notification message received by the electronic device even when the electronic device is in the screen-off state.

[0023] In combination with the first aspect, in one implementation, the method further includes: the electronic device displays a first image in a screen-on state, and the first image includes the first information in the first notification message.

[0024] The first information may refer to key information in the first notification message.

[0025] In this way, the electronic device can display different images related to the notification message in different display screen states.

[0026] Among them, considering that users usually check the display content of the electronic device in detail when the screen is on, the first image can be displayed in the screen-on state, so that users can check the information in the notification message when the screen is on. Considering that only a simple reminder function is usually required in the screen-off state, the second image can be displayed in the screen-off state to avoid leaking the user's privacy in the screen-off state, while at the same time reminding the user that there is a notification message.

[0027] In combination with the first aspect, in one implementation, before the electronic device displays the first image, the method further includes: the electronic device draws the first image according to a preset rule, and the preset rule indicates how the first information in the first notification message is displayed in the first image.

[0028] The electronic device draws the first image according to preset rules, so that the electronic device can display the notification message according to the specified display template. It can not only highlight the information in the notification message and improve the user's reading efficiency, but also display the notification messages received by the electronic device in a unified display method, providing users with a new notification message push method.

[0029] In combination with the first aspect, in one implementation, the first information includes but is not limited to any one or more of the following: title, text, color, background type, and background image.

[0030] In combination with the first aspect, in one implementation, the first notification message includes one or more of the following parameters: the name of the key information field, the value type of the key information field, the value range of the key information field, and the function of the key information field, and the key information field is used to carry the first information.

[0031] In this way, each application developer can set the notification message in a unified format, so that when the electronic device receives the notification message pushed by each application, it can quickly extract the key information in the notification message.

[0032] In combination with the first aspect, in one implementation, after the electronic device displays the first image, the method further includes: the electronic device receives an updated first notification message; and the electronic device updates the first image based on the updated first notification message.

[0033] In this way, the image displayed by the electronic device can be updated synchronously according to the update of the notification message, so that the user can timely understand the latest content of the notification message.

[0034] In combination with the first aspect, in one implementation, the updated first notification message does not include the first content, the first content includes one or more contents in the first information, and the updated first image includes the first content.

[0035] That is to say, if the updated notification message no longer carries some key information, the electronic device can still draw the image according to the key information carried in the notification message before the update.

[0036] In combination with the first aspect, in one implementation, the updated first notification message includes the second content, the first notification message before the update does not include the second content, and the updated first image includes the second content.

[0037] That is, if the updated notification message has some new key information, the electronic device may draw the image according to the new key information in the updated notification message.

[0038] In combination with the first aspect, in one implementation, after the electronic device displays the first image, the method also includes: the electronic device can detect a first operation acting on the first image, and switch the first image to a third image, where the third image includes the second information in the second notification message.

[0039] The second information may refer to key information in the second notification message.

[0040] That is to say, the electronic device can switch to display images corresponding to different notification messages based on user operations, so that the user can focus on only one notification message at a time, making it easier for the user to quickly browse multiple notification messages and improving the user's reading efficiency.

[0041] In combination with the first aspect, in one implementation, the electronic device is a foldable screen device, and the second image is displayed on an external screen of the electronic device.

[0042] In combination with the first aspect, in one implementation, the electronic device further includes an inner screen, and the size of the outer screen is smaller than the size of the inner screen.

[0043] 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.

[0044] 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.

[0045] 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.

[0046] For detailed description of the beneficial effects of the second to fourth aspects, please refer to the beneficial effects of the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

[0047] FIG1 is a schematic diagram of a folding screen device provided in an embodiment of the present application;

[0048] FIG2 is a schematic diagram of the overall process of a display method provided in an embodiment of the present application;

[0049] FIG3 is a display template for a notification message provided in an embodiment of the present application;

[0050] 4A and 4B are schematic diagrams of a first image provided in an embodiment of the present application;

[0051] FIG5 is a diagram illustrating a display principle of multiple images according to an embodiment of the present application;

[0052] FIG6 is a schematic diagram of a specific process of displaying an image corresponding to a notification message in a bright screen state according to an embodiment of the present application;

[0053] FIG7 is a schematic diagram of the overall process of another display method provided in an embodiment of the present application;

[0054] FIG8 is a second image displayed by the electronic device 100 in combination with different customized themes according to an embodiment of the present application;

[0055] FIG9 is a second image displayed by the electronic device 100 based on different colors according to an embodiment of the present application;

[0056] FIG10 is an image displayed by the electronic device 100 before and after receiving a notification message according to an embodiment of the present application;

[0057] FIG11 is a second image with an animation effect displayed by the electronic device 100 according to an embodiment of the present application when a notification message is received;

[0058] FIG12 is a second image with an animation effect displayed by the electronic device 100 according to an embodiment of the present application when receiving multiple notification messages;

[0059] FIG13 is a schematic diagram of a specific process of displaying an image corresponding to a notification message in a screen-off state according to an embodiment of the present application;

[0060] FIG14 is a user interface 10 displayed on an electronic device 100 according to an embodiment of the present application;

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

[0062] FIG16 is a schematic diagram of a principle of outputting vibration provided by an embodiment of the present application;

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

[0064] 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.

[0065] 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.

[0066] 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.

[0067] An embodiment of the present application provides a display method, which can receive a first notification message and draw a first image according to a preset rule, which indicates how the first information in the first notification message is displayed in the first image, and then display the first image.

[0068] The first information is the key information in the first notification message. For example, the first information may include, but is not limited to, one or more of the following: title, body text, background type, color, background image, etc. A detailed description of the first information can be found in the subsequent content and will not be expanded here.

[0069] It can be seen that the display method provided in the embodiment of the present application can extract key information from the notification message, use the key information to draw the image corresponding to the notification message, and display it to the user for viewing, providing the user with a new message push method. In this way, the user can quickly understand the information that the notification message wants to convey through the image, thereby improving the user's reading efficiency.

[0070] An embodiment of the present application also provides a display method, which can receive a first notification message and display a second image, where the second image includes an application icon of an application to which the first notification message belongs and a first animated image.

[0071] It can be seen that the display method provided in the embodiment of the present application can display an image containing the application icon corresponding to the notification message after receiving the notification message, so as to achieve the effect of reminding the user that there is a notification message. In addition, the image can also display an animated image to enhance the fun and visual effect of the notification message push, providing users with a new message push method and improving the user experience.

[0072] The following describes the application scenarios of the display method provided in the embodiments of the present application.

[0073] 1) Display the image corresponding to the notification message on the external screen of the foldable screen device

[0074] Foldable screen devices can be folded outward or inward. The foldable screen can have different configurations at different folding angles, such as unfolded and folded. In each configuration, the foldable screen device can display images using different display screens.

[0075] FIG1 exemplarily shows a schematic diagram of the morphology of a folding screen device.

[0076] As shown in (a) in Figure 1, in the unfolded state, the inner screen 1 and the inner screen 2 face the user, and the folding screen device can display the picture through the inner screen 1 and the inner screen 2.

[0077] As shown in Figure 1(b), in the folded state, inner screen 1 and inner screen 2 are folded inward and attached together (not shown in the figure), with the outer screen facing the user, and the foldable screen device can display images through the outer screen. For example, the size of the outer screen can be smaller than that of the inner screen.

[0078] Then, in an embodiment of the present application, if the folding screen device receives a notification message, it can draw an image corresponding to the notification message based on the notification message and display the image on the external screen of the folding screen device. In this way, even if the user has not unfolded the folding screen device, he or she can quickly learn about the notification message through the external screen of the folding screen device, which prevents the user from missing the notification message and helps the user quickly understand part of the notification message, such as the source application of the notification message, the key information of the notification message, etc. In addition, since the display area of ​​the external screen of the folding screen device is usually small, displaying the image corresponding to the notification message on the external screen can efficiently utilize the display screen of the external screen. Even when the display area of ​​the external screen is small, it can still achieve the effect of reminding the user to check the notification message.

[0079] It can be understood that the shape of the external screen shown in Figure 1 is circular. In other embodiments of the present application, the external screen can also be in other shapes, such as a rectangle. The embodiments of the present application do not limit the shape of the external screen.

[0080] 2) Display the image corresponding to the notification message on the wearable device

[0081] Since the wearable device is worn on the user, the user can check the display screen of the wearable device at any time to obtain the information output by the wearable device.

[0082] The display method provided in the embodiment of the present application can realize that after a mobile phone, tablet or other electronic device receives a notification message pushed by an application, an image corresponding to the notification message is drawn based on the notification message, and then the image is sent to a wearable device such as a watch or bracelet. Alternatively, after a mobile phone, tablet or other electronic device receives a notification message pushed by an application, the notification message can be sent to a wearable device such as a watch or bracelet, and the wearable device draws an image corresponding to the notification message based on the notification message and displays the image. In this way, the user can view the notification message pushed by the application through the wearable device at any time, and it can also avoid the user from missing the notification message as much as possible. Moreover, even if the display area of ​​the wearable device is small, the image drawn based on the notification message can clearly convey part of the information of the notification message to the user, such as the source application of the notification message, the key information of the notification message, etc.

[0083] It can be understood that the display method provided in the embodiment of the present application can be applied not only to folding screen devices and wearable devices, but also to mobile phones, tablets, computers and other electronic devices that include display screens, so as to display images corresponding to notification messages on these electronic devices. The embodiment of the present application does not limit the type of electronic device that ultimately displays the image corresponding to the notification message.

[0084] In order to better understand this solution, the implementation process of the display method provided in the embodiment of the present application is introduced below.

[0085] FIG2 is a schematic diagram of the overall flow of a display method provided in an embodiment of the present application.

[0086] S101. The electronic device 100 receives a first notification message.

[0087] In the embodiment of the present application, the first notification message may refer to a message sent to the electronic device 100 by an application installed in the electronic device 100, or may refer to a message sent to the electronic device 100 by an application server corresponding to the application installed in the electronic device 100.

[0088] In the embodiment of the present application, the first notification message may be a notification message of an application with a real-time process.

[0089] In the embodiment of the present application, these notification messages can be used to convey real-time information to users. For example, the first notification message can be vehicle itinerary information pushed by a taxi application, flight information pushed by an airline travel application, exercise information pushed by a sports and health application, etc.

[0090] S102. The electronic device 100 draws a first image according to a preset rule, where the preset rule indicates how the first information in the first notification message is displayed in the first image.

[0091] In the embodiment of the present application, the first information may be key information in the first notification message. For example, the first information may include but is not limited to any one or more of the following: title, text, color, background type, background image, etc.

[0092] Specifically, the electronic device 100 may extract the first information by searching for a key information field in the first notification message.

[0093] Taking the title as an example, the electronic device 100 can extract the title in the first notification message by searching for a field corresponding to the title in the first notification message. The title is the title displayed in the image corresponding to the first notification message.

[0094] Taking the text as an example, the electronic device 100 can extract the text in the first notification message by searching the field corresponding to the content in the first notification message. The text is used to determine the text displayed in the image corresponding to the first notification message.

[0095] Taking the background type as an example, the electronic device 100 can extract the background type in the first notification message by searching for the field corresponding to the background type in the first notification message. The background type is used to determine the background in the image corresponding to the first notification message. Exemplarily, the background type may include: solid color background, gradient background, picture background, etc. Among them, if the background type is a solid color background, the background corresponding to the first notification message may contain only one color. If the background type is a gradient background, the background corresponding to the first notification message may be generated by two or more colors.

[0096] Optionally, under different background types, the layout of the title, text, background and other contents displayed in the image may be different.

[0097] Taking color as an example, the electronic device 100 can extract the color in the first notification message by searching the field corresponding to the color in the first notification message. For example, the color can be used to determine the color of the text, background, and other content in the image corresponding to the first notification message. For example, if the background type in the first notification message is a gradient background, the color can be used to determine the main color of the gradient background.

[0098] Taking the background picture as an example, the electronic device 100 can extract the background picture in the first notification message by searching the field corresponding to the background picture in the first notification message. The background picture can be the picture used for the picture background when the background type in the first notification message is picture background.

[0099] In some implementations, the first information may further include enabling information, where the enabling information is used to indicate whether the first notification message is a critical notification message.

[0100] If the enabling information indicates that the first notification message is a non-critical notification message, the electronic device 100 cannot draw the image corresponding to the first notification message according to the preset rule. For example, the electronic device 100 can directly display the first notification message in horizontal mode.

[0101] If the enabling information indicates that the first notification message is a critical notification message, the electronic device 100 can draw an image of the application corresponding to the first notification message according to preset rules and display it, so that the user can view the notification message displayed based on the display method provided in the embodiment of the present application.

[0102] Taking the electronic device 100 as a folding screen device and the electronic device including an external screen as an example, if the enable information indicates that the first notification message is a critical notification message, the electronic device 100 can display the image corresponding to the first notification message on the external screen; if the enable information indicates that the first notification message is a non-critical notification message, the electronic device 100 cannot display the image corresponding to the first notification message on the external screen.

[0103] That is to say, before drawing the first image, the electronic device 100 can first determine whether the first notification message is a critical notification message. If the first notification message is a critical notification message, the electronic device 100 can draw the first image according to preset rules and display the first image.

[0104] In some implementations, whether the first notification message is a critical notification message may not be indicated by the enable information. The critical notification message may also be a message of an application with a real-time process, and the non-critical notification message may be a message of an application with a non-real-time process.

[0105] It is understandable that the electronic device 100 can also determine whether the first notification message is a critical notification message in other ways, such as by the user deciding whether the first notification message is a critical notification message. If the electronic device 100 detects the user's operation of determining the first notification message as a critical notification message, or the operation of determining the application to which the first notification message belongs as a critical application, it can be determined that the first notification message is a critical notification message.

[0106] It is understandable that the first information may also include more or less information. For example, the first information may also include an application name, an application icon, etc., and this embodiment of the present application does not limit this.

[0107] It can be seen that since the electronic device 100 needs to search the key information fields in the notification message to extract the key information in the notification message, each application developer can standardize the notification messages pushed by the application according to the above-mentioned key information fields, so that the notification message can contain the key information fields, which facilitates the electronic device 100 to extract the key information in the notification message.

[0108] In addition, in addition to extracting the first information from the first notification message according to the key information field, the electronic device 100 may also extract the first information from the first notification message according to a specified value type, value range, image format, and other standards.

[0109] Exemplarily, the value type may include: boolean, String, SpannableString, Int, ColorInt, Icon, etc., the value range may refer to a length not exceeding 128 characters, etc. The image format may include the shape and size of the image, etc., for example, the shape of the image is a square.

[0110] That is to say, since the electronic device 100 can extract key information from the notification message by searching for specified value types, value ranges, image standards and other parameters, each application developer can standardize the notification messages pushed by the application according to specified value types, value ranges, icon formats and other parameters, so that the electronic device 100 can quickly extract key information from the notification message and improve the success rate of drawing images using notification messages.

[0111] In summary, the first notification message may be a message generated according to a preset specification, which may be used to specify one or more of the following parameters in the first notification message: the name of the key information field, the value type of the key information field, the value range of the key information field, the function of the key information field, etc. The key information field may be used to carry the first information.

[0112] For a detailed description of the preset specification, please refer to Table 1 below, which will not be repeated here.

[0113] It can be understood that in the process of the electronic device 100 searching for the key information field in the first notification message to extract the first information, if the electronic device 100 does not find the key information field in the first notification message, the electronic device 100 can search for the default field in the first notification message and extract the first information in the first notification message through the default field.

[0114] This is because some application developers may not standardize the notification messages pushed by applications according to the above-mentioned key information fields. Therefore, the electronic device 100 can search for fields in the first notification message that may be used to describe the above-mentioned first information, and search for the first information in the first notification message as much as possible.

[0115] Alternatively, if the electronic device 100 does not find the key information field in the first notification message, the electronic device 100 may set the first information of the first notification message according to the default configuration. For example, if the first notification message does not contain a field corresponding to a color, the electronic device 100 may set the color in the first notification message to gray by default. For another example, if the first notification message does not contain a field corresponding to a background image, the electronic device 100 may set a specified image as the background image in the first notification message by default.

[0116] The display manner of the first information in the first image may include: position, size, layout, etc.

[0117] The electronic device 100 draws the first image corresponding to the first information according to preset rules, so that the electronic device 100 can display the first notification message according to the specified display template. It can not only highlight the key information in the first notification message and improve the user's reading efficiency, but also display all notification messages received by the electronic device 100 in a unified display method, providing users with a new notification message push method.

[0118] Exemplarily, FIG3 shows a display template for a notification message provided in an embodiment of the present application.

[0119] As shown in Figure 3, within the display area, foreground content such as the application icon, title, and text can be displayed in order from top to bottom. These foreground contents are horizontally centered and superimposed on the background layer. The dashed boxes in Figure 3 represent the display range of the corresponding foreground content.

[0120] In some embodiments, if the electronic device 100 determines the background color of the first image through the field corresponding to the color contained in the first notification message, and if the first notification message does not include the field corresponding to the color, the electronic device 100 can select the main color of the application icon corresponding to the first notification message as the background color of the first image. The electronic device 100 can also use the casing color as the background color of the first image.

[0121] In a specific embodiment, the preset rule may specify the number of lines to be displayed for the title, for example, 1 line. Furthermore, the preset rule may also specify the font size, font color, etc. of the title. In a specific case, if the title has too many words, the displayed content of the title may exceed the corresponding display range. Therefore, the text portion exceeding the display range may be replaced with ellipsis.

[0122] In a specific embodiment, the preset rule may specify the maximum number of lines of text displayed, for example, 2 lines. In addition, the preset rule may also specify the font size, font color, etc. of the text. In addition, the preset rule may also specify the rules for text line breaks. For example, the electronic device 100 may automatically break the text line when the length of a line of text reaches the width of the display range corresponding to the text, thereby improving the display effect of the text. In a specific case, if the number of words in the text is too large, it may cause the display content of the text to exceed its corresponding display range. Therefore, the text portion that exceeds the display range can be replaced by an ellipsis.

[0123] It is understood that the text of the first information extracted by the electronic device 100 may also include line break indication information, such as a line break character, and the electronic device 100 can determine where to break the text when displaying the text based on the line break character. In other words, the application developer can define the line break position of the notification message text when it is displayed.

[0124] For example, FIG4A and FIG4B respectively show schematic diagrams of a first image provided by an embodiment of the present application.

[0125] As shown in FIG4A , the first image may display a title: “Checked in” and a text: “Boarding starts at Gate 27 17:45”.

[0126] As shown in FIG4B , the first image may display a title: “License Plate XXXX” and a text: “1.7 km away from you, 4 minutes to arrive”.

[0127] S103. The electronic device 100 displays the first image.

[0128] Exemplarily, the electronic device 100 may display the first image in the form of a card, or in the form of a picture. The embodiment of the present application does not limit the display form of the first image.

[0129] In some embodiments, the electronic device 100 may continuously update the content of the first image. Specifically, the electronic device 100 may continuously receive updated first notification messages sent by the application or application server, and update the first image based on key information in the updated first notification message.

[0130] This is because some notification messages may continuously update their content due to changes in time, user location, and other conditions. Therefore, the electronic device 100 needs to refresh the notification messages in real time so that the user can know the latest notification messages. For example, for the vehicle itinerary information pushed by the taxi application, the vehicle itinerary information will be updated in real time based on the vehicle's location.

[0131] For example, during the updating process of the first notification message, the text in the first notification message is updated, and the text displayed in the updated first image is the updated text.

[0132] In some embodiments, when the electronic device 100 is receiving the updated first notification message, the updated first notification message may no longer contain some key information, such as title, text, color, background type, background picture, etc., compared to the first notification message before the update. The electronic device 100 can keep this part of the key information in the updated first notification message as the part of the key information in the first notification message before the update.

[0133] That is, compared with the first notification message before updating, the updated first notification message does not include the first content. The first content may include one or more contents in the first information, and the updated first image may include the first content.

[0134] Taking the example of the first content including a background image, if the first notification message before the update includes a background image, but the first notification message after the update no longer includes a background image, the background image of the updated first notification message can remain consistent with the background image of the first notification message before the update. In this way, even if the first notification message no longer includes a background image during the update process, the background image can still be displayed in the first image displayed by the electronic device 100.

[0135] In some embodiments, when the electronic device 100 receives the updated first notification message, some key information may be newly added to the updated first notification message compared to the first notification message before the update, such as title, text, color, background type, background image, etc. The electronic device 100 can draw the updated first image based on the newly added key information when subsequently using the updated first notification message to update the first image.

[0136] That is, compared with the first notification message before the update, the updated first notification message adds the second content, and the updated first image includes the second content.

[0137] Taking the example of the second content including a background image, if the first notification message before the update does not include a background image, but the updated first notification message includes a background image, the electronic device 100 can draw the updated first image in combination with the background image. In this way, if the first notification message adds a new background image during the update process, the electronic device 100 can update the background of the first image so that the subsequent displayed first image uses the background image as the background.

[0138] In some embodiments, if the electronic device 100 receives multiple notification messages, the electronic device 100 may extract key information of the multiple notification messages respectively, and draw and display images corresponding to the multiple notification messages respectively based on the key information.

[0139] For example, the electronic device 100 may display a first image and a third image. The third image may include the second information in the second notification message, which may be key information in the second notification message. The electronic device 100 may draw the third image based on the second information in the second notification message. Taking the example of the electronic device 100 switching images based on a user operation, the electronic device 100 may detect a first operation applied to the first image and switch the first image to the third image.

[0140] For example, multiple images drawn by the electronic device 100 can be displayed in a stacked manner, and the electronic device 100 can change the stacking order of the multiple images based on the user's operation of sliding the images, in other words, switch the images displayed by the electronic device 100.

[0141] Among them, these multiple stacked displayed images can be displayed in a preset order, and the preset order may refer to the time sequence in which the electronic device 100 receives the notification message, or the importance of the notification message, etc. The embodiment of the present application does not limit the preset order.

[0142] In some embodiments, the electronic device 100 may display one of the multiple images at different time points. The electronic device 100 may change the image displayed at different time points based on user operations, or the electronic device 100 may automatically switch the displayed image at preset time intervals.

[0143] FIG5 shows the display principle of multiple images provided in an embodiment of the present application.

[0144] As shown in Figure 5, image 1, image 2, and image 3 may be images generated by the electronic device 100 based on different notification messages. These multiple images may be stacked in sequence.

[0145] The electronic device 100 may display only one of the multiple images on the display screen, and the image may refer to the image stacked on the top layer of the multiple images, such as image 1. If the electronic device 100 detects a sliding operation on image 1, the electronic device 100 may switch the displayed image 1 to an image located at the lower layer of image 1, namely image 2. At the same time, image 1 may be switched to the bottom layer of the multiple images, and so on. If the electronic device 100 continues to detect a sliding operation on image 1, the electronic device 100 may switch the displayed image 2 to image 3, so that the user can quickly view the content of different notification messages through simple operations. For example, the sliding operation may be a right sliding operation or a left sliding operation.

[0146] In some implementations, the electronic device 100 may also display the first image in a bright screen state.

[0147] In addition, if the electronic device 100 is not in the screen-on state, the first image is not displayed.

[0148] For example, the electronic device 100 may determine whether the screen is in the bright screen state at the following times:

[0149] 1) The electronic device 100 can determine whether it is in the screen-on state between step S101 and step S102

[0150] After receiving the first notification message, the electronic device 100 may first determine whether the electronic device 100 is currently in the screen-on state. If the screen is in the screen-on state, the electronic device 100 may extract the first information in the first notification message and draw the first image based on the first information. If the screen is not in the screen-on state, the electronic device 100 no longer extracts the first information in the first notification message and draws the first image based on the first information. This can reduce the workload of the electronic device 100.

[0151] 2) The electronic device 100 can determine whether it is in the screen-on state between step S102 and step S103

[0152] After receiving the first notification message, the electronic device 100 can first extract the first information in the first notification message, draw a first image based on the first information, and then determine whether the electronic device 100 is in the screen-on state. After the electronic device 100 is in the screen-on state, the first image can be directly displayed. In this way, the speed of displaying the image corresponding to the notification message after the electronic device 100 turns on the screen can be accelerated, avoiding the electronic device 100 starting to generate the first image after the screen turns on.

[0153] FIG6 is a schematic diagram of a specific process of displaying an image corresponding to a notification message in a bright screen state provided by an embodiment of the present application.

[0154] S201. The electronic device 100 receives a first notification message.

[0155] For example, the electronic device 100 may be a foldable screen device, and the electronic device 100 may include an outer screen and an inner screen, wherein the inner screen refers to a display screen for displaying images when the electronic device 100 is in an unfolded state, and the outer screen refers to a display screen for displaying images when the electronic device 100 is in a folded state. The size of the outer screen is smaller than that of the inner screen.

[0156] Exemplarily, the electronic device 100 receiving the first notification message may specifically mean that the external screen of the electronic device 100 receives the first notification message.

[0157] For a detailed description of the first notification message, please refer to the relevant content in the above step S101, which will not be repeated here.

[0158] S202. The electronic device 100 determines whether the first notification message is a critical notification message.

[0159] In some implementations, the critical notification message may be a message from an application with a real-time process, and the non-critical notification message may be a message from an application with a non-real-time process.

[0160] In some embodiments, the electronic device 100 can identify whether the first notification message contains a critical information identifier. If the first notification message contains a critical information identifier, it means that the first notification message is a critical notification message; otherwise, the first notification message is a non-critical notification message.

[0161] It is understood that the key information identifier can be content preset in the first notification message by the developer in advance. In other words, whether the notification message is a key notification message can be determined by the developer. In addition, if the key information identifier is the content in the key information field, the electronic device 100 can determine whether the first notification message is a key notification message during the process of extracting the key information field in the first notification message.

[0162] It is understandable that the electronic device 100 can also determine whether the first notification message is a critical notification message in other ways, such as by the user deciding whether the first notification message is a critical notification message. If the electronic device 100 detects the user's operation of determining the first notification message as a critical notification message, or the operation of determining the application to which the first notification message belongs as a critical application, it can be determined that the first notification message is a critical notification message.

[0163] If the first notification message is a critical notification message, the electronic device 100 may execute step S203.

[0164] It can be understood that step S202 may be an optional step, and the electronic device 100 may directly extract the key information field in the first notification message after receiving the first notification message.

[0165] S203. The electronic device 100 extracts the key information field in the first notification message to obtain the first information.

[0166] Specifically, the electronic device 100 can search for the key information field in the first notification message. If the key information field can be found, it means that the first notification message has the key information field. If the key information field cannot be found, it means that the first notification message does not have the key information field.

[0167] The key information field carries the key information of the notification message, and the electronic device 100 can extract the key information in the first notification message, such as the first information, by searching the key information field in the first notification message.

[0168] In a specific implementation, Table 1 shows key information fields that may be included in the first notification message.

[0169] Table 1

[0170] The following describes each key information field in Table 1:

[0171] 1)notification.live.externalEnable

[0172] Key information: The enable (notification.live.externalEnable) field can be used to set whether the notification message supports external screen display. The value type is bollean, and the value of the enable field can be true or false.

[0173] Among them, if the enable field is true, the notification message supports display on the external screen; if the enable field is false, the notification message does not support display on the external screen.

[0174] Furthermore, the Enable field remains consistent throughout the lifecycle of a notification message update, using only the value passed by the Enable field when the key information of the notification message is first extracted. In other words, if a notification message is subsequently updated, even if the value passed by the Enable field in the updated notification message is modified, the value will be ignored.

[0175] For example, if the electronic device 100 receives vehicle travel information transmitted by a taxi-hailing application, and the vehicle travel information records the distance between the vehicle and the taxi-hailing user, the electronic device 100 can update the vehicle travel information in real time, that is, update the distance between the vehicle and the taxi-hailing user. Then, if the electronic device 100 receives the vehicle travel information for the first time, the enable field in the vehicle travel information is true, the electronic device 100 can display the image corresponding to the vehicle travel information on the external screen. If the enable field is updated to false in the updated vehicle travel information subsequently received by the electronic device 100, the electronic device 100 can still keep displaying the image corresponding to the updated vehicle travel information on the external screen.

[0176] For example, if the enable field is not set in the notification message, it can be assumed that the notification message supports display on the external screen, that is, the value transmitted by the enable field of the notification message is assumed to be true.

[0177] 2)notification.live.externalTitle

[0178] The title (notification.live.externalTitle) field is used to carry the title of the notification message. You can use the title field to set the title displayed on the external screen. The value type of the title field is string, and the character length of the title field does not exceed 128 characters.

[0179] 3)notification.live.externalBody

[0180] The content (notification.live.externalBody) field is used to carry the body of the notification message. You can use the content field to set the body displayed on the external screen. The value type of the content field is SpannableString, and the character length of the content field does not exceed 128 characters.

[0181] In addition, the content field may further include a line break character, which is used to implement line break at the position where the line break character is located, so that the text displayed by the electronic device 100 can be presented as multiple lines of text.

[0182] 4)notification.live.externalType

[0183] The background type (notification.live.externalType) field is used to carry the background type in the notification message. You can use the background type field to set the background displayed on the external screen. The value type of the background type field is SpannableString, and the value of the background type field can be 0 or 1.

[0184] Among them, if the background type field is 0, the background displayed on the external screen uses a gradient background; if the background type field is 1, the background displayed on the external screen uses a picture background.

[0185] Furthermore, the background type field remains consistent during the life cycle of the notification message update, that is, either a gradient background or a picture background is always used.

[0186] Optionally, the text layout of the gradient background type and the picture background type can be different, for example, the gradient background type does not have a text avoidance area, while the picture background type has a text avoidance area. In this way, the background image displayed by the electronic device 100 can be prevented from being blocked by text.

[0187] For example, if the background type field is not set in the notification message, it can be assumed that the notification message uses a gradient background when displayed on the external screen, that is, the value passed by the background type field of the notification message is 0 by default.

[0188] 5)notification.live.externalBgColor

[0189] The background color (notification.live.externalBgColor) field can be used to carry the color of the notification message. When the value passed in the background type field is 0, you can read this background color field and use it to set the background color of the external screen display. The value type of this background color field is ColorInt, and the value range is Color.

[0190] Exemplarily, the color conveyed by the background color field may be the main color tone of the gradient background.

[0191] For example, the background color field remains consistent throughout the lifecycle of a notification message update, and only the value passed in the background color field when the key information of the notification message is first extracted is used. In other words, if the background color of the image of the notification message is initially displayed on the external screen with a blue gradient, then when the image corresponding to the updated notification message is subsequently displayed, the background color of the image will remain the blue gradient.

[0192] For example, if the color carried in the background color field is not read, the background color may be set to snow gray by default, or the housing color may be used as the background color.

[0193] 6)notification.live.externalBgImage

[0194] The background image (notification.live.externalBgImage) field can be used to carry the background image in the notification message. When the value passed in the background type field is 1, this field can be read to set the image displayed on the external screen. The value type of this field is Icon, and the image has size restrictions.

[0195] In some embodiments, when extracting the key information field in the first notification message, the specifications of the background image carried in the background image field will be restricted. For example, the shape of the image is restricted to a square. If the background image in the background image field is not a square, the background image does not meet the specifications and the image corresponding to the notification message will not be generated, or the image does not need to be changed to generate the image corresponding to the notification message.

[0196] Exemplarily, the background image field remains consistent during the life cycle of the notification message update. If the notification message is subsequently updated, and the background image field in the updated notification message no longer carries the background image, or the background image does not comply with the specifications, the background image used when the image corresponding to the notification message was previously generated will be used, so that after the notification message is updated, the background image in its corresponding image remains unchanged.

[0197] As can be seen from Table 1, when the electronic device 100 extracts the key information field in the first notification message, it can extract the corresponding field according to Table 1 to obtain the key information carried in the field.

[0198] It can also be understood that Table 1 is a specification for setting key information fields in the preset rules formulated in the embodiment of the present application. Each application development manufacturer can standardize the format of the notification message according to the above Table 1, so that after the electronic device 100 obtains the notification message pushed by the application, it can directly obtain the key information in the notification message by extracting the key information fields shown in Table 1.

[0199] For example, when the application developer sets the key information fields in the notification message, the enable field, title field, and content field are mandatory fields, and the background type field, background color field, and background image field are optional fields.

[0200] It should be noted that Table 1 is only an illustrative example and does not constitute a limitation on the embodiments of the present application. For example, the field name of the key information field, whether it is a required option, the value range, etc. may have other situations, and it may also include other more key information fields. The embodiments of the present application do not limit the key information fields.

[0201] S204. When the first notification message does not have a key information field, the electronic device 100 extracts a default field in the first notification message to obtain the first information.

[0202] If the first notification message does not have a key information field, the electronic device 100 may extract a default field in the first notification message to obtain the key information in the first notification message, that is, the first information.

[0203] This is because some application developers may not set the notification message according to the specifications of the key information fields provided in the embodiment of the present application (such as Table 1). Therefore, the electronic device 100 can extract the default field in the first notification message to obtain the first information.

[0204] The default field is a common field that may carry key information in each notification message. For example, it can be obtained by developers based on manual experience or by testing a large number of notification messages.

[0205] Taking Table 1 as an example, if the first notification message does not include the title (notification.live.externalTitle) field shown in Table 1, the electronic device 100 can extract the content of the ContentTitle field to determine the title in the first notification message. That is, the default field can include the ContentTitle field, which can be used to carry the title in the first notification message. If the first notification message does not include the content (notification.live.externalBody) field shown in Table 1, the electronic device 100 can extract the content of the ContentText field to determine the body of the first notification message. That is, the default field can include the ContentText field, which can be used to carry the body of the first notification message.

[0206] S205. When the electronic device 100 is in a screen-on state, the first image is displayed. The first image is an image obtained by laying out the first information according to a preset rule.

[0207] In the embodiment of the present application, when the electronic device 100 is a foldable screen, the electronic device 100 can display the first image on the external screen.

[0208] For example, the electronic device 100 may detect an operation on the power button and start to light up the screen. Furthermore, if the electronic device 100 detects an operation on the power button again, it turns off the screen.

[0209] For example, the electronic device 100 may determine whether the screen is currently on before or after executing any one of steps S202-S204. For example, after extracting the first information in the first notification message, the electronic device 100 may determine whether the screen is currently on, and if so, draw a first image and display the first image.

[0210] Among them, if the electronic device 100 is a folding screen device and the electronic device 100 includes an external screen, the electronic device 100 can determine whether the current external screen is on.

[0211] The electronic device 100 may layout the first information according to a preset rule to obtain a first image. For example, the preset rule may be used to specify a display position, display size, display layout, etc. of the first information.

[0212] Specifically, the preset rule can specify the number of display lines for the title, for example, 1 line. If the title exceeds the display range, the excess text is replaced by ellipsis. In addition, the preset rule can specify the number of display lines for the text, for example, 2 lines. If the text exceeds the display range, the excess text is replaced by ellipsis. Moreover, when the electronic device 100 displays the text, if the text itself does not carry a line break character, the electronic device 100 can automatically wrap the text according to the display width of the text when the length of a line of text reaches the display width.

[0213] For a detailed description of how the electronic device 100 lays out the first information according to a preset rule to obtain the first image, please refer to the relevant content of the above step S102, which will not be repeated here.

[0214] Exemplarily, the first image may refer to the image shown in FIG. 4A or FIG. 4B .

[0215] Exemplarily, if the electronic device 100 is a foldable screen device and the electronic device 100 includes an external screen, the electronic device 100 can display the first image on the external screen.

[0216] It is understandable that for details not mentioned in steps S201-S205, reference may be made to the above-mentioned contents of steps S101-S103, which will not be repeated here.

[0217] It can be seen from steps S201-S205 that after receiving the notification message, the electronic device 100 can extract the key information in the notification message according to the preset rules. When the electronic device 100 is in the bright screen state, it draws the image corresponding to the key information according to the preset rules and displays the image so that the user can view the notification message and quickly extract the important content in the notification message, thereby improving the user's reading efficiency.

[0218] In an embodiment of the present application, in addition to displaying an image containing key information of a notification message, the electronic device 100 can also display an image containing only the icon of the application to which the notification message belongs. In this way, in addition to being able to view an image containing detailed information of the notification message, the user can also view an image that only indicates the application icon of the application to which the notification message belongs. Moreover, the image containing the application icon can not only remind the user that the current application pushes the user notification message, but also prevent the displayed image from leaking the content of the notification message.

[0219] In the following embodiments, the image generated by the electronic device 100 based on the icon of the application to which the notification message belongs may be referred to as a second image.

[0220] FIG7 is a schematic diagram of the overall flow of another display method provided in an embodiment of the present application.

[0221] S301. The electronic device 100 receives a first notification message.

[0222] For a detailed description of the electronic device 100 receiving the first notification message, please refer to the above step S101, which will not be repeated here.

[0223] S302. The electronic device 100 displays a second image, which includes an application icon of the application to which the first notification message belongs.

[0224] In some implementations, the application to which the first notification message belongs may be an application with a real-time process.

[0225] In some embodiments, the second image may include the application icon of the application to which the first notification message belongs, but not the message content of the first notification message. In this way, the second image can be prevented from leaking the user's privacy, and the user can also be informed that the current electronic device 100 has received the notification message, reminding the user to check it in time.

[0226] In some embodiments, the second image may further include an animated image, such as a virtual animal, a virtual character, etc.

[0227] For example, the electronic device 100 may be configured with a customized theme, which may include, but is not limited to, one or more of the following: an animated image, a background image, an animation effect, and the like. For example, the customized theme may be a theme displayed when the screen is off. When the electronic device 100 is configured with a customized theme, the electronic device 100 may draw a second image in conjunction with the customized theme. For example, the second image may include the application icon of the application to which the first notification message belongs and an animated image under the customized theme.

[0228] Exemplarily, FIG8 shows a second image displayed by the electronic device 100 based on a different customized theme.

[0229] Comparing (a) and (b) in FIG8 , it can be seen that under different customized themes, the animated images in the second image are different, wherein the animated image in (a) in FIG8 is a kitten, and the animated image in (b) in FIG8 is a puppy.

[0230] In some embodiments, the electronic device 100 may also obtain a first color. When the electronic device 100 obtains the first color, the first color may be combined with the first color to draw the second image. For example, the first color may be used as the background color, font color, etc. in the second image.

[0231] The first color may be:

[0232] 1) The first color includes the housing color of the electronic device 100

[0233] In some implementations, when the electronic device 100 leaves the factory, the developer may preset the housing color in the electronic device 100. In this way, the electronic device 100 may directly obtain the preset housing color of the electronic device 100.

[0234] In some embodiments, if the electronic device 100 is equipped with a mobile phone case with near-field communication (NFC) functionality, the electronic device 100 and the mobile phone case can communicate via NFC. The mobile phone case can have a preset color, or the electronic device 100 can set the color of the mobile phone case based on user input. The electronic device 100 can then obtain the preset or set color of the mobile phone case via NFC communication with the mobile phone case.

[0235] In this way, the background color or font color in the second image may include the housing color, so that the color of the screen displayed by the electronic device 100 can echo the color of the device itself.

[0236] 2) The first color includes the color included in the desktop wallpaper of the electronic device 100

[0237] That is, the electronic device 100 may determine the colors included in the second image based on the colors included in the desktop wallpaper.

[0238] 3) The first color is the color selected by the user

[0239] That is, the electronic device 100 may detect a user operation of selecting a color, and determine the color selected by the user as a color included in the second image.

[0240] 4) The first color includes a color preset by the electronic device 100

[0241] That is, the electronic device 100 may determine the colors included in the second image according to the colors preset in the electronic device 100 .

[0242] It is understood that the electronic device 100 may also determine the first color in other ways, which are not limited in this embodiment of the present application. In addition, the first color may be a color that changes with time, for example, light blue from 8:00 to 9:00 and light green from 10:00 to 11:00. In addition, the first color may include one or more colors.

[0243] Exemplarily, FIG9 shows a second image displayed by the electronic device 100 based on different colors.

[0244] Comparing (a) and (b) in FIG9 , it can be seen that when the electronic device 100 obtains different colors, the background color of the second image displayed by the electronic device 100 is different. In this way, the background color displayed on the devices used by different users can be different, reflecting the personalized display of the push notification message.

[0245] In some embodiments, the electronic device 100 may further determine whether to display the second image or how to display the second image based on whether the first notification message is a critical notification message, which may specifically include the following two situations:

[0246] 1) If the first notification message is a critical notification message, the electronic device 100 may display the second image; if the first notification message is a non-critical notification message, the electronic device 100 may not display the second image.

[0247] That is, even if the electronic device 100 receives the first notification message, if the first notification message is a non-critical notification message, the electronic device 100 will not display the second image.

[0248] In other words, the electronic device 100 may execute step S302 when the first notification message is a critical notification message.

[0249] 2) The second image displayed when the first notification message is a critical notification message may be different from the second image displayed when the first notification message is a non-critical notification message.

[0250] For example, when the first notification message is a critical notification message, the icon in the second image may be an application icon of the application to which the first notification message belongs; when the first notification message is a non-critical notification message, the icon in the displayed second image may be a default icon.

[0251] The default icon may be an icon preset by a developer or an icon set by a user. For example, the default icon may be displayed as a bell.

[0252] In this way, even if the electronic device 100 receives a notification message, if the notification message is a non-critical notification message, the icons displayed by the electronic device 100 are all unified into one identical icon, and the user can only know that there is a notification message, but cannot know which application pushed the notification message.

[0253] That is, after the electronic device 100 receives the first notification message, even if the first notification message is a non-critical notification message, the electronic device 100 can still display the image corresponding to the first notification message to inform the user that there is a notification message.

[0254] In some implementations, the critical notification message may be a message from an application with a real-time process, and the non-critical notification message may be a message from an application with a non-real-time process.

[0255] In some implementations, for determining whether the first notification message is a key notification message, reference may be made to the relevant description in S102 or S202, which will not be repeated here.

[0256] Optionally, the second image may further include time and date.

[0257] Optionally, the second image may further include: a number corresponding to the number of notification messages.

[0258] Exemplarily, if the electronic device 100 is a foldable screen device and includes an external screen, the electronic device 100 may display the second image of the first notification message on the external screen.

[0259] Combining the first image and the second image, the following situations may exist:

[0260] 1) The electronic device 100 can display the first image in the screen-on state and the second image in the screen-off state

[0261] In this way, the electronic device 100 can display different images related to the notification message in different display screen states. Considering that the user usually views the display content of the electronic device 100 in detail in the screen-on state, the first image can be displayed in the screen-on state to facilitate the user to view the key information of the notification message in the screen-on state. Considering that only a simple reminder function is usually required in the screen-off state, the second image can be displayed in the screen-off state to avoid leaking the user's privacy in the screen-off state.

[0262] It is understandable that turning off the screen can also be called turning off the screen or stopping the screen, and the embodiments of the present application do not limit this name.

[0263] For details about the electronic device 100 displaying the second image in the screen-off state, please refer to the subsequent description of Figure 12.

[0264] 2) The electronic device 100 may first display the second image and then display the first image after detecting a user operation.

[0265] Since the second image only contains the application icon corresponding to the notification message, the electronic device 100 can first use the application icon to remind the user that there is a notification message. Then, if the user wishes to view it further, the key information of the notification message, that is, the first image, can be further viewed based on the user's operation.

[0266] 3) The electronic device 100 may first display the first image and then display the second image after detecting a user operation.

[0267] Since the user may not have time to process the notification message in a timely manner after viewing the key information of the notification message, the electronic device 100 can switch the first image to the second image, so that the electronic device 100 can continue to remind the user of the current notification message by displaying the application icon, to prevent the user from forgetting the notification message.

[0268] It is understandable that the embodiment of the present application does not limit the display sequence of the first image and the second image.

[0269] In some embodiments, before the electronic device 100 receives the first notification message, the electronic device 100 may display an image that does not include an application icon (hereinafter referred to as the fourth image). In this way, after the electronic device 100 receives the first notification message, the fourth image may be updated to the second image. In this way, the user can check whether the electronic device 100 has received the notification message by viewing the image displayed by the electronic device 100.

[0270] In some embodiments, if the electronic device 100 is configured with a customized theme, the fourth image and the second image may have the same customized theme. For example, the fourth image and the second image may display the same animated character. Alternatively, the animated characters in the fourth image and the second image may have different actions or postures.

[0271] Exemplarily, FIG10 shows images displayed by the electronic device 100 before and after receiving a notification message.

[0272] Among them, (a) in Figure 10 shows the fourth image displayed by the electronic device 100 before receiving the first notification message, and the fourth image shows a kitten B1 with its paws naturally hanging down. (b) in Figure 10 shows the second image displayed by the electronic device 100 after receiving the first notification message, and the second image shows an application icon A and a kitten B2 with its paws raised.

[0273] Comparing (a) and (b) in FIG10 , it can be seen that the second image further includes an application icon compared to the fourth image, and the actions of the animated characters displayed in the second image and the fourth image are different.

[0274] In some embodiments, the second image may include an animation effect, which may be manifested as an animation character displayed in the second image interacting with the application icon displayed in the second image, thereby visually guiding the user to view the application icon.

[0275] In some embodiments, if the first notification message is a notification message, the second image may display: an application icon, an animated image, and an animation effect. The application icon is the icon of the application to which the notification message belongs, and the animation effect may be the animated image performing a first action toward the application icon. In this way, the second image displayed by the electronic device 100 may include an animation effect, and the animation effect can guide the user to view the notification message received by the electronic device 100, thereby increasing the fun of the notification message push.

[0276] For example, when the animated image is a virtual character, the first action may be that the animated image waves, stares, or pats the application icon. When the animated image is a virtual animal, the first action may be that the animated image rotates, rolls, or rotates toward the application icon.

[0277] Exemplarily, FIG11 shows a second image with animation effect displayed by the electronic device 100 when receiving a notification message.

[0278] Among them, (a), (b), and (c) in FIG11 sequentially show the three frames of images included in the second image in the display order.

[0279] As can be seen from FIG. 11 , the second image may include: application icon A, kitten B, and an animation effect of kitten B scratching its paw toward application icon A. As shown in FIG.

[0280] Furthermore, when displaying the second image shown in FIG11 , the electronic device 100 may also output a vibration prompt following the scratching action of the kitten B. In this way, the combination of vision and touch can give the user an immersive feeling.

[0281] For example, when the first notification message is a notification message, the first notification message may refer to the most recent notification message received by the electronic device 100. In this way, the second image displayed by the electronic device 100 includes only one application icon, and the application icon may be updated following the most recent notification message received by the electronic device 100.

[0282] In some embodiments, the electronic device 100 may also recognize a user operation on the display screen (e.g., a touch operation) or a user's gaze at the display screen during the display of the second image. When the electronic device 100 recognizes a user operation on the display screen (e.g., a touch operation on application icon A) or recognizes a user's gaze at the display screen, the electronic device 100 may display the first image as shown in FIG. 4A or FIG. 4B and / or output vibration. This can increase the fun of the user's interaction with the electronic device.

[0283] In some implementations, since the electronic device 100 may continuously receive multiple notification messages pushed by different applications, the application icons displayed in the second image may include multiple ones.

[0284] In some implementations, the multiple application icons may exist in the following situations:

[0285] 1) These multiple application icons are application icons corresponding to all notification messages received by the electronic device 100 but not viewed by the user

[0286] 2) These multiple application icons are application icons corresponding to the notification messages that the user has not viewed recently, not exceeding a preset number (for example, 3)

[0287] 3) These multiple application icons are application icons corresponding to notification messages received by the electronic device 100 in the recent period of time

[0288] From the above three situations, it can be seen that the application icons displayed by the electronic device 100 on the second image may only correspond to some of the notification messages received by the electronic device 100. For application icons corresponding to notification messages not displayed on the second image by the electronic device 100, the electronic device 100 may replace them with ellipsis. In other words, the second image may also include ellipsis to prompt the user that the number of notification messages received by the electronic device 100 is greater than the number of application icons displayed in the second image.

[0289] Furthermore, if the first notification message includes multiple notification messages, the second image may display: multiple application icons, animation images and animation effects.

[0290] The multiple application icons are application icons of the applications to which the multiple notification messages belong, and the animation effect may be an animated image performing the second action toward the multiple application icons.

[0291] In some embodiments, the animation effect can be that the animated image performs the second action toward any one or more of the multiple application icons at different time points; the animation effect can also be that the animated image performs the second action toward any one or more of the multiple application icons in sequence, for example, the animated image can perform the second action toward the application icon corresponding to the notification message in the order in which the notification messages arrive or appear; the animation effect can also be that the animated image performs the second action toward the application icon corresponding to the notification message in the order in which the notification messages are updated; the animation effect can also be that the animated image performs the second action toward any one or more of the multiple application icons according to priority; the animation effect can also be a combination of the foregoing animation effects.

[0292] It should be noted that the embodiment of the present application does not limit the order in which the animated image interacts with multiple application icons.

[0293] In this way, the second image displayed by the electronic device 100 can include animation effects. When the user views the second image, the animation effects displayed in the second image can guide the user to view multiple notification messages received by the electronic device 100, thereby enhancing the fun of notification message push.

[0294] The second actions performed on different application icons may be the same or different.

[0295] In some embodiments, the electronic device 100 can change the display positions of the multiple application icons displayed in the second image. For example, the electronic device 100 can update the display positions of the application icons according to the order in which the notification messages are updated. For example, the application icon corresponding to the more recently received or recently updated notification message can be arranged at the top of the multiple application icons, and the application icon corresponding to the first received or first updated notification message can be arranged at the bottom of the multiple application icons. In this way, the user can be guided to prioritize viewing the most recently received or most recently updated notification messages.

[0296] Exemplarily, FIG12 shows a second image with animation effect displayed by the electronic device 100 when receiving multiple notification messages.

[0297] 12 (a), (b), and (c) sequentially show one frame of the three frames of the second image in the display order.

[0298] As can be seen from Figure 12, the second image includes: application icon C, application icon D, application icon E, an animated image, and an animation effect. The animated image may be a puppy F, and the animation effect may be puppy F's eyes looking at the application icons. As shown in Figure 12 (a), puppy F looks at application icon E, as shown in Figure 12 (b), puppy F looks at application icon D, and as shown in Figure 12 (c), puppy F looks at application icon C.

[0299] It is understandable that the electronic device 100 can select a corresponding customized theme to generate the second image according to the number of application icons to be displayed. In other words, if the electronic device 100 needs to display different numbers of application icons, different customized themes will be selected.

[0300] In some embodiments, taking Figures 11 and 12 as an example, if the electronic device 100 needs to display one application icon, the electronic device 100 can use the kitten B shown in Figure 10 to draw the second image; if the electronic device 100 needs to display three application icons, the electronic device 100 can use the puppy F shown in Figure 11 to draw the second image.

[0301] In some embodiments, the multiple notification messages received by the electronic device 100 may include multiple notification messages from the same application. Therefore, if the electronic device 100 receives multiple notification messages from the same application, the number of these multiple notification messages can also be displayed near the icon of the application displayed in the second image.

[0302] In some embodiments, for the second image including an animation effect, the electronic device 100 may further identify a user operation (e.g., a touch operation) on the display screen or the user's gaze at the display screen during the display of the second image. If the electronic device does not identify a user operation on the display screen or does not identify the user's gaze at the display screen, the electronic device 100 may display a static second image, for example, only display one frame of the second image with an animation effect, and / or not output vibration. If the electronic device 100 identifies a user operation on the display screen or identifies the user's gaze at the display screen, the electronic device 100 may display the second image with an animation effect and / or output vibration. In this way, the power consumption of the electronic device 100 can be reduced.

[0303] In some embodiments, if the second image includes an animation effect, the electronic device 100 may further output a vibration effect that matches the animation effect of the second image when displaying the second image.

[0304] Exemplarily, the vibration frequency of the vibration may correspond to the changing frequency of the animation effect of the second image, wherein the faster the changing frequency of the animation effect, the faster the vibration frequency of the vibration, and the slower the changing frequency of the animation effect, the slower the vibration frequency of the vibration.

[0305] Exemplarily, the vibration amplitude may correspond to the change amplitude of the animation effect of the second image, wherein the greater the change amplitude of the animation effect, the greater the vibration amplitude of the vibration, and the smaller the change amplitude of the animation effect, the smaller the vibration amplitude of the vibration.

[0306] In this way, in addition to being able to visually view the image corresponding to the notification message, the user can also perceive the notification message tactilely, thereby enhancing the user's immersive experience.

[0307] It should be noted that the related operations performed by the electronic device 100 on the first image and the second image can exist independently and do not affect each other. After receiving the first notification message, the electronic device 100 may only display the first image corresponding to the first notification message and not display the second image corresponding to the first notification message, or only display the second image corresponding to the first notification message and not display the first image corresponding to the first notification message.

[0308] Figure 13 is a schematic diagram of the specific process of displaying the image corresponding to the notification message in the screen-off state provided in an embodiment of the present application.

[0309] S401. The electronic device 100 obtains the customized theme currently used for off-screen display.

[0310] Exemplarily, the electronic device 100 may include an always on display module, which may be used to light up pixels on the display screen when the electronic device 100 is turned off, and display an image through the display screen.

[0311] In an embodiment of the present application, after the electronic device 100 receives the first notification message, any one or more of the first notification message, the first information of the first notification message, or the application information of the first notification message can be sent to the off-screen display module, and the off-screen display module draws the second image and displays the second image when the screen is off.

[0312] After the electronic device 100 receives the first notification message, the electronic device 100 can determine whether the customized theme displayed on the off-screen is currently used. Specific descriptions of the first notification message can be found in the relevant content of the above step S101, which will not be repeated here.

[0313] The customized theme may be used to set an animated image displayed when the screen is off, a vibration waveform output when the screen is off, etc. The customized theme may be used to determine a second image with a dynamic effect and a vibration effect.

[0314] For example, the electronic device 100 may set a theme for the off-screen display based on user operations.

[0315] In some implementations, after the electronic device 100 obtains the currently used off-screen display theme, step S402 may be executed.

[0316] In some embodiments, if a customized theme for off-screen display is currently in use, the electronic device 100 may execute step S402; if a customized theme for off-screen display is not currently in use, the electronic device 100 may directly display the second image based on the application icon of the first application to which the first notification message belongs and the theme currently displayed on the off-screen, and the electronic device 100 may display the second image without dynamic effects and vibration effects.

[0317] For example, in combination with steps S201-S205, the electronic device 100 may send the first notification message to the AOD module after determining that the first notification message is a critical notification message, and the AOD module may perform steps S401-S405. For example, the electronic device 100 may perform step S401 after step S203 or S204.

[0318] It is understandable that step S401 may be an optional step, and the electronic device 100 may directly overlay the application icon corresponding to the notification message on the image displayed on the off-screen without obtaining the customized theme currently displayed on the off-screen.

[0319] S402. The electronic device 100 obtains the housing color.

[0320] For example, the housing color may be information preset in the electronic device 100 by a developer when the electronic device 100 leaves the factory.

[0321] If the electronic device 100 has a housing color set, the electronic device 100 can directly extract the housing color to determine the background color in the second image. If the electronic device 100 does not have a housing color set, the electronic device can determine a default color as the housing color. The default color can be a color set by the developer, and the embodiments of the present application do not limit the source of the default color.

[0322] It is understandable that step S402 may be an optional step, and the electronic device 100 may not need to obtain the housing color, nor use the housing color to draw the second image.

[0323] S403. The electronic device 100 obtains the vibration waveform under the current customized theme.

[0324] If the electronic device 100 includes multiple customized themes, different customized themes may correspond to different vibration waveforms, and the vibration waveform matches the customized theme. For example, if the customized theme includes a rain element, the vibration waveform may include a vibration waveform when raindrops fall; if the customized theme includes a thunder element, the vibration waveform may include a vibration waveform when thunder occurs.

[0325] It is understandable that these vibration waveforms can be obtained by developers based on vibration simulation in specific application scenarios.

[0326] Exemplarily, the electronic device 100 can display a variety of vibration templates available for user selection. Figure 14 is a user interface 10 displayed by the electronic device 100 provided in an embodiment of the present application. The user interface 10 can be used to display a variety of vibration templates to the user. As shown in Figure 14, the user interface 10 may include vibration templates under different categories. Specifically, the categories may include: combat, shooting, musical instruments, simulation, footsteps, environment, movement, etc. For example, under the environment category, the vibration templates may include: stream (Creek), rain (Rain), snow (Snowdrift), thunder (Thunder), wave (Wave), wind (Wind), etc.

[0327] It is understandable that step S403 may be an optional step, and the electronic device 100 may not need to obtain the vibration waveform, and may not output vibration when displaying the second image.

[0328] The embodiment of the present application does not limit the execution order of steps S401-S403, wherein the electronic device 100 can execute step S402 before or after any one of step S401 or step S403, and execute step S403 before or after step S402.

[0329] S404. In the screen-off state, the electronic device 100 displays a second image, which includes an application icon, a housing color, and a customized theme of the application to which the first notification message belongs.

[0330] In some implementations, the application to which the first notification message belongs may be an application with a real-time process.

[0331] The second image may include an application icon of the application to which the first notification message belongs, the background color of the second image may be the housing color, the animation effect and the animation image of the second image, wherein the animation image may be determined according to the customized theme.

[0332] Exemplarily, the second image may refer to the image shown in FIG. 8 , FIG. 9 , FIG. 11 or FIG. 12 .

[0333] In an embodiment of the present application, the electronic device 100 can determine whether it is in the screen-off state before or after any one of steps S401-S404.

[0334] For example, the electronic device 100 may execute before step S401. In this way, if the electronic device 100 is not in the screen-off state, the electronic device 100 will not execute any related steps of drawing the second image. In this way, the workload of the electronic device 100 can be reduced. Preferably, the electronic device 100 can determine whether it is in the screen-off state after step S405. In this way, even if the electronic device 100 is not in the screen-off state, the electronic device 100 will draw the second image. Then, after the electronic device 100 enters the screen-off state, the electronic device 100 can quickly display the second image to enhance the user experience.

[0335] S405. The electronic device 100 outputs vibration based on the vibration waveform under the current customized theme.

[0336] When the electronic device 100 is in the screen-off state, the electronic device 100 may display the second image and output vibration based on the vibration waveform under the current customized theme.

[0337] In this way, even if the electronic device 100 is in the screen-off state, the electronic device 100 can display the image corresponding to the notification message, promptly reminding the user to check the notification message, while also making the screen-off display more interesting.

[0338] It is understandable that the electronic device 100 can execute step S404 and step S405 simultaneously, so that the vibration output by the electronic device 100 can match the animation effect in the second image displayed by the electronic device 100, thereby enhancing the immersive experience when pushing messages.

[0339] In some embodiments, if the number of notification messages received by the electronic device 100 is different, the second image displayed by the electronic device 100 may use different animation effects. For example, if the electronic device 100 receives only one notification message, the second image displayed by the electronic device 100 may be shown in FIG11 . If the electronic device 100 receives multiple notification messages, the second image displayed by the electronic device 100 may be shown in FIG12 .

[0340] It is understandable that for details not described in steps S401-S405, please refer to the above steps S301-S302, which will not be repeated here.

[0341] FIG15 shows a schematic diagram of the hardware structure of the electronic device 100 .

[0342] 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.

[0343] 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.

[0344] 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.

[0345] 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), a coprocessor sensor hub, etc. The different processing units may be independent devices or integrated into one or more processors.

[0346] In some embodiments, the processor 110 may be configured to extract the first information from the first notification message and draw a first image according to a preset rule, wherein the preset rule indicates how the first information is displayed in the first image. In addition, the processor 110 may be further configured to draw a second image, wherein the second image includes an icon of the application to which the first notification message belongs.

[0347] Specific descriptions of extracting key information, presetting rules, drawing the first image, and drawing the second image can be found in the details in FIG2 , FIG6 , FIG7 , and FIG13 , which will not be expanded here.

[0348] 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.

[0349] 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 repeated accesses, reduces processor 110 latency, and thus improves system efficiency.

[0350] 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.

[0351] 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.

[0352] 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.

[0353] 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 provided in the same device as the mobile communication module 150 or other functional modules.

[0354] 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.

[0355] 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).

[0356] 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.

[0357] 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.

[0358] In some embodiments, the display screen 194 can be used to display the first image and the second image drawn based on the first notification message. In addition, the electronic device 100 can be a folding screen device, and the electronic device 100 can include multiple display screens 194. These multiple display screens 194 can be divided into inner screens and outer screens, wherein the display screen 194 for displaying the first image and the second image can be the outer screen of the electronic device 100.

[0359] For details about the images displayed on the display screen 194 , please refer to the above-mentioned Figures 4A-4B, 8, 9, 10, 11, and 12.

[0360] 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.

[0361] 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.

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

[0363] 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.

[0364] 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 .

[0365] 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.

[0366] 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.

[0367] Motor 191 can generate vibration prompts. Motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, audio playback, etc.) can correspond to different vibration feedback effects. For touch operations acting on different areas of the display screen 194, motor 191 can also correspond to different vibration feedback effects. Different application scenarios (for example: time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

[0368] In the embodiment of the present application, the motor 191 may be configured to output vibrations that match the animation effect when the display screen 194 displays the second image with the animation effect.

[0369] For example, FIG16 is a schematic diagram of a principle of output vibration provided in an embodiment of the present application.

[0370] The electronic device 100 may store one or more waveform description files, which are used to indicate vibration waveforms. These waveform description files can be pre-generated by developers. Specifically, the developer can first define a vibration experience based on the scenario, and then design the waveform. The vibration is obtained by experiencing and debugging the vibration on the device. In addition, the developer can also perform simulacrum optimization on the vibration waveform based on the waveform design work to make the waveform corresponding to the waveform description file more consistent with the real scenario.

[0371] During the process of the electronic device 100 outputting vibration, the electronic device 100 can pass the waveform description file to the vibration waveform synthesizer, which can be used to convert the waveform description file into a vibration waveform. Then, the electronic device 100 drives the motor to control the motor to output the vibration corresponding to the vibration waveform.

[0372] It should be understood that FIG16 is merely an exemplary introduction and does not constitute a limitation to the embodiments of the present application.

[0373] 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.

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

[0375] A layered architecture divides software into several layers, each with distinct roles and responsibilities. Layers communicate with each other through software interfaces. In some implementations, 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.

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

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

[0378] 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.

[0379] As shown in FIG17 , the application framework layer may include a message processing module, an AOD module, a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, and the like.

[0380] The message processing module can be used to receive notification messages pushed by some applications in the application layer, extract key information from the notification messages, draw a first image corresponding to the notification message based on the key information, and control the electronic device 100 to display the first image when the screen is turned on. In addition, the message processing module can also be used to send relevant information of the notification message, such as key information of the notification message and application information of the notification message, to the AOD module.

[0381] The AOD module may be used to draw a second image corresponding to the notification message based on relevant information of the notification message, and control the electronic device 100 to display the second image when the screen is off.

[0382] 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.

[0383] 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.

[0384] 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.

[0385] 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.).

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

[0387] 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.

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

[0389] 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.

[0390] 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.

[0391] 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.

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

[0393] 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.

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

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

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

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

[0398] 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.

[0399] 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.

[0400] 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.

[0401] 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.

[0402] In some embodiments, 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.

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

[0404] 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.

[0405] 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.

[0406] 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.

[0407] 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.

[0408] 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.

[0409] 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.

[0410] 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.

[0411] 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.

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

[0413] 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)).

[0414] 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.

[0415] 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; The electronic device displays a second image, where the second image includes an application icon and a first animation image of the application to which the first notification message belongs.

2. The method according to claim 1, characterized in that The electronic device is provided with a first theme, and the first animated image is an animated image under the first theme.

3. The method according to claim 1 or 2, characterized in that The first notification message is a notification message, the second image includes an application icon, the first animation image and a first animation effect, wherein the application icon is the icon of the application to which the notification message belongs, and the first animation effect is that the first animation image performs a first action toward the application icon.

4. The method according to claim 1 or 2, characterized in that The first notification message includes multiple notification messages, the second image includes multiple application icons, the first animation image and a first animation effect, wherein one of the multiple application icons is an icon of an application to which a notification message among the multiple notification messages belongs, and the first animation effect is a first animation image in which the first animation image performs a second action toward a different application icon.

5. The method according to claim 3 or 4, characterized in that When the electronic device displays the second image, the electronic device outputs vibration matching the first animation effect.

6. The method according to any one of claims 1 to 5, characterized in that The background color of the second image includes the housing color of the electronic device.

7. The method according to any one of claims 1 to 6, characterized in that Before the electronic device receives the first notification message, the method further includes: The electronic device displays a fourth image, which includes the first animated image but does not include an application icon; the first animated image in the fourth image performs a different action or maintains a different posture from the first animated image in the second image.

8. The method according to any one of claims 1 to 7, characterized in that The electronic device displays the second image, specifically comprising: The electronic device displays a second image in a screen-off state.

9. The method according to any one of claims 1 to 8, characterized in that The method further comprises: The electronic device displays a first image in a screen-on state, where the first image includes the first information in the first notification message.

10. The method according to claim 9, characterized in that Before the electronic device displays the first image, the method further includes: The electronic device draws the first image according to a preset rule, where the preset rule indicates how the first information in the first notification message is displayed in the first image.

11. The method according to claim 9 or 10, characterized in that The first information includes but is not limited to any one or more of the following: title, text, color, background type, and background image.

12. The method according to any one of claims 9 to 11, characterized in that: The first notification message includes one or more of the following parameters: a name of a key information field, a value type of the key information field, a value range of the key information field, and a function of the key information field. The key information field is used to carry the first information.

13. The method according to any one of claims 9 to 12, characterized in that: After the electronic device displays the first image, the method further includes: The electronic device receives the updated first notification message; The electronic device updates the first image based on the updated first notification message.

14. The method according to claim 13, characterized in that The updated first notification message does not include the first content, the first content includes one or more contents in the first information, and the updated first image includes the first content.

15. The method according to claim 13 or 14, characterized in that The updated first notification message includes the second content, the first notification message before the update does not include the second content, and the updated first image includes the second content.

16. The method according to any one of claims 9 to 15, characterized in that: After the electronic device displays the first image, the method further includes: The electronic device detects a first operation performed on the first image and switches the first image to a third image, where the third image includes the second information in the second notification message.

17. The method according to any one of claims 1 to 16, characterized in that The electronic device is a foldable screen device, and the second image is displayed on the external screen of the electronic device.

18. The method according to claim 17, characterized in that The electronic device further includes an inner screen, and the outer screen is smaller in size than the inner screen.

19. 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 18.

20. 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 18.

21. A computer program product, characterized in that When the computer program product is run on a computer, the computer is caused to perform the method according to any one of claims 1 to 18.

Images