Element display method, electronic equipment and storage medium

Abstract

The invention provides an element display method, electronic equipment and a storage medium. The method comprises the following steps: displaying a prompt window corresponding to a first application in an equipment interface; in response to a trigger operation for the prompt window, displaying an application jump animation; synchronously displaying the element moving animation in the process of displaying the application jump animation; and displaying an application running interface corresponding to the first application in the application window. In the process of skipping and displaying the application, the process of synchronously and smoothly moving the same element is displayed in the transition gradual change process of two different windows, so that the smooth performance of the application skipping process can be realized, and the display effect of the application skipping process is improved.

Description

[0001] This application claims priority to Chinese patent application number 202411396153.2, filed on September 30, 2024, entitled “Element display method, electronic device and storage medium”, the entire contents of which are incorporated herein by reference. Technical Field

[0002] The present application relates to the field of graphics rendering technology, and in particular to an element display method, electronic device, and storage medium. Background Art

[0003] With the development of technology, terminal devices support an application jump function, that is, when a prompt window corresponding to a first application is displayed, the terminal device can jump from the prompt window to the application window corresponding to the first application.

[0004] In related art, during the application jump process, the prompt window corresponding to the first application is usually directly switched to the application window corresponding to the first application, and the running interface corresponding to the first application is displayed in the application window.

[0005] However, the above-mentioned window switching process for applications may result in poor coherence of window transformation displayed during the window conversion process, thereby affecting the animation effect during the application jump process. Summary of the Invention

[0006] The present application provides an element display method, an electronic device, and a storage medium. The solution can completely transition and display the elements in the prompt window corresponding to the same application to the application window, thereby improving the animation continuity of the application transition animation.

[0007] In a first aspect, a method for displaying an element is provided, which is applied to an electronic device in which a first application is installed. The method comprises: displaying a prompt window corresponding to the first application in the device interface, wherein a first element is displayed in the prompt window, and the first element is located at a first element position in the device interface; displaying an application jump animation in response to a triggering operation on the prompt window, wherein the application jump animation comprises a window change process in which the prompt window gradually changes into an application window of the first application; synchronously displaying an element movement animation during the process of displaying the application jump animation, wherein the element movement animation comprises a position movement process in which the first element moves from a first element position to a second element position on the device interface along with the application jump animation; and displaying an application running interface corresponding to the first application in the application window, wherein the first element located at a second element position is displayed in the application running interface.

[0008] In the technical solution of the present application, in the process of displaying a prompt window corresponding to the first application in the device interface, a first element is displayed in the prompt window. If a trigger operation for the prompt window is received, the prompt window is displayed to gradually change into the application window of the first application, and an animation of the first element changing in displacement as the prompt window changes is displayed. Finally, the application running interface corresponding to the first application is displayed in the application window. That is to say, in the process of jumping to display the application, by displaying the synchronous and smooth movement of the same element during the transition and gradient of two different windows, a smooth performance of the application jump process can be achieved, and the display effect of the application jump process can be improved.

[0009] It should be understood that the prompt window refers to a window in the device interface used to remind the user of the current event triggering status, that is, the preview result of the running content in the first application is shown to the user by displaying the prompt window.

[0010] Among them, the running content can be implemented as triggering a first event in the first application, for example: the first application is a text message application, when text message a is received, the prompt window corresponding to the text message application is displayed; or, the running content can be implemented as the running status of the first application, for example: the first application is a music playback application, when song a is played, the prompt window corresponding to the music playback application is displayed to prompt that the current song a has been played.

[0011] It should be understood that the application window refers to the interface display area corresponding to the application running in the electronic device, and the running interface corresponding to the first application can be displayed in the interface display area.

[0012] Optionally, the prompt window includes at least one window form selected from a notification bar window, a status bar window, a pop-up window, or a component.

[0013] When the prompt window is implemented as a notification bar window, a notification bar interface is displayed in the device interface, and the notification bar window is located in the notification bar interface.

[0014] When the prompt window is implemented as a status bar window, a status bar interface is displayed in the device interface, and the status bar window is located in the status bar interface.

[0015] Among them, when the prompt window is implemented as a pop-up window, at a certain moment, a pop-up window is popped up and displayed at a specified position of the device interface.

[0016] When the prompt window is a component, the component is a fixed component in the device interface, or a component displayed in the device interface when a specified display condition is met.

[0017] It should be understood that the first element is a content element related to the first application in the prompt window. For example, if the first application is a text message application, when the text message application receives text message a sent by device A, a text message notification bar is displayed on the device interface, and the text message notification bar displays at least one of the text message display elements corresponding to text message a, such as the sender's profile picture, sender number, text message description content, and sending time.

[0018] Optionally, the window size of the prompt window is the same as the device screen size of the electronic device; or, the window size of the prompt window is smaller than the device screen size; or, the window size of the prompt window is larger than the device screen size, so only part of the window area of the prompt window is displayed in the device interface, and there is no limitation on this.

[0019] Optionally, after receiving the first event corresponding to the first application, a prompt window corresponding to the first application is displayed in the device interface. At this time, the prompt window is a pop-up window type; or, an initial window is displayed in the device interface. When the first event is received, the initial window is adjusted to the prompt window corresponding to the first event. At this time, the prompt window is a fixed window in the device interface.

[0020] It should be understood that the first element refers to an element displayed both in the prompt window and in the application window. Therefore, the first element can also be called a shared element.

[0021] In one case, the first element displayed in the application window is the same as the first element displayed in the prompt window; or, in another case, the element display parameters of the first element displayed in the application window are different from the element display parameters of the first element displayed in the prompt window (for example: element a is displayed in the application window, corresponding to a size of 50×50 pixels, and element a is also displayed in the prompt window, corresponding to a size of 20×20 pixels); or, in another case, the first element displayed in the application window and the first element displayed in the prompt window belong to elements of different element types (for example: a square element is displayed in the application window, and a triangle element is displayed in the prompt window).

[0022] The element display parameters include at least one of the parameter types such as element color, element texture, text content in the element, element edge style, element transparency, etc.

[0023] Illustratively, the above-mentioned first event refers to an event related to the first application. For example, when the first application is a phone application, the first event is receiving a call from user A; for another example, when the first application is a music application, the first event is playing music.

[0024] Schematically, the application jump animation refers to the animation of gradually displaying the prompt window to the application window in the device interface, wherein the gradual display refers to the process in which the window size of the prompt window gradually expands, the window content in the prompt window gradually disappears, and the window content in the application window gradually appears.

[0025] Schematically, the first element is at the first element position in the device interface in the prompt window, and the first element is at the second element position in the device interface in the application window. Therefore, the element movement animation includes the element movement process of the first element moving from the first element position to the second element position.

[0026] The first element position and the second element position are both relative to the same reference object (device interface).

[0027] Illustratively, since the application jump animation and the element movement animation are displayed synchronously, the starting screen frame of the application jump animation and the starting screen frame of the element movement animation are the same.

[0028] Schematically, when the prompt window completely fades into the application window, the application running interface corresponding to the first application is displayed in the application window, wherein the first element is displayed in the application running interface. At this time, the first element is in the second element position in the device interface.

[0029] In conjunction with the first aspect, in certain implementations of the first aspect, the window change process includes a process in which the prompt window expands in a first direction and gradually transforms into an application window. Through the above method, during the display of the application jump animation, the prompt window is used as a reference, and the display expands in the specified direction until the application window corresponding to the first application is displayed after expansion, thereby improving the display consistency of the window expansion.

[0030] In combination with the first aspect, in certain implementations of the first aspect, the application jump animation corresponds to a starting screen frame, the starting screen frame is used to indicate the starting moment of the application jump animation, and the prompt window includes adjacent first and second vertices; the above method also includes: adjusting the window size corresponding to the application window based on the first and second vertices to obtain a starting window, the starting window includes adjacent third and fourth vertices, the first vertex is aligned with the third vertex, the second vertex is aligned with the fourth vertex, there is an overlapping area between the starting window and the prompt window, and the starting window is not displayed in the starting screen frame; starting from the starting screen frame, the starting window is displayed to expand from the overlapping area and gradually change into an animation of the application window.

[0031] Schematically, the window display corresponding to the initial screen frame of the application jump animation is first calculated. Therefore, the window expansion animation is to reduce the application window to a specified ratio, align the reduced starting window with the prompt window, obtain the overlapping area, and display the animation of the starting window gradually expanding based on the overlapping area.

[0032] Schematically, based on the first and second vertices in the prompt window, the width corresponding to the prompt window is determined, and the application window is proportionally reduced according to the width to obtain the starting window, wherein the starting window includes the third and fourth vertices, the first vertex and the third vertex are aligned, and the second vertex and the fourth vertex are aligned.

[0033] Illustratively, when the start window and the application window are aligned as described above, an overlapping area exists, wherein the size of the overlapping area is the same as the size of the prompt window, or the size of the overlapping area is smaller than the size of the prompt window.

[0034] Through the above method, the actual screen situation corresponding to the application window in the starting screen frame is calculated, and the application jump animation is implemented as a process from partially displaying the application window to fully displaying the application window, ensuring that the entire screen process is only for the same application window, which not only ensures the screen continuity but also saves computing overhead.

[0035] In combination with the first aspect, in certain implementations of the first aspect, the first element corresponds to a first size at the first element position, and the first element corresponds to a second size at the second element position, and the above method further includes: displaying an element magnification animation, the element magnification animation including a process of the first element expanding from the first size to the second size during the process of moving from the first element position to the second element position. Through the above method, since the window size of the prompt window is usually smaller than the window size of the application window, the sizes of the same element in the prompt window and the display window are also different. Therefore, during the process of the first element moving its position, the small-sized element in the prompt window can be naturally transitioned to the large size in the application window by displaying the element magnification animation, thereby improving the smoothness of the element transformation.

[0036] In conjunction with the first aspect, in certain implementations of the first aspect, the prompt window corresponds to a first window width, the application window corresponds to a second window width, the first element corresponds to the first element width when in the first element position, and corresponds to the second element width when in the second element position; the above method further includes: obtaining a first ratio result between the first window width and the second window width; obtaining a first reference size corresponding to the first element based on a product result between the first ratio result and the second size; obtaining a second ratio result between the first element width and the second element width, and obtaining a reciprocal result corresponding to the first reference size; and obtaining the first size based on a product result between the second ratio result and the reciprocal result. Through the above method, in order to avoid simply reducing the second size of the first element based on the window ratio between the application window and the prompt window, in addition to adjusting the second size based on the window ratio, the second size is further adjusted based on a ratio result between the first element width corresponding to the first element in the prompt window and the second element width when in the second element position, to obtain the first size corresponding to the first element in the final starting screen frame, thereby improving the accuracy of the display size of the first element in the starting screen frame and improving the adaptability of the element expansion animation.

[0037] In combination with the first aspect, the prompt window is in the first window position in the device interface; the above method also includes: obtaining the first relative position corresponding to the first element based on the positional relationship between the first window position and the first element position, the first relative position being used to indicate the position of the first element in the prompt window at the starting moment; determining the moving path corresponding to the first element based on the position difference between the first relative position and the second element position; and displaying the process of the first element moving from the first element position to the second element position along the moving path.

[0038] Schematically, based on the positional relationship between the first element position, the second element position, and the first window position, the first relative position corresponding to the first element is finally determined, indicating the position of the first element in the application window within the starting screen frame, serving as the starting position of the first element's movement, and the second element position serving as the ending position where the first element stops moving. The movement path of the first element is obtained based on the first relative position and the second element position, thereby displaying the element movement animation based on the movement. In the above method, the relative position of the first element in the application window within the first frame is obtained by calculation, and the movement path is generated with the relative position as the starting position. This ensures that the first element can start from the position in the prompt window during the element movement animation and eventually move to the position in the application window, thereby improving the continuity of the element movement.

[0039] In conjunction with the first aspect, in certain implementations of the first aspect, the first element is located at a center position in the prompt window, and the first element corresponds to a first size at the first element position; the above method further includes: obtaining first center coordinates corresponding to the first element at the center position; obtaining first reference coordinates of the prompt window in the device interface; obtaining a first coordinate difference between the first center coordinates and the first reference coordinates; and obtaining a first relative position based on a proportional relationship between the first coordinate difference and the first size. Through the above method, the element size of the first element located within the application window in the starting screen frame is obtained based on the width ratio, and the first relative position is ultimately calculated based on the difference between the two element sizes and the position difference between the first element position and the first window position, thereby improving the accuracy of the display position of the first element.

[0040] In combination with the first aspect, in certain implementations of the first aspect, the first element is aligned horizontally toward an edge position in the prompt window, the edge position includes a left edge position or a right edge position, the first element corresponds to a first size at the first element position, and corresponds to a second element width when the first element is at the second element position; the above method also includes: obtaining a first edge coordinate corresponding to the first element at the edge position, the first edge coordinate being related to the orientation of the edge position; obtaining a first reference coordinate of the prompt window in the device interface; obtaining a second coordinate difference between the first edge coordinate and the first reference coordinate; obtaining a first offset based on a numerical relationship between the second element width and the first size; performing data fusion on the second coordinate difference and the first offset to obtain a first relative position. Through the above method, different offsets are set to obtain the first relative position according to different positions of the first element where the first relative position is located, which can improve the accuracy of the first relative position, thereby improving the accuracy of the element movement animation.

[0041] In conjunction with the first aspect, in certain implementations of the first aspect, the method further includes: obtaining a positional difference between the first relative position and the position of the second element; obtaining multiple frames corresponding to the element movement animation, the multiple frames corresponding to different moments; and substituting the multiple moments, the positional difference, and the first relative position into an animation control function to output a movement path. By determining the starting position, end point, and movement time of the first element and using the animation control function to control the first element to execute the element movement animation, the accuracy of the first element's movement can be improved.

[0042] In conjunction with the first aspect, in certain implementations of the first aspect, the electronic device is currently displaying the corresponding application interface of a second application, which is different from the first application; the application jump animation also includes a process in which the prompt window gradually changes to the application window of the first application and then covers the application interface. Through the above method, when the electronic device can adjust to the first application while running other applications, a smooth window transition is achieved while improving the consistency of element changes and movement.

[0043] In combination with the first aspect, in some implementations of the first aspect, the above method also includes: displaying a pop-up animation in the device interface, the pop-up animation includes a process of popping up a prompt window from the device interface; or, in response to a selection operation on the notification bar, displaying a notification bar interface, the notification bar interface including a prompt window.

[0044] In a second aspect, an element display device is provided, which includes a unit composed of software and / or hardware for executing any one of the methods of the first aspect.

[0045] In a third aspect, an electronic device is provided, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, any one of the methods of the first aspect can be implemented.

[0046] In a fourth aspect, a chip is provided, comprising a processor, wherein the processor is configured to read and execute a computer program stored in a memory, and wherein when the computer program is executed by the processor, any one of the methods of the first aspect can be implemented.

[0047] Optionally, the chip further includes a memory, and the memory is electrically connected to the processor.

[0048] Optionally, the chip may further include a communication interface.

[0049] In a fifth aspect, a computer-readable storage medium is provided, which stores a computer program, and when the computer program is executed by a processor, any one of the methods of the first aspect can be implemented.

[0050] In a sixth aspect, a computer program product is provided, which includes a computer program, and when the computer program is executed by a processor, it can implement any one of the methods of the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

[0051] Figure 1 It is a schematic diagram of an element display method according to an embodiment of the present application.

[0052] Figure 2 This is a schematic diagram of a starting window generation process in an embodiment of the present application.

[0053] Figure 3 This is a schematic diagram of an element display method in a music playback scenario according to an embodiment of the present application.

[0054] Figure 4 This is a schematic diagram of an element display method in a text message sending and receiving scenario according to an embodiment of the present application.

[0055] Figure 5This is a schematic diagram of an element display method in a call scenario according to an embodiment of the present application.

[0056] Figure 6 This is a schematic diagram of an element display method in an application jump scenario according to an embodiment of the present application.

[0057] Figure 7 This is a schematic diagram of a first size calculation method in an embodiment of the present application.

[0058] Figure 8 This is a schematic diagram of a method for obtaining a first relative position when a first element is in a center position according to an embodiment of the present application.

[0059] Figure 9 This is a schematic diagram of a method for obtaining a first relative position when a first element is at a left position according to an embodiment of the present application.

[0060] Figure 10 This is a schematic diagram of a method for obtaining a first relative position when a first element is in a right position according to an embodiment of the present application.

[0061] Figure 11 This is a flowchart of an element display method according to an embodiment of the present application.

[0062] Figure 12 This is a block diagram of a software system of an electronic device according to an embodiment of the present application.

[0063] Figure 13 This is a schematic diagram of the hardware structure of an electronic device according to an embodiment of the present application. DETAILED DESCRIPTION

[0064] The following describes the solutions of the embodiments of the present application with reference to the accompanying drawings.

[0065] In order to make the objectives, technical solutions and advantages of this application clearer, the implementation methods of this application will be further described in detail below with reference to the accompanying drawings.

[0066] It should be understood that the “multiple” mentioned in this application refers to two or more. In the description of this application, unless otherwise specified, “ / ” means or, for example, A / B can mean A or B; “and / or” in this article is merely a description of the association relationship of associated 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 order to facilitate the clear description of the technical solution of this application, words such as “first” and “second” are used to distinguish between identical or similar items with basically the same functions and effects. Those skilled in the art can understand that words such as “first” and “second” do not limit the quantity and execution order, and words such as “first” and “second” do not necessarily limit them to be different.

[0067] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, stored data, displayed data, etc.) and signals involved in this application are all authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards in the relevant regions.

[0068] The electronic device in the embodiment of the present application (i.e., the above-mentioned terminal device) can be a television, a desktop computer, a laptop computer, or a portable electronic device such as a mobile phone, a tablet computer, a camera, a video camera, a video recorder, or other electronic devices with a camera function, an electronic device in a 5G network, or an electronic device in a future evolved public land mobile communication network (public land mobile network, PLMN), etc. This application does not limit this.

[0069] With the rapid development of terminal technology, electronic devices such as mobile phones and smart watches have been widely used in daily life. Users can use electronic devices to perform a variety of different functions. Among them, when a first application is installed in the electronic device, a prompt window corresponding to the first application can be displayed on the device interface of the electronic device to prompt the user of the running content of the first application. When a trigger operation is received on the prompt window, an animation of switching from the prompt window to the application window is displayed on the device interface, and finally the application running interface corresponding to the first application is displayed on the device interface.

[0070] In the above method, the way of application jump is usually that during the process of displaying the prompt window corresponding to the first application, if a trigger operation of the prompt window is received, the process of canceling the display of the prompt window is displayed, and the pre-set window display animation is connected after the prompt window is canceled, so as to realize the process of displaying the application window after canceling the display of the prompt window.

[0071] However, during the above application jump process, since both the prompt window and the application window are displayed for the first application, canceling the prompt window and directly displaying the application window will make the user feel disconnected from the window transformation, causing the elements to be displayed jerkily, and the dynamic transformation process of the entire window cannot be connected coherently, resulting in poor coherence of content display. For an example, please refer to Figure 1 (a) shows a schematic diagram of an element display method provided by an exemplary embodiment of the present application, such as Figure 1As shown in (a), the device interface 100 corresponding to the electronic device is currently displayed, and a prompt window 110 corresponding to the first application is displayed in the device interface 100, wherein the first application is implemented as a telephone application, and the prompt window 110 indicates that a call is currently received from user A, and the telephone number is 12345678. That is, multiple elements are displayed in the prompt window 110, including an avatar identification element, a caller name element, a caller number element, an answering element, and a hanging up element. Among them, in this embodiment, the avatar identification element is used as an example for explanation as the first element 101, and other elements can be obtained similarly.

[0072] When the prompt window 110 is triggered, all elements in the prompt window 110 will be undisplayed. At the same time, the prompt window 110 will gradually expand. During the expansion of the prompt window 110, the first element 101 will gradually be displayed. As the prompt window 110 expands, the elements displayed in the prompt window 110 will increase. Finally, the prompt window 110 expands into the application window 120 corresponding to the incoming call application. The incoming call interface corresponding to the incoming call application is displayed in the application window 120, and the first element 101 is displayed in the upper center of the incoming call interface. At this time, the position of the first element 101 in the device interface has moved a certain distance to the upper right compared to its position in the prompt window 110. Figure 1 As can be seen in (a), when a trigger operation is received for the prompt window, the elements in the prompt window will disappear, and then redisplay as the prompt window expands. This will cause a freeze during the window change process, affecting the user experience.

[0073] In the technical solution provided by the present application, when a prompt window corresponding to the first application is displayed on the device interface, if a trigger operation for the prompt window is received, the application jump animation and the element movement animation are displayed synchronously, which not only shows the process of the title window gradually changing into the application window, but also shows the process of the position change of the first element. That is to say, on the basis of improving the coherence of window changes, the coherence of the movement of the same element between different windows is also improved, which allows the user to continue to retain the impression of the relevant content of the first application in the prompt window during the process of jumping from the current interface to the first application, thereby improving the indication ability of the elements.

[0074] For illustration, please refer to Figure 1 (b) shows a schematic diagram of an element display method provided by an exemplary embodiment of the present application, such as Figure 1As shown in (b), the device interface 100 corresponding to the electronic device is currently displayed, and a prompt window 110 corresponding to the first application is displayed in the device interface 100, wherein the first application is implemented as a telephone application, and the prompt window 110 indicates that a call is currently received from user A, and the telephone number is 12345678. That is, multiple elements are displayed in the prompt window 110, including an avatar identification element, a caller name element, a caller number element, an answering element, and a hanging up element. Among them, in this embodiment, the avatar identification element is used as an example for explanation as the first element 101, and other elements can be obtained similarly.

[0075] When a trigger operation is received on the prompt window 110, the prompt window 110 is displayed and gradually expands. At the same time, the position of the first element 101 changes during the expansion of the prompt window 110. Finally, the prompt window 110 expands into an application window 120 corresponding to the incoming call application. The incoming call interface corresponding to the incoming call application is displayed in the application window 120, and the first element 101 is displayed in the upper center of the incoming call interface. At this time, the position of the first element 101 in the device interface has moved a certain distance to the upper right compared to its position in the prompt window 110.

[0076] According to the above description, when the trigger operation of the prompt window of the first application is received, two parts of the change process will be displayed: one is the process of the prompt window gradually changing into the application window, which expresses that the current electronic device is in the process of jumping to the first application. When a complete application window is displayed in the device interface, it indicates that the current electronic device is running the first application; the second is the display of the first element moving from the first element position in the device interface to the second element position in the device interface as the window changes. Since the first element is a display element related to the first application, and the first element is displayed in both the prompt window and the application window, maintaining the continuous display of the first element and the smooth movement process can allow users to have a clearer understanding of the entire application jump process and improve the continuity of the entire application jump process.

[0077] In this embodiment, the size of the application window and the size of the running interface are used as an example for explanation. During the application process, the size of the application window can be smaller than the size of the running interface, or the size of the application window can be larger than the size of the running interface. At this time, the running interface displays a partial application window corresponding to the first application.

[0078] In addition, according to Figure 1It can be seen from the element change process that when the position of the first element changes, the size corresponding to the first element also changes accordingly. That is to say, the display of the first element in the prompt window may be different from the display of the first element in the application window, including but not limited to the element size, element type, element shape, element transparency, element texture, element color, etc. of the first element. The embodiments of the present application do not limit this.

[0079] Moreover, when the prompt window contains multiple different first elements, in the process of the prompt window gradually changing into the application window, the movement paths of different first elements are also different, for example: element a moves upward and element b moves downward; or, the movement paths of different elements are the same, which is not limited in the embodiments of the present application.

[0080] In some embodiments, the prompt window corresponding to the first application and the application window corresponding to the first application are actually two different windows. Therefore, in the process of displaying the application jump animation, the specified vertex corresponding to the application window corresponding to the first application is actually aligned with the prompt window. At this time, the application window is reduced to obtain the starting window, and there is an overlapping area with the prompt window. The overlapping area is the same size as the prompt window, or the overlapping area is smaller than the prompt window. At this time, in the process of displaying the application jump, the starting window is actually expanded outward from the overlapping area until the application window is displayed. It is worth noting that the starting window is not displayed in the device interface. That is to say, in the application jump animation, the window that changes is actually the application window (that is, expanding from the starting window to the application window). The position of the starting window in the device interface intersects with the prompt window, and the overlapping area is obtained as the starting position for the expansion of the starting window.

[0081] In this embodiment, the upper left and upper right vertices of the prompt window are respectively the first and second vertices, and the upper left and upper right vertices of the application window are respectively the third and fourth vertices. After aligning the first and third vertices and the second and fourth vertices, a reduced application window can be obtained as the starting window. At this time, there is an overlapping area between the starting window and the prompt window, and the area of the overlapping area is consistent with the window size corresponding to the prompt window. When the prompt window is triggered, the starting window is displayed starting from the overlapping area in a pre-set direction until the application window is displayed. It is worth noting that when the vertex selection is different, the resulting starting window will also be different.

[0082] For illustration, please refer to Figure 2 , which shows a schematic diagram of the starting window generation process provided by an exemplary embodiment of the present application, such as Figure 2As shown, the application window 201 corresponding to the first application and the prompt window 202 corresponding to the first application are currently displayed. After the application window 201 and the prompt window 202 are aligned left and right and top, a starting window 203 (represented by a dotted box) is obtained, and there is an overlapping area 204 (represented by a black box) between the starting window 203 and the prompt window 202. In addition, the starting window 203 is not displayed in the device interface before the application jump animation is displayed. Only when a trigger operation is received for the prompt window, the starting window 203 is displayed and expanded in the specified direction from the overlapping area 204 until the application window 201 corresponding to the first application is displayed.

[0083] In this embodiment, the screen frame corresponding to the start of expansion of the starting window is called the starting screen frame, which is used to represent the starting moment corresponding to the application jump animation.

[0084] The following describes in detail the element display conditions in different application scenarios.

[0085] The first one is applied to music playback scenarios.

[0086] For illustration, please refer to Figure 3 , which shows a schematic diagram of an element display method in a music playing scene provided by an exemplary embodiment of the present application, such as Figure 3 As shown, the lock screen interface 300 is currently displayed, indicating that the electronic device is in a standby but unlocked state. A pop-up window 310 corresponding to a music playback application is displayed in the lock screen interface 300. The pop-up window 310 indicates that the current music playback application is playing song 1 sung by singer a. Therefore, multiple elements such as the track identifier, song name, singer name and playback status corresponding to song 1 are displayed in the pop-up window 310. Among them, the track identifier is implemented as the first element 301 as an example for explanation.

[0087] When a trigger operation is received on the pop-up window 310, an application jump animation corresponding to the pop-up window 310 is displayed on the lock screen interface 300. The application jump animation is implemented as the starting window corresponding to the music playback application starts from the location of the pop-up window 310 and expands to the surrounding areas until the application window corresponding to the music playback application is finally displayed on the device interface, and the application window displays the playback interface 320.

[0088] Among them, during the expansion of the starting window, first, the position of the first element 301 moves from the lower left to the center of the device interface, secondly, the size of the first element 301 gradually expands, and thirdly, the first element 301 is displayed as a square in the prompt window 310, and gradually displayed as a record shape during the expansion of the starting window, that is, the element shape of the first element 301 also changes. Finally, the playback interface 320 includes all the elements in the prompt window 310, and the playback interface 320 also includes elements not included in the prompt window 310.

[0089] That is, after unlocking the electronic device, by triggering the pop-up window corresponding to the specified application, you can jump from the lock screen interface to the running interface corresponding to the specified application with one click.

[0090] The second type is applied to SMS sending and receiving scenarios.

[0091] For illustration, please refer to Figure 4 , which shows a schematic diagram of an element display method in a text message sending and receiving scenario provided by an exemplary embodiment of the present application, such as Figure 4 As shown, a notification bar interface 400 is currently displayed. Multiple notification windows are displayed in notification bar interface 400, indicating event information received by the electronic device at different times. In particular, a text message notification window 410 corresponding to a text message sending and receiving application is displayed in notification bar interface 400. Text message notification window 410 indicates that a text message sent by user B 10 seconds ago has been received. The preview content of the text message is "Tonight's weekly report has been sent. Check it out when you have time..." Text message notification window 410 includes a sender identifier as the first element 401.

[0092] After the starting window is determined using the method of the above embodiment, when a trigger operation is received for SMS notification window 410, the starting window is displayed and gradually expands. Since the starting window and SMS notification window 410 are the same size, it actually appears to the user that SMS notification window 410 is gradually expanding. Furthermore, as the starting window expands, the position of first element 401 changes as the starting window expands, and the size of first element 401 also continues to expand.

[0093] As the window expands, the text messages exchanged between the electronic device owner and user B gradually increase, ultimately displaying the expanded application window corresponding to the text messaging application. This application window displays a text message interface 420 corresponding to user B. Furthermore, the size of first element 401 in text message interface 420 is larger than the size of first element 401 in text message notification window 410.

[0094] That is, in the process of displaying the notification bar interface, by triggering the notification window displayed by the specified application in the notification bar interface, it is possible to jump to the running interface corresponding to the specified application with one click.

[0095] The third type is used in call scenarios.

[0096] For illustration, please refer to Figure 5 , which shows a schematic diagram of an element display method in a call scenario provided by an exemplary embodiment of the present application, such as Figure 5 As shown, a homepage interface 500 is currently displayed, and multiple application identifiers are displayed in the homepage interface 500. In addition, a call application is currently running in the background of the electronic device. Running a call application in the background means that the electronic device runs the call application but does not display the corresponding running interface of the application in the device interface. However, since a call is currently ongoing with user A, a status bar window 510 is displayed in the homepage interface 500 to indicate that the user is currently in a call with user A. In other words, when the user answers a call from user A and maintains the call status, and the call application is not running when the call is answered, the status bar window 510 corresponding to the call application will be displayed in the homepage interface 500. Among them, multiple elements corresponding to user A, such as the user identifier, user name, call duration, recording control, and hang-up control are displayed in the status bar window 510. In this embodiment, the user identifier is used as the first element 501.

[0097] After the starting window is determined using the method of the above embodiment, when a trigger operation is received on the status bar window 510, the process of the starting window gradually expanding is displayed. Since the starting window and the status bar window 510 are the same size, it can actually appear to the user that the status bar window 510 is gradually expanding. In addition, as the starting window expands, the position of the first element 501 changes as the starting window expands, and the size of the first element 501 also continues to expand.

[0098] As the window expands, the content elements displayed in the call interface gradually increase, and finally the application window corresponding to the expanded call application is displayed, displaying the call interface 520 corresponding to user A. Furthermore, the size of the first element 501 in the call interface 520 is larger than the size of the first element 501 in the status bar window 510.

[0099] That is, when the designated application is an application running in the background of the electronic device, by triggering the status bar window corresponding to the designated application, one click jumps to the running interface corresponding to the designated application.

[0100] The fourth type is used in SMS sending and receiving scenarios.

[0101] For illustration, please refer to Figure 6 , which shows a schematic diagram of an element display method in an application jump scenario provided by an exemplary embodiment of the present application, such as Figure 6 As shown, the current electronic device is displaying a setting interface 600 corresponding to a setting application, indicating that the electronic device is running the setting application. When an incoming call is received from user A, a pop-up window 610 corresponding to a call application is displayed in the setting interface 600 to prompt the current user A of the incoming call. The pop-up window 610 includes multiple elements corresponding to user A, such as the user ID, user name, incoming call number, answering control, and hang-up control. The user ID is taken as the first element 601 as an example for explanation.

[0102] After the starting window is determined using the method described in the above embodiment, when a trigger operation is received for the pop-up window 610, the starting window is displayed to gradually expand. Since the starting window and the pop-up window 610 are the same size, it appears to the user that the pop-up window 610 is gradually expanding. Furthermore, as the starting window expands, the position of the first element 601 changes as the starting window expands, and the size of the first element 601 also continues to expand.

[0103] As the window expands, the content displayed in the incoming call interface gradually increases, and finally the expanded application window corresponding to the call application is displayed, which displays the incoming call display interface 620 corresponding to user A. In addition, the size of the first element 601 in the incoming call display interface 620 is larger than the size of the first element 601 in the pop-up window 610.

[0104] Next, we will describe the details of element expansion animation and element movement animation. The implementation process is described in detail.

[0105] First, the implementation process of element expansion animation is explained in detail.

[0106] In some embodiments, the application jump animation includes a starting screen frame, which is used to indicate the starting moment of the application jump animation. The first element corresponds to a first size in the starting screen frame, and the first element corresponds to a second size at the second element position; the element magnification animation is displayed, and the element magnification animation includes the process of the first element expanding from the first size to the second size in the process of moving from the first element position to the second element position.

[0107] In this embodiment, the moment when the starting window begins to expand from the overlapping area is used as the starting time. Since the element expansion animation is actually the expansion process of the starting window corresponding to the first application, in order to ensure that the size of the first element in the starting window at the starting moment matches (or is consistent with) the size of the first element in the actual prompt window, it is necessary to calculate the size of the first element within the starting window (that is, the position of the first element) in the starting screen frame.

[0108] After determining the first size of the first element in the starting screen frame, the second size of the first element when it is finally displayed at the second element position is a preset constant, thereby being able to display the process of the first element moving from the first element position to the second element position and the first size expanding to the second size.

[0109] In some embodiments, the prompt window corresponds to the first window width, the application window corresponds to the second window width, the first element corresponds to the first element width when it is at the first element position, and corresponds to the second element width when it is at the second element position; obtain a first ratio result between the first window width and the second window width; based on the product result between the first ratio result and the second size, obtain a first reference size corresponding to the first element; obtain a second ratio result between the first element width and the second element width, and obtain the inverse result corresponding to the first reference size; obtain the first size based on the product result between the second ratio result and the inverse result.

[0110] In this embodiment, the calculation process of the first size is described in detail below. Taking the prompt window corresponding to the first window width, the application window corresponding to the second window width, and the first element corresponding to the first element width when in the first element position as an example, the first window width and the second window width are the window widths corresponding to the prompt window and the application window when displayed in the device interface, respectively. The first window width is recorded as W0, and the second window width is recorded as W1. The first element width refers to the element width corresponding to the first element when displayed in the prompt window, and the second element width refers to the element width corresponding to the first element in the application window of the first application. The first element width is recorded as w0, and the second element width is recorded as w1.

[0111] If the size of the first element does not change during the application jump animation, the first reference size of the first element in the starting window can be determined according to the ratio between the first window width and the second window width. For example, the second size corresponding to the first element is 1. For details, refer to Formula 1:

[0112] Formula 1:

[0113] Wherein, S0 represents the first reference size.

[0114] However, the size calculated by Formula 1 is usually smaller than the actual size of the first element displayed in the prompt window. Therefore, it is necessary to adjust the first reference size using the second ratio between the width of the first element and the width of the second element. For details, refer to the following Formula 2:

[0115] Formula 2:

[0116] Wherein, S0 represents the first reference size, and s0 represents the first size.

[0117] For illustration, please refer to Figure 7 , which shows a schematic diagram of a first size calculation method provided by an exemplary embodiment of the present application, such as Figure 7 As shown, the first window width 701 corresponding to the prompt window, the second window width 702 corresponding to the application window, the first element width 703 corresponding to the first element in the prompt window, and the second element width 704 corresponding to the first element in the application window (that is, the second element position) are obtained. First, a first proportional relationship between the first window width 701 and the second window width 702 is obtained, and a first reference size is obtained according to the product result between the first proportional relationship and the second size corresponding to the first element in the application window (that is, the second element position). The reciprocal result of the first reference size is obtained, and the second proportional relationship between the first element width 703 and the second element width 704 is obtained. According to the product result between the second proportional relationship and the reciprocal result, the first size corresponding to the final first element in the starting window is obtained.

[0118] It's worth noting that the positions of the first and second elements are both relative to the device interface. The first element's position at the start moment refers to its position in the start window relative to the first element's position, and the first element's position at the end of the app's transition animation refers to its final position in the app window relative to the second element's position. To ensure that the first element's size at the start moment matches the size displayed in the prompt window, the first element's position and size are consistent in both the start window and the prompt window at the start moment.

[0119] Secondly, the implementation process of element movement animation is explained in detail.

[0120] In some embodiments, a first relative position corresponding to the first element is obtained based on the positional relationship between the first window position and the first element position, and the first relative position is used to indicate the position of the first element in the prompt window at the starting moment; based on the position difference between the first relative position and the second element position, the moving path corresponding to the first element is determined; and the process of the first element moving from the first element position to the second element position along the moving path is displayed.

[0121] In this embodiment, the first element position refers to the position of the first element in the device interface at the starting moment. Therefore, the first window position of the prompt window in the device interface is obtained, and the position of the first element in the prompt window at the starting moment is determined according to the first window position and the first element position as the first relative position. That is, the reference object corresponding to the first relative position is the prompt window.

[0122] Since the application window and the device interface are the same size, the second element position can also be used as a second relative position, indicating the position of the first element in the application window with reference to the application window.

[0123] A movement path is generated according to the first relative position and the second relative position, and finally a process of the first element moving from the first element position to the second element position along the movement path is displayed.

[0124] In some embodiments, the position difference between the first relative position and the second element position is obtained; multiple frames corresponding to the element movement animation are obtained, and the multiple frames correspond to different moments respectively; the multiple moments, the position difference and the first relative position are substituted into the animation control function, and the movement path is output.

[0125] In this embodiment, since the application jump animation and the element movement animation are displayed synchronously, the durations corresponding to the two processes are also consistent. Therefore, the animation duration corresponding to the element movement animation is obtained, the multiple frames included are determined, and the first relative position, the second relative position, and the moments corresponding to the multiple frames are substituted into the preset animation control function to generate the movement path. For details, please refer to the following formula 3:

[0126] Formula 3: A t =A0+(A1–A0)I(t)

[0127] Among them, the first relative position is A0, the second relative position is A1, the animation duration of the element movement animation is T, and the interpolator function of the element movement animation is I(t), I(0)=0, I(T)=1.

[0128] In addition to the position of the first element, the size, color, shape, etc. of the first element can also be calculated using the above-mentioned interpolator function to calculate the transformation path. For example, the first size, the second size and the moments corresponding to the decibels of multiple frames are substituted into the above-mentioned interpolator function, and the size change of the first element is output. The first element changes from the first size to the second size according to the size change.

[0129] The calculation process of the first relative position is described in detail below.

[0130] In some embodiments, the first element is at the center position in the prompt window, and the first element corresponds to a first size at the first element position; the first center coordinates corresponding to the first element at the center position are obtained; the first reference coordinates of the prompt window in the device interface are obtained; the first coordinate difference between the first center coordinates and the first reference coordinates is obtained; and the first relative position is obtained based on the proportional relationship between the first coordinate difference and the first size.

[0131] Taking the first element at the center of the prompt window as an example, first obtain the first center coordinates corresponding to the first element at the center. When the first element is at the center of the prompt window, the first element coordinates are consistent with the first center coordinates. Using the specified position of the prompt window (for example: the upper left corner vertex, the upper right corner vertex, the lower left corner vertex, or the lower right corner vertex) as a reference, obtain the coordinates of the specified position in the device interface as the first reference coordinates, obtain the first coordinate difference between the first center coordinates and the first reference coordinates, and determine the first relative position based on the proportional relationship between the first coordinate difference and the first size. For details, refer to the following formula 4:

[0132] Formula 4:

[0133] Among them, the first center coordinate is (x center0 ,y center0 ), the first reference coordinate corresponding to the upper left corner of the prompt window is (X lefttop0 ,Y lefttop0 ), the first relative position is (x center0real ,y center0real ).

[0134] For illustration, please refer to Figure 8 , which shows a schematic diagram of a method for obtaining a first relative position when a first element is at a center position provided by an exemplary embodiment of the present application, such as Figure 8 As shown, the first center coordinates 801 and the first reference coordinates 802 are currently displayed, wherein the first center coordinates 801 are the coordinates of the center point of the user identifier, which are consistent with the position of the first element corresponding to the user identifier, and the first reference coordinates 802 are the position of the upper left corner vertex of the prompt window in the device interface.

[0135] In some embodiments, the first element is aligned horizontally toward the edge position in the prompt window, and the edge position includes the left edge position or the right edge position. The first element corresponds to the first size at the first element position, and corresponds to the second element width when the first element is at the second element position; the first edge coordinate corresponding to the first element at the edge position is obtained, and the first edge coordinate is related to the orientation of the edge position; the first reference coordinate of the prompt window in the device interface is obtained; the second coordinate difference between the first edge coordinate and the first reference coordinate is obtained; the first offset is obtained based on the numerical relationship between the second element width and the first size; the second coordinate difference and the first offset are data fused to obtain the first relative position.

[0136] Taking the example of the first element being aligned horizontally toward the left edge in the prompt window, first obtain the left edge coordinates corresponding to the first element at the edge position. When the first element is at the left position in the prompt window, the first element position is the center point coordinate of the first element, and the left edge coordinates are located to the left of the first element position coordinates. With the specified position of the prompt window (for example: the upper left corner vertex, the upper right corner vertex, the lower left corner vertex, or the lower right corner vertex) as a reference, obtain the coordinates of the specified position in the device interface as the first reference coordinates, obtain the second coordinate difference between the left edge coordinates and the first reference coordinates, and obtain the first offset based on the numerical relationship between the second element width and the first size. Perform data fusion based on the second coordinate difference and the first offset to obtain the first relative position. For details, please refer to the following formula 5:

[0137] Formula 5:

[0138] Among them, the left edge coordinate is (x left0 ,y center0 ), the first reference coordinate is (X lefttop0 ,Y lefttop0 ), the first relative position is (x left0real ,y left0real ), the second element width is w1, and the first size is s0.

[0139] Please refer to Figure 9 , which shows a schematic diagram of a method for obtaining a first relative position when the first element is at the left position provided by an exemplary embodiment of the present application, such as Figure 9 As shown, the left edge coordinates 901 and the first reference coordinates 902 are currently displayed, wherein the left edge coordinates 901 are the coordinates of the left center point of the circumscribed rectangle of the user information identifier, and the first element position corresponding to the user information identifier is located at the center point of the circumscribed rectangle, and the first reference coordinates 902 are the position of the upper left corner vertex of the prompt window in the device interface.

[0140] Taking the example of the first element being aligned horizontally toward the right edge in the prompt window, first obtain the right edge coordinates corresponding to the first element at the edge position. When the first element is at the right position in the prompt window, the first element position is the right edge coordinate of the first element, and the right edge coordinates are to the right of the first element position coordinates. With the specified position of the prompt window (for example: the upper left corner vertex, the upper right corner vertex, the lower left corner vertex, or the lower right corner vertex) as a reference, obtain the coordinates of the specified position in the device interface as the first reference coordinates, obtain the second coordinate difference between the right edge coordinates and the first reference coordinates, and obtain the first offset based on the numerical relationship between the second element width and the first size. Perform data fusion based on the second coordinate difference and the first offset to obtain the first relative position. For details, please refer to the following formula 6:

[0141] Formula 6:

[0142] Among them, the right edge coordinate is (x right0 ,y center0 ), the first reference coordinate is (X lefttop0 ,Y lefttop0 ), the first relative position is (x right0real ,y right0real ), the second element width is w1, and the first size is s0.

[0143] Please refer to Figure 10 , which shows a schematic diagram of a method for obtaining a first relative position when the first element is at the right position provided by an exemplary embodiment of the present application, such as Figure 10 As shown, the right edge coordinate 1001 and the first reference coordinate 1002 are currently displayed, wherein the right edge coordinate 1001 is the coordinate of the right center point of the circumscribed rectangle of the answering logo and the hang-up logo, and the first element position corresponding to the answering logo and the hang-up logo is located at the center point of the circumscribed rectangle, and the first reference coordinate 1002 is the position of the upper left corner vertex of the prompt window in the device interface.

[0144] If the first element is an image, and the first element in the prompt window is different from the first element in the application window, you can take a screenshot of the first element in the prompt window and overlay it on the first element in the application window. During the animation, the screenshot gradually disappears and the image in the application window gradually appears.

[0145] For illustration, please refer to Figure 11 , which shows a flowchart of an element display method provided by an exemplary embodiment of the present application. The method is applied to an electronic device in which a first application is installed. The method includes the following steps.

[0146] S1101: Display a prompt window corresponding to the first application on the device interface.

[0147] The prompt window displays a first element, which is located at the first element position in the device interface.

[0148] It should be understood that the prompt window refers to a window in the device interface used to remind the user of the current event triggering status, that is, the preview result of the running content in the first application is shown to the user by displaying the prompt window.

[0149] Among them, the running content can be implemented as triggering a first event in the first application, for example: the first application is a text message application, when text message a is received, the prompt window corresponding to the text message application is displayed; or, the running content can be implemented as the running status of the first application, for example: the first application is a music playback application, when song a is played, the prompt window corresponding to the music playback application is displayed to prompt that the current song a has been played.

[0150] It should be understood that the application window refers to the interface display area corresponding to the application running in the electronic device, and the running interface corresponding to the first application can be displayed in the interface display area.

[0151] Optionally, the prompt window includes at least one window form selected from a notification bar window, a status bar window, a pop-up window, or a component.

[0152] When the prompt window is implemented as a notification bar window, a notification bar interface is displayed in the device interface, and the notification bar window is located in the notification bar interface.

[0153] When the prompt window is implemented as a status bar window, a status bar interface is displayed in the device interface, and the status bar window is located in the status bar interface.

[0154] Among them, when the prompt window is implemented as a pop-up window, at a certain moment, a pop-up window is popped up and displayed at a specified position of the device interface.

[0155] When the prompt window is a component, the component is a fixed component in the device interface, or a component displayed in the device interface when a specified display condition is met.

[0156] It should be understood that the first element is a content element related to the first application in the prompt window. For example, if the first application is a text message application, when the text message application receives text message a sent by device A, a text message notification bar is displayed on the device interface, and the text message notification bar displays at least one of the text message display elements corresponding to text message a, such as the sender's profile picture, sender number, text message description content, and sending time.

[0157] Optionally, the window size of the prompt window is the same as the device screen size of the electronic device; or, the window size of the prompt window is smaller than the device screen size; or, the window size of the prompt window is larger than the device screen size, so only part of the window area of the prompt window is displayed in the device interface, and there is no limitation on this.

[0158] Optionally, after receiving the first event corresponding to the first application, a prompt window corresponding to the first application is displayed in the device interface. At this time, the prompt window is a pop-up window type; or, an initial window is displayed in the device interface. When the first event is received, the initial window is adjusted to the prompt window corresponding to the first event. At this time, the prompt window is a fixed window in the device interface.

[0159] It should be understood that the first element refers to an element displayed both in the prompt window and in the application window. Therefore, the first element can also be called a shared element.

[0160] In one case, the first element displayed in the application window is the same as the first element displayed in the prompt window; or, in another case, the element display parameters of the first element displayed in the application window are different from the element display parameters of the first element displayed in the prompt window (for example: element a is displayed in the application window, corresponding to a size of 50×50 pixels, and element a is also displayed in the prompt window, corresponding to a size of 20×20 pixels); or, in another case, the first element displayed in the application window and the first element displayed in the prompt window belong to elements of different element types (for example: a square element is displayed in the application window, and a triangle element is displayed in the prompt window).

[0161] The element display parameters include at least one of the parameter types such as element color, element texture, text content in the element, element edge style, element transparency, etc.

[0162] Illustratively, the above-mentioned first event refers to an event related to the first application. For example, when the first application is a phone application, the first event is receiving a call from user A; for another example, when the first application is a music application, the first event is playing music.

[0163] S1102 : In response to a triggering operation on the prompt window, display an application jump animation.

[0164] The application jump animation includes a window change process in which the prompt window gradually changes into the application window of the first application.

[0165] Schematically, the application jump animation refers to the animation of gradually displaying the prompt window to the application window in the device interface, wherein the gradual display refers to the process in which the window size of the prompt window gradually expands, the window content in the prompt window gradually disappears, and the window content in the application window gradually appears.

[0166] The first element position and the second element position are both relative to the same reference object (device interface).

[0167] S1103 , synchronously displaying an element movement animation during the process of displaying the application jump animation.

[0168] The element movement animation includes a position movement process in which the first element moves from a first element position to a second element position on the device interface along with the application jump animation.

[0169] Schematically, the first element is at the first element position in the device interface in the prompt window, and the first element is at the second element position in the device interface in the application window. Therefore, the element movement animation includes the element movement process of the first element moving from the first element position to the second element position.

[0170] Illustratively, since the application jump animation and the element movement animation are displayed synchronously, the starting screen frame of the application jump animation and the starting screen frame of the element movement animation are the same.

[0171] Schematically, when the prompt window completely fades into the application window, the application running interface corresponding to the first application is displayed in the application window, wherein the first element is displayed in the application running interface. At this time, the first element is in the second element position in the device interface.

[0172] S1104: Display an application running interface corresponding to the first application in the application window.

[0173] The application running interface displays the first element at the second element position.

[0174] In some implementations, the window change process includes the prompt window expanding in a first direction and gradually transforming into an application window. Through the above method, during the display of the application jump animation, the prompt window is used as a reference to display the window expanding in the specified direction until the application window corresponding to the first application is displayed after expansion, thereby improving the display consistency of the window expansion.

[0175] In some implementations, the application jump animation corresponds to a starting screen frame, which is used to indicate the starting moment of the application jump animation, and the prompt window includes adjacent first and second vertices; the above method also includes: adjusting the window size corresponding to the application window based on the first and second vertices to obtain a starting window, and the starting window includes adjacent third and fourth vertices, the first vertex is aligned with the third vertex, and the second vertex is aligned with the fourth vertex, there is an overlapping area between the starting window and the prompt window, and the starting window is not displayed in the starting screen frame; starting from the starting screen frame, the starting window is displayed to expand from the overlapping area and gradually change into an animation of the application window.

[0176] Schematically, the window display corresponding to the initial screen frame of the application jump animation is first calculated. Therefore, the window expansion animation is to reduce the application window to a specified ratio, align the reduced starting window with the prompt window, obtain the overlapping area, and display the animation of the starting window gradually expanding based on the overlapping area.

[0177] Schematically, based on the first and second vertices in the prompt window, the width corresponding to the prompt window is determined, and the application window is proportionally reduced according to the width to obtain the starting window, wherein the starting window includes the third and fourth vertices, the first vertex and the third vertex are aligned, and the second vertex and the fourth vertex are aligned.

[0178] Illustratively, when the start window and the application window are aligned as described above, an overlapping area exists, wherein the size of the overlapping area is the same as the size of the prompt window, or the size of the overlapping area is smaller than the size of the prompt window.

[0179] Through the above method, the actual screen situation corresponding to the application window in the starting screen frame is calculated, and the application jump animation is implemented as a process from partially displaying the application window to fully displaying the application window, ensuring that the entire screen process is only for the same application window, which not only ensures the screen continuity but also saves computing overhead.

[0180] In some implementations, the first element corresponds to a first size at the first element position, and the first element corresponds to a second size at the second element position. The above method further includes: displaying an element magnification animation, the element magnification animation including a process of the first element expanding from the first size to the second size during the process of moving from the first element position to the second element position. Through the above method, since the window size of the prompt window is usually smaller than the window size of the application window, the sizes of the same element in the prompt window and the display window are also different. Therefore, during the process of the first element moving its position, the small-sized element in the prompt window can be naturally transitioned to the large size in the application window by displaying the element magnification animation, thereby improving the smoothness of the element transformation.

[0181] In some implementations, the prompt window corresponds to a first window width, the application window corresponds to a second window width, the first element corresponds to the first element width when in the first element position, and corresponds to the second element width when in the second element position; the method further includes: obtaining a first ratio between the first window width and the second window width; obtaining a first reference size corresponding to the first element based on a product of the first ratio and the second size; obtaining a second ratio between the first element width and the second element width, and obtaining a reciprocal of the first reference size; and obtaining the first size based on a product of the second ratio and the reciprocal. To avoid simply reducing the second size of the first element based on the window ratio between the application window and the prompt window, the method further adjusts the second size based on the ratio between the first element width and the second element width in the prompt window when the first element is in the second element position, thereby obtaining the first size corresponding to the first element in the final starting frame. This improves the accuracy of the display size of the first element in the starting frame and the adaptability of the element expansion animation.

[0182] In some implementations, the prompt window is in a first window position in the device interface; the above method also includes: obtaining a first relative position corresponding to the first element based on the positional relationship between the first window position and the first element position, the first relative position being used to indicate the position of the first element in the application window at the starting moment; determining a moving path corresponding to the first element based on the position difference between the first relative position and the second element position; and displaying the process of the first element moving from the first element position to the second element position along the moving path.

[0183] Schematically, based on the positional relationship between the first element position, the second element position, and the first window position, the first relative position corresponding to the first element is finally determined, indicating the position of the first element in the application window within the starting screen frame, serving as the starting position of the first element's movement, and the second element position serving as the ending position where the first element stops moving. The movement path of the first element is obtained based on the first relative position and the second element position, thereby displaying the element movement animation based on the movement. In the above method, the relative position of the first element in the application window within the first frame is obtained by calculation, and the movement path is generated with the relative position as the starting position. This ensures that the first element can start from the position in the prompt window during the element movement animation and eventually move to the position in the application window, thereby improving the continuity of the element movement.

[0184] In certain implementations, the first element is centered in the prompt window, and the first element has a first size corresponding to the first element's position. The method further includes: obtaining first center coordinates corresponding to the first element at the center position; obtaining first reference coordinates of the prompt window in the device interface; obtaining a first coordinate difference between the first center coordinates and the first reference coordinates; and obtaining a first relative position based on a proportional relationship between the first coordinate difference and the first size. Through the method, the size of the first element within the application window in the initial screen frame is obtained based on the width ratio. The first relative position is ultimately calculated based on the difference between the two element sizes and the position difference between the first element position and the first window position, thereby improving the accuracy of the display position of the first element.

[0185] In some implementations, the first element is aligned horizontally toward an edge position in the prompt window, the edge position includes a left edge position or a right edge position, the first element corresponds to a first size at the first element position, and corresponds to a second element width when the first element is at the second element position; the above method also includes: obtaining a first edge coordinate corresponding to the first element at the edge position, the first edge coordinate being related to the orientation of the edge position; obtaining a first reference coordinate of the prompt window in the device interface; obtaining a second coordinate difference between the first edge coordinate and the first reference coordinate; obtaining a first offset based on a numerical relationship between the second element width and the first size; and performing data fusion on the second coordinate difference and the first offset to obtain a first relative position. Through the above method, different offsets are set to obtain the first relative position according to different positions of the first element where the first relative position is located, which can improve the accuracy of the first relative position, thereby improving the accuracy of the element movement animation.

[0186] In some implementations, the method further includes: obtaining a position difference between the first relative position and the position of the second element; obtaining multiple frames corresponding to the element movement animation, each of the multiple frames corresponding to a different moment; and substituting the multiple moments, the position difference, and the first relative position into an animation control function to output a movement path. By determining the starting position, end point, and movement time of the first element and using the animation control function to control the first element to execute the element movement animation, the accuracy of the first element's movement can be improved.

[0187] In certain implementations, the electronic device is currently displaying the corresponding application interface of a second application, which is different from the first application. The application transition animation also includes a process in which the prompt window gradually changes to the application window of the first application and then covers the application interface. Through the above method, when the electronic device is running other applications and can adjust to the first application, a smooth window transition is achieved while improving the consistency of element changes and movement.

[0188] In some implementations, the above method also includes: displaying a pop-up animation in the device interface, the pop-up animation includes a process of popping up a prompt window from the device interface; or, in response to a selection operation on the notification bar, displaying a notification bar interface, the notification bar interface includes a prompt window.

[0189] Figure 12 This is a block diagram of a software system for an electronic device provided in an embodiment of the present application. Figure 12 The layered architecture divides software into several layers, each with distinct roles and responsibilities. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers: the application layer, the application framework layer, the Android runtime layer, the system layer, and the kernel layer.

[0190] The application layer can include a series of application packages. Figure 12 As shown, the application package may include third-party applications, camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and other applications.

[0191] The application framework layer provides application programming interface (API) and programming framework for the applications in the application layer. The application framework layer includes some predefined functions. Figure 9As shown, the application framework layer may include a window manager, content provider, view system, telephony manager, resource manager, notification manager, and so on. 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, and so on. The content provider is used to store and retrieve data and make this data accessible to applications. This data may include video, images, audio, dialed and received calls, browsing history and bookmarks, and the phone book. The view system includes visual controls, such as controls for displaying text and controls for displaying images. The view system can be used to construct the application's display interface. The display interface can be composed of one or more views, such as a view that displays a text message notification icon, a view that displays text, and a view that displays images. The telephony manager is used to provide communication functions for electronic device 800, such as managing call status (including connected and hung up). The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, and video files. The notification manager enables applications to display notification information in the status bar. This can be used to convey notification-type messages and can automatically disappear after a short period of time without user interaction. For example, a notification manager is used to notify users of completed downloads, message alerts, and more. A notification manager can also appear as an icon or scrolling text bar in the system's top status bar, such as notifications from background applications. A notification manager can also appear as a dialog window on the screen, such as a text message in the status bar, a beep, a vibration on an electronic device, or a flashing indicator light.

[0192] The Android Runtime consists of core libraries and a virtual machine (VM). The Android runtime is responsible for scheduling and management of the Android system. The core library consists of two parts: one for Java-based functions and the other for the Android core library. The application layer and application framework layer run in the VM. The VM executes Java files from the application layer and application framework layer as binary files. The VM is responsible for performing functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0193] The system library can include multiple functional modules, such as: surface manager, media libraries, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc. The surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications. 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. The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis, and layer processing. The 2D graphics engine is a drawing engine for 2D drawing.

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

[0195] Figure 13 FIG is a schematic diagram of the hardware structure of an electronic device according to an embodiment of the present application. Figure 13 As shown, the electronic device 1100 may include a processor 1110, an external memory interface 1120, an internal memory 1121, a universal serial bus (USB) interface 1130, a charging management module 1140, a power management module 1141, a battery 1142, an antenna 1, an antenna 2, a mobile communication module 1150, a wireless communication module 1160, an audio module 1170, a speaker 1170A, a receiver 1170B, a microphone 1170C, an earphone interface 1170D, a sensor module 1180, a button 1190, a motor 1191, an indicator 1192, a camera 1193, a display screen 1194, and a subscriber identification module (SIM) card interface 1195, etc.

[0196] Among them, the sensor module 1180 may include a pressure sensor 1180A, a gyroscope sensor 1180B, an air pressure sensor 1180C, a magnetic sensor 1180D, an acceleration sensor 1180E, a distance sensor 1180F, a proximity light sensor 1180G, a fingerprint sensor 1180H, a temperature sensor 1180J, a touch sensor 1180K, an ambient light sensor 1180L, a bone conduction sensor 1180M, etc.

[0197] It should be understood that the structures illustrated in the embodiments of the present application do not constitute a specific limitation on the electronic device 1100. In other embodiments of the present application, the electronic device 1100 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.

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

[0199] The controller may be the nerve center and command center of the electronic device 1100. The controller may generate an operation control signal based on the instruction operation code and the timing signal to complete the control of instruction fetching and execution.

[0200] In the embodiment of the present application, the processor 1110 is mainly used to start the application loading page and respond to the interactive operations input by the user.

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

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

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

[0204] In the embodiment of the present application, each interface is presented to the user mainly through the display screen 1194, for example Figure 1 Each interface in .

[0205] The NPU is a neural network (NN) computing processor. Drawing on the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it rapidly processes input information and can continuously self-learn. The NPU enables intelligent cognitive applications in electronic device 1100, such as image recognition, facial recognition, speech recognition, and text comprehension.

[0206] In the embodiment of the present application, the NPU can be used to identify the display content and instruct the processor 1110 to generate the display content. For example, the NPU can instruct the processor 1110 to generate the display content according to Figure 1 Generate display content in the form shown.

[0207] Pressure sensor 1180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 1180A can be provided on display screen 1194. There are many types of pressure sensors 1180A, such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors. A capacitive pressure sensor can include at least two parallel plates made of conductive material. When force is applied to pressure sensor 1180A, the capacitance between the electrodes changes. Electronic device 1100 determines the intensity of the pressure based on the change in capacitance. When a touch operation is applied to display screen 1194, electronic device 1100 detects the intensity of the touch operation based on pressure sensor 1180A. Electronic device 1100 can also calculate the location of the touch based on the detection signal from pressure sensor 1180A. In some embodiments, touch operations applied to the same touch location but with different touch operation intensities can correspond to different operation instructions. For example, when a touch operation with a touch operation intensity less than a first pressure threshold is applied to a short message application icon, an instruction to view the short message is executed. When a touch operation with a touch operation intensity greater than or equal to a first pressure threshold is applied to the short message application icon, an instruction to create a new short message is executed.

[0208] In the embodiment of the present application, the pressure sensor 1180A is mainly used to collect user interaction operations, such as sliding operations, clicking operations, etc.

[0209] It should be noted that the information interaction, execution process, etc. between the above-mentioned devices / units are based on the same concept as the method embodiment of this application. Their specific functions and technical effects can be found in the method embodiment section and will not be repeated here.

[0210] Those skilled in the art can clearly understand that, for the convenience and brevity of description, only the division of the above-mentioned functional units and modules is used as an example for illustration. In actual applications, the above-mentioned functions can be distributed and completed by different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above. The functional units and modules in the embodiment can be integrated into one processing unit, or each unit can exist physically alone, or two or more units can be integrated into one unit. The above-mentioned integrated unit can be implemented in the form of hardware or in the form of software functional units. In addition, the specific names of the functional units and modules are only for the convenience of distinguishing each other, and are not used to limit the scope of protection of this application. The specific working process of the units and modules in the above-mentioned system can refer to the corresponding process in the aforementioned method embodiment, and will not be repeated here.

[0211] An embodiment of the present application also provides an electronic device, which includes: at least one processor, a memory, and a computer program stored in the memory and capable of running on the at least one processor, and when the processor executes the computer program, the steps in any of the above methods can be implemented.

[0212] An embodiment of the present application further provides a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the steps in the above-mentioned various method embodiments can be implemented.

[0213] An embodiment of the present application provides a computer program product, which includes a computer program. When the computer program is executed by a processor, the steps in the above-mentioned various method embodiments can be implemented.

[0214] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the present application implements all or part of the process in the above-mentioned embodiment method by instructing the relevant hardware through a computer program. The computer program can be stored in a computer-readable storage medium. When the computer program is executed by the processor, it can implement the steps of each of the above-mentioned method embodiments. The computer program includes computer program code, which can be in source code form, object code form, executable file or some intermediate form. The computer-readable medium may include at least: any entity or device that can carry the computer program code to the camera / electronic device, a recording medium, a computer memory, a read-only memory (ROM), a random access memory (RAM), an electric carrier signal, a telecommunication signal and a software distribution medium. For example, a USB flash drive, a mobile hard drive, a magnetic disk or an optical disk. In some jurisdictions, according to legislation and patent practice, computer-readable media cannot be electric carrier signals and telecommunication signals.

[0215] In the above embodiments, the description of each embodiment has its own focus. For parts that are not described or recorded in detail in a certain embodiment, reference can be made to the relevant description of other embodiments.

[0216] Those skilled in the art will appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0217] In the embodiments provided in this application, it should be understood that the disclosed devices / equipment and methods can be implemented in other ways. For example, the device / equipment embodiments described above are merely schematic. For example, the division of the modules or units is merely a logical function division. In actual implementation, there may be other division methods, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0218] The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed across multiple network units. Some or all of these units may be selected to achieve the purpose of this embodiment according to actual needs.

[0219] It should be understood that when used in the present specification and the appended claims, the term "comprising" indicates the presence of described features, integers, steps, operations, elements and / or components, but does not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components and / or collections thereof.

[0220] It will also be understood that the term "and / or" used in this specification and the appended claims refers to and includes any and all possible combinations of one or more of the associated listed items.

[0221] As used in this specification and the appended claims, the term "if" can be interpreted as "when" or "upon" or "in response to determining" or "in response to detecting," depending on the context. Similarly, the phrase "if it is determined" or "if [described condition or event] is detected" can be interpreted as meaning "upon determination" or "in response to determining" or "upon detection of [described condition or event]" or "in response to detecting [described condition or event]," depending on the context.

[0222] In addition, in the description of the present application specification and the appended claims, the terms "first", "second", "third", etc. are only used to distinguish the descriptions and cannot be understood as indicating or implying relative importance.

[0223] References to "one embodiment" or "some embodiments" in this specification mean that a particular feature, structure, or characteristic described in conjunction with that embodiment is included in one or more embodiments of the present application. Thus, phrases such as "in one embodiment," "in some embodiments," "in other embodiments," and "in other embodiments" appearing in various places in this specification do not necessarily refer to the same embodiment, but rather mean "one or more but not all embodiments," unless otherwise specifically emphasized. The terms "including," "comprising," "having," and variations thereof all mean "including but not limited to," unless otherwise specifically emphasized.

[0224] The above-described embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. These modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the various embodiments of the present application, and should all be included in the scope of protection of the present application.

Claims

1. A method for displaying an element, characterized in that: The method is applied to an electronic device, wherein a first application is installed in the electronic device, and the method includes: Displaying a prompt window corresponding to the first application on a device interface, wherein the prompt window displays a first element, and the first element is located at a first element position on the device interface; In response to a triggering operation on the prompt window, displaying an application jump animation, wherein the application jump animation includes a window change process in which the prompt window gradually changes into an application window of the first application; Synchronously displaying an element movement animation during the process of displaying the application jump animation, wherein the element movement animation includes a position movement process of the first element moving from the first element position to the second element position on the device interface along with the application jump animation; An application running interface corresponding to the first application is displayed in the application window, and the first element is displayed in the application running interface at the position of the second element.

2. The method according to claim 1, characterized in that The window changing process includes a process in which the prompt window expands toward a first direction and gradually changes into the application window.

3. The method according to claim 2, characterized in that The application jump animation includes a starting screen frame, and the starting screen frame is used to indicate the starting time of the application jump animation. The prompt window includes a first vertex and a second vertex that are adjacent to each other; The display application jump animation includes: adjusting a window size corresponding to the application window based on the first vertex and the second vertex to obtain a starting window, wherein the starting window includes adjacent third and fourth vertices, the first vertex is aligned with the third vertex, and the second vertex is aligned with the fourth vertex, an overlapping area exists between the starting window and the prompt window, and the starting window is not displayed in the starting screen frame; Starting from the starting screen frame, an animation is displayed in which the starting window expands from the overlapping area and gradually changes into the application window.

4. The method according to any one of claims 1 to 3, characterized in that: The application jump animation includes a starting frame, the starting frame is used to indicate the starting time of the application jump animation, the first element corresponds to a first size in the starting frame, and the first element corresponds to a second size at the position of the second element; The method further comprises: An element magnification animation is displayed, where the element magnification animation includes a process in which the first element is enlarged from the first size to the second size during a process in which the first element moves from the first element position to the second element position.

5. The method according to claim 4, characterized in that The prompt window corresponds to a first window width, the application window corresponds to a second window width, the first element corresponds to the first element width when it is at the first element position, and corresponds to the second element width when it is at the second element position; Before the display element enlargement animation, the method further includes: Obtaining a first ratio result between the first window width and the second window width; Obtaining a first reference size corresponding to the first element based on a product result of the first ratio result and the second size; Obtaining a second ratio result between the first element width and the second element width, and obtaining a reciprocal result corresponding to the first reference size; The first size is obtained based on a multiplication result between the second ratio result and the reciprocal result.

6. The method according to any one of claims 1 to 3, characterized in that: The prompt window is located at the first window position in the device interface; The display element movement animation includes: Obtaining a first relative position corresponding to the first element based on a positional relationship between the first window position and the first element position, where the first relative position is used to indicate a position of the first element in the prompt window at a starting moment; determining a movement path corresponding to the first element based on a position difference between the first relative position and the second element position; A process of the first element moving from the first element position to the second element position along the movement path is displayed.

7. The method according to claim 6, characterized in that The first element is located at a center position in the prompt window, and the first element has a first size corresponding to the first element position; The acquiring a first relative position corresponding to the first element based on a positional relationship between the first window position and the first element position includes: Obtaining the first center coordinates corresponding to the first element at the center position; Acquire a first reference coordinate of the prompt window in the device interface; acquire a first coordinate difference between the first center coordinate and the first reference coordinate; The first relative position is obtained based on a proportional relationship between the first coordinate difference and the first size.

8. The method according to claim 6, characterized in that The first element is aligned with an edge position in the prompt window in a horizontal direction, where the edge position includes a left edge position or a right edge position. The first element corresponds to a first size when at the first element position, and corresponds to a second element width when at the second element position. The acquiring a first relative position corresponding to the first element based on a positional relationship between the first window position and the first element position includes: Obtaining first edge coordinates corresponding to the first element at the edge position, where the first edge coordinates are related to the orientation of the edge position; Obtaining a first reference coordinate of the prompt window in the device interface; obtaining a second coordinate difference between the first edge coordinate and the first reference coordinate; obtaining a first offset based on a numerical relationship between the second element width and the first size; The second coordinate difference and the first offset are subjected to data fusion to obtain the first relative position.

9. The method according to claim 6, characterized in that The determining, based on the position difference between the first relative position and the second element position, a movement path corresponding to the first element includes: Obtaining a position difference between the first relative position and the second element position; Acquire multiple frames corresponding to the element movement animation, wherein the multiple frames correspond to different moments respectively; Substitute multiple moments, the position difference and the first relative position into an animation control function, and output the moving path.

10. The method according to any one of claims 1 to 3, characterized in that: The electronic device is currently displaying an application interface corresponding to a second application, where the second application is different from the first application; The application jump animation also includes a process in which the prompt window gradually changes into the application window of the first application and then covers the application interface.

11. The method according to any one of claims 1 to 3, characterized in that: The displaying of a prompt window corresponding to the first application on the device interface includes: Displaying a pop-up animation in the device interface, wherein the pop-up animation includes a process of popping up and displaying the prompt window from the device interface; or In response to a selection operation on the notification bar, a notification bar interface is displayed, wherein the notification bar interface includes the prompt window.

12. An electronic device, characterized in that: The electronic device comprises a memory, one or more processors, and a computer program stored in the memory and executable on the processors, wherein when the one or more processors execute the computer program, the electronic device implements the method according to any one of claims 1 to 11.

13. A computer-readable storage medium, characterized in that The computer-readable storage medium stores a computer program, and when the computer program is executed by an electronic device, the method according to any one of claims 1 to 11 is implemented.

Images