Dynamic effect display method and electronic equipment

Abstract

The invention provides a dynamic effect display method and electronic equipment. The method comprises the steps that the electronic equipment displays a first interface; wherein the first interface comprises a plurality of application cards arranged in a multi-row mode, the plurality of application cards comprise a first application card and a second application card which are located in a first row, and a third application card and a fourth application card which are located in a second row, and the second row is adjacent to the first row. And the electronic equipment responds to the deletion operation on the first application card, and moves the second application card in the first row in the first preset direction, moves the third application card in the second row in the second preset direction, and moves the fourth application card in the third preset direction. Wherein the first preset direction is opposite to the second preset direction; the third preset direction is perpendicular to the first preset direction or the second preset direction. Therefore, the application cards cannot intersect in the moving process of card covering, so that the visual focus of a user cannot be attracted to transfer, and the use experience of the user is improved.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to a motion effect display method and electronic device. Background Technology

[0002] With the development of electronic technology and the increasing demands of users, the number of applications (APPs) installed on electronic devices such as foldable screen phones and tablets is constantly increasing. Typically, users will use multiple applications on the same electronic device within a certain period. To facilitate users in managing and closing multiple applications, electronic devices can be equipped with a multitasking interface to display the application cards corresponding to the multiple applications currently running on the device.

[0003] Specifically, users can quickly close the application associated with a given application card by deleting it in the multitasking interface. After an application card is deleted from the multitasking interface, the electronic device will rearrange the remaining application cards.

[0004] However, during the process of repositioning application cards, overlap may occur. This attracts the user's visual focus, causing it to shift. Consequently, the user's focus (i.e., their point of interest) becomes unfocused, degrading the user experience. Summary of the Invention

[0005] This application provides a dynamic display method and electronic device, which enables the electronic device to move application cards according to different preset directions to fill in application cards, so that the application cards will not cross during movement, thereby not attracting the user's visual focus, improving the problem of user focus loss, and improving the user experience.

[0006] To achieve the above objectives, this application adopts the following technical solution:

[0007] Firstly, a dynamic display method is provided, applicable to electronic devices. This method specifically includes: the electronic device displaying a first interface. The first interface includes multiple application cards arranged in multiple rows. The application cards include a first application card, a second application card, a third application card, and a fourth application card. The second and first application cards are in the first row, and the third and fourth application cards are in the second row, adjacent to the first row. The terms "first row" and "second row" are used only to distinguish the rows where the first and second application cards are located, and are not the same as the rows where the third and fourth application cards are located. "First row" and "second row" do not indicate or imply relative importance or order. In response to a deletion operation on the first application card, the electronic device moves the second application card within the first row in a first preset direction, moves the third application card within the second row in a second preset direction, and moves the fourth application card within the first row in a third preset direction. The movement within the first row can be within the range of the first row, or it can be within a preset range centered on the first row. Wherein, the first preset direction is opposite to the second preset direction; the third preset direction is perpendicular to the first preset direction, or the third preset direction is perpendicular to the second preset direction.

[0008] In the above-described animation display method, because the electronic device moves the second, third, and fourth application cards in different directions and with different ranges, the second, third, and fourth application cards will not overlap during their card-filling movement, thus preventing them from drawing the user's visual focus away and improving the user experience.

[0009] In one possible implementation of the first aspect, the plurality of application cards further includes a fifth application card, which is located in the first row. The fifth application card and the second application card are located on either side of the first application card, respectively. The fifth application card is the application card that is in the same row as the first application card and can remain stationary. The animation display method further includes: the electronic device responding to a deletion operation on the first application card by not moving the fifth application card.

[0010] In this implementation, the electronic device can keep the position of the fifth application card unchanged and move the second application card to fill the position of the first application card. This can prevent the user from losing focus due to the movement of the fifth application card and further improve the user experience.

[0011] In one possible implementation of the first aspect, the first application card is located in a first position before the electronic device responds to a deletion operation on the first application card. Then, the electronic device moves the second application card within the first row in a first preset direction, including: the electronic device moves the second application card adjacent to the first application card to the first position.

[0012] In this implementation, the electronic device can fill in the first position by moving the second application card adjacent to the first application card to the first position.

[0013] In one possible implementation of the first aspect, the electronic device moves a second application card within a first row in a first preset direction, further comprising: moving a second application card that is not adjacent to a first application card to a position adjacent to a preceding second application card prior to the deletion operation on the first application card. The distance between the non-adjacent second application card and the first application card is less than the distance between the preceding second application card and the first application card prior to the deletion operation on the first application card.

[0014] In this implementation, the electronic device can fill in the position of the adjacent previous second application card by moving the second application card that is not adjacent to the first application card to the position of the adjacent previous second application card.

[0015] In one possible implementation of the first aspect, the fourth application card is located in the second position before the electronic device responds to the deletion operation of the first application card. Then, the electronic device moves the third application card within the second row in a second preset direction, including: the electronic device moves the third application card adjacent to the fourth application card to the second position.

[0016] In this implementation, the electronic device fills in the second position by moving the third application card adjacent to the fourth application card to the second position.

[0017] In one possible implementation of the first aspect, the electronic device moves a third application card within a second row in a second preset direction, comprising: moving a third application card that is not adjacent to a fourth application card to the position of the preceding third application card that was adjacent to it before the deletion operation on the first application card. The distance between the non-adjacent third application card and the fourth application card is less than the distance between the preceding third application card and the fourth application card that was adjacent to it before the deletion operation on the first application card.

[0018] In this implementation, the electronic device moves the third application card that is not adjacent to the fourth application card to the position of the adjacent previous third application card, thereby filling in the position of the adjacent previous third application card.

[0019] In one possible implementation of the first aspect, the electronic device moves the fourth application card in a third preset direction, including: the electronic device moves the fourth application card to the first row, that is, the electronic device moves the fourth application card from the second row across rows to the first row.

[0020] In this implementation, the electronic device fills the vacant position in the first row after the second application card is moved and replaced by a cross-row movement of the fourth application card from the second row to the first row.

[0021] In one possible implementation of the first aspect, the aforementioned application cards are further arranged in N columns, where N is an integer greater than or equal to 2. Then, the fourth application card can be located in the first column of the second row, or the Nth column. Here, "first column" and "Nth column" indicate the arrangement order, meaning the first and Nth columns are located at opposite ends of a row. That is, the first and Nth columns can be the first and last columns of a row sorted from left to right. Alternatively, the first and Nth columns can be the first and last columns of a row sorted from right to left.

[0022] In one possible implementation of the first aspect, the plurality of application cards further includes a sixth application card and a seventh application card, which are located in the third row. The third row is adjacent to the second row, i.e., separated from the first row. In response to a deletion operation on the first application card, the electronic device further includes: moving the sixth application card within the third row in a fourth preset direction, and moving the seventh application card in a fifth preset direction. The fourth preset direction is opposite to the second preset direction; the fifth preset direction is perpendicular to the fourth preset direction, or perpendicular to the second preset direction.

[0023] In this implementation, when multiple application cards are arranged in three rows, the electronic device can also move the sixth and seventh application cards in the third row to fill in the gaps. Because the electronic device moves the second, third, fourth, sixth, and seventh application cards in different directions and with different ranges, these cards will not overlap during the filling process, thus preventing them from distracting the user's visual focus and improving the user experience.

[0024] In one possible implementation of the first aspect, the seventh application card is located in the third position before the electronic device responds to the deletion operation of the first application card. Then, the electronic device moves the sixth application card within the third row in a fourth preset direction, including: the electronic device moves the sixth application card adjacent to the seventh application card to the third position.

[0025] In this implementation, the electronic device can fill in the third position by moving the sixth application card, which is adjacent to the seventh application card, to the third position.

[0026] In one possible implementation of the first aspect, the electronic device moves a sixth application card within a third row in a fourth preset direction, comprising: moving a sixth application card that is not adjacent to a seventh application card to the position of the preceding sixth application card that was adjacent to it before the deletion operation on the first application card. The distance between the non-adjacent sixth application card and the seventh application card is less than the distance between the preceding sixth application card and the seventh application card that was adjacent to it before the deletion operation on the first application card.

[0027] In this implementation, the electronic device can fill in the position of the adjacent sixth application card by moving the sixth application card that is not adjacent to the seventh application card to the position of the adjacent previous sixth application card.

[0028] In one possible implementation of the first aspect, the electronic device moves the seventh application card in a fifth preset direction, including: the electronic device moves the seventh application card to the second row, that is, the electronic device moves the seventh application card from the third row to the second row.

[0029] In this implementation, the electronic device fills the vacant position in the second row after the third application card is moved to fill the vacant position by moving the seventh application card from the third row to the second row.

[0030] In one possible implementation of the first aspect, the seventh application card is located in the first column of the third row, or the Nth column.

[0031] In one possible implementation of the first aspect, the first preset direction is from right to left, the second preset direction is from left to right, and the third preset direction is perpendicular to the second preset direction and points to the first row.

[0032] In this implementation, the electronic device moves the second application card in the first row from right to left, the third application card in the second row from left to right, and the fourth application card in a direction perpendicular to the second preset direction and pointing towards the first row. This results in the second, third, and fourth application cards collectively presenting a display effect where the application cards are filled in counterclockwise around the center point of the first interface, thereby further improving the user experience of the card filling animation display.

[0033] In one possible implementation of the first aspect, the first preset direction is from left to right, the second preset direction is from right to left, and the third preset direction is perpendicular to the second preset direction and points to the first row.

[0034] In this implementation, the electronic device moves the second application card in the first row from left to right, the third application card in the second row from right to left, and the fourth application card in a direction perpendicular to the second preset direction and pointing towards the first row. This results in the second, third, and fourth application cards collectively presenting a clockwise display effect with the center point of the first interface as the center, thereby further improving the user experience of the card filling animation display.

[0035] In one possible implementation of the first aspect, the first preset direction can be from right to left, the second preset direction can be from left to right, the third preset direction can be perpendicular to the second preset direction and point to the first row, the fourth preset direction can be from right to left, and the fifth preset direction can be perpendicular to the fourth preset direction and point to the second row.

[0036] In this implementation, the electronic device moves a second application card in the first row from right to left, a third application card in the second row from left to right, a fourth application card in a direction perpendicular to a second preset direction and pointing towards the first row, a sixth application card in the third row from right to left, and a seventh application card in a direction perpendicular to a fourth preset direction and pointing towards the second row. This creates a serpentine display effect where the second, third, fourth, sixth, and seventh application cards fill in the gaps in the card arrangement from the end point to the beginning point, further enhancing the user experience of the dynamic card arrangement display.

[0037] In one possible implementation of the first aspect, the first preset direction can also be from left to right, the second preset direction can be from right to left, the third preset direction can be perpendicular to the second preset direction and point to the first row, the fourth preset direction can be from left to right, and the fifth preset direction can be perpendicular to the fourth preset direction and point to the second row.

[0038] In this implementation, the electronic device moves a second application card in the first row from left to right, a third application card in the second row from right to left, a fourth application card in a direction perpendicular to a second preset direction and pointing towards the first row, a sixth application card in the third row from left to right, and a seventh application card in a direction perpendicular to a fourth preset direction and pointing towards the second row. This creates a serpentine display effect where the second, third, fourth, sixth, and seventh application cards fill in the gaps in the card arrangement, further enhancing the user experience of the dynamic card arrangement display.

[0039] In one possible implementation of the first aspect, the electronic device, in response to the deletion operation of the first application card, further includes: the electronic device removing the first application card from the first interface in a sixth preset direction, i.e., not displaying the first application card in the first interface.

[0040] In this implementation, the electronic device removes the application card corresponding to the application that the user needs to close from the first interface, which makes it easier for the user to intuitively obtain the message that the application has been closed, and also prevents the user from having to delete the first application card again, thus preventing accidental deletion and improving the user experience.

[0041] In one possible implementation of the first aspect, the sixth preset direction is perpendicular to the first preset direction.

[0042] In this implementation, during the process of the electronic device removing the first application card from the first interface, the first application card can be prevented from overlapping with other application cards in the same row, thereby avoiding loss of focus for the user and further improving the user experience.

[0043] In one possible implementation of the first aspect, the electronic device, in response to the deletion operation of the first application card, further includes: after the first application card is moved out of the first position, the electronic device begins to move a second application card, and / or a third application card, and / or a fourth application card.

[0044] In this implementation, the electronic device moves other application cards only after the first application card has moved out of the first position. This prevents the first application card from overlapping with the second, third, and fourth application cards, thereby improving the smoothness of the user experience.

[0045] In one possible implementation of the first aspect, the electronic device moves a second application card in a first row in a first preset direction, moves a third application card in a second row in a second preset direction, and moves a fourth application card in a third preset direction. Specifically, the speed at which the electronic device moves the second, third, and fourth application cards is positively correlated with the order of their distance from the first application card.

[0046] In this implementation, the electronic device can exhibit a spring-like dragging effect as it moves the second, third, and fourth application cards, thereby improving the user's visual experience.

[0047] In one possible implementation of the first aspect, during the process of the electronic device removing the first application card from the first interface in a sixth preset direction, the method further includes: if the electronic device has an overlapping area with a third application card or a fourth application card, highlighting the first application card and / or downplaying the overlapping application card. Wherein, the overlapping application card is either the third application card that overlaps with the first application card, or the fourth application card that overlaps with the first application card.

[0048] In this implementation, the electronic device can enhance the difference in display effect between the first application card and the overlapping application card by highlighting the first application card and / or weakening the display of the overlapping application card, thereby attracting the user's visual focus and preventing it from being diverted, thus improving the smoothness of the user experience.

[0049] In one possible implementation of the first aspect, the electronic device highlighting the first application card includes one or more of the following display effects: increasing the brightness value of the first application card, enlarging the size of the first application card, and setting and displaying the border of the first application card according to a preset color and a preset border brightness value. The preset border brightness value is greater than the initial brightness value of the first application card.

[0050] In this implementation, the electronic device increases the display brightness of the first application card by increasing its brightness value. By enlarging the size of the first application card, the electronic device increases its display area on the first interface and can cover overlapping application cards. The electronic device can also set and display the border of the first application card according to a preset color and a preset border brightness value, creating a fluorescent-like effect on the border. This allows the electronic device to highlight the first application card.

[0051] In one possible implementation of the first aspect, the brightness change value of the first application card is positively correlated with the area of ​​the overlapping region.

[0052] In this implementation, the brightness change value of the first application card raised by the electronic device can increase as the area of ​​the overlapping region increases, and decrease as the area of ​​the overlapping region decreases. In this way, the highlighting effect of the first application card can dynamically change with the size of the overlapping region, thereby enhancing the display effect of highlighting the first application card and further improving the user experience.

[0053] In one possible implementation of the first aspect, the size change value of the first application card is positively correlated with the area of ​​the overlapping region.

[0054] In this implementation, the size change of the first application card when the electronic device zooms in can increase as the area of ​​the overlapping region increases, and decrease as the area of ​​the overlapping region decreases. This allows the highlighting effect of the zoomed-in first application card to dynamically change with the size of the overlapping region, thereby enhancing the display effect of the highlighted first application card and further improving the user experience.

[0055] In one possible implementation of the first aspect, the change in the border brightness of the first application card is positively correlated with the area of ​​the overlapping region.

[0056] In this implementation, the brightness variation value of the border of the first application card adjusted by the electronic device can increase as the area of ​​the overlapping region increases, and decrease as the area of ​​the overlapping region decreases. In this way, the highlighting effect of the border of the first application card displayed by the electronic device can dynamically change with the size of the overlapping region, thereby enhancing the display effect of highlighting the first application card and further improving the user experience.

[0057] In one possible implementation of the first aspect, the electronic device weakens the display of the overlapping application card by one or more of the following display effects: increasing the transparency of the overlapping application card, increasing the blur of the overlapping application card, decreasing the brightness value of the overlapping application card, and reducing the size of the overlapping application card.

[0058] In this implementation, the electronic device increases the transparency of the overlapping application cards by increasing their transparency. It also increases the blurriness of the overlapping application cards by increasing their blurriness, thus blurring their display. Furthermore, the electronic device can reduce the brightness of the overlapping application cards by decreasing their brightness value. Finally, it can reduce the display area of ​​the overlapping application cards on the first interface by shrinking their size. In this way, the electronic device can weaken the display of the overlapping application cards.

[0059] In one possible implementation of the first aspect, the change in transparency of the overlapping application cards is positively correlated with the area of ​​the overlapping region.

[0060] In this implementation, the transparency change value of the overlapping application cards by the electronic device can increase as the area of ​​the overlapping region increases, and decrease as the area of ​​the overlapping region decreases. In this way, the weakening display effect of the overlapping application cards' increased transparency by the electronic device can dynamically change with the size of the overlapping region, thereby enhancing the display effect of the weakened overlapping application cards and further improving the user experience.

[0061] In one possible implementation of the first aspect, the change in ambiguity of the overlapping application cards is positively correlated with the area of ​​the overlapping region.

[0062] In this implementation, the blur reduction value of the overlapping application card by the electronic device can increase as the area of ​​the overlapping region increases, and decrease as the area of ​​the overlapping region decreases. In this way, the weakening display effect of the blurred overlapping application card by the electronic device can dynamically change with the size of the overlapping region, thereby enhancing the display effect of the weakened overlapping application card and further improving the user experience.

[0063] In one possible implementation of the first aspect, the size change value of the overlapping application card is positively correlated with the area of ​​the overlapping region.

[0064] In this implementation, the size change value of the overlapping application card on the electronic device can increase as the area of ​​the overlapping region increases, and decrease as the area of ​​the overlapping region decreases. In this way, the weakened display effect of the weakened overlapping application card can dynamically change with the size of the overlapping region, thereby enhancing the display effect of the weakened overlapping application card and further improving the user experience.

[0065] In one possible implementation of the first aspect, the brightness variation value of the overlapping application cards is positively correlated with the area of ​​the overlapping region.

[0066] In this implementation, the brightness reduction value of the overlapping application cards by the electronic device can increase as the area of ​​the overlapping region increases, and decrease as the area of ​​the overlapping region decreases. In this way, the weakening display effect of the weakened display of the overlapping application cards by the electronic device can dynamically change with the size of the overlapping region, thereby enhancing the display effect of the weakened overlapping application cards and further improving the user experience.

[0067] In a second aspect, an electronic device is provided, comprising: a display screen, a memory, and one or more processors, wherein the display screen, the memory, and the processors are coupled; wherein the memory stores computer program code, the computer program code including computer instructions, and when the computer instructions are executed by the processor, the electronic device performs the motion display method described in the first aspect and any of the implementable methods.

[0068] Thirdly, a computer-readable storage medium is provided, including computer instructions that, when executed on an electronic device, cause the electronic device to perform the motion display method described in the first aspect and any of the implementable methods.

[0069] Fourthly, a computer program product is provided, which, when running on a computer, causes the computer to execute the screen projection method described in any of the first aspects above, or causes the computer to execute the animation display method described in the first aspect and any of the implementable methods above.

[0070] Fifthly, a chip system is provided, including a processor and potentially a memory, for implementing the motion display method described in the first aspect and any of the implementable methods. The chip system may be composed of chips or may include chips and other discrete devices.

[0071] It is understood that the beneficial effects achievable by the electronic device described in the second aspect, the computer-readable storage medium described in the third aspect, the computer program product described in the fourth aspect, and the chip system described in the fifth aspect can be referred to the beneficial effects in the first aspect and any of its implementations, and will not be repeated here. Attached Figure Description

[0072] Figure 1 A schematic diagram illustrating the application card replacement process provided for related technologies;

[0073] Figure 2 A schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application;

[0074] Figure 3 This is a software structure block diagram of the electronic device provided in the embodiments of this application;

[0075] Figure 4 A flowchart illustrating the animation display method provided in this application embodiment;

[0076] Figure 5 A schematic diagram of the first interface displayed by the electronic device provided in this application embodiment. Figure 1 ;

[0077] Figure 6 A schematic diagram illustrating the arrangement of application cards provided in an embodiment of this application;

[0078] Figure 7 A schematic diagram of the first interface displayed by the electronic device provided in this application embodiment. Figure 2 ;

[0079] Figure 8 A schematic diagram of the animation display provided in the embodiments of this application. Figure 1 ;

[0080] Figure 9 A schematic diagram of the animation display provided in the embodiments of this application. Figure 2 ;

[0081] Figure 10A schematic diagram of the animation display provided in the embodiments of this application. Figure 3 ;

[0082] Figure 11 A schematic diagram of the animation display provided in the embodiments of this application. Figure 4 ;

[0083] Figure 12 A schematic diagram of the animation display provided in the embodiments of this application. Figure 5 ;

[0084] Figure 13 A schematic diagram of the first interface displayed by the electronic device provided in this application embodiment. Figure 3 ;

[0085] Figure 14 A schematic diagram illustrating the highlighted first application card in an electronic device provided in an embodiment of this application;

[0086] Figure 15 A schematic diagram illustrating the weakened display of overlay application cards in an electronic device according to an embodiment of this application;

[0087] Figure 16 This is a schematic diagram of the structure of the motion effect display device provided in the embodiments of this application;

[0088] Figure 17 This is a schematic diagram of the composition of a chip system provided in an embodiment of this application. Detailed Implementation

[0089] The technical solutions of the embodiments of this application will be described below with reference to the accompanying drawings. In the description of this application, unless otherwise stated, " / " indicates that the objects before and after are in an "or" relationship. For example, A / B can represent A or B. "And / or" in this application is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, and B alone, where A and B can be singular or plural. Furthermore, in the description of this application, unless otherwise stated, "multiple" refers to two or more. "At least one of the following" or similar expressions refer to any combination of these items, including any combination of single or plural items. For example, at least one of a, b, or c can represent: a, b, c, ab, ac, bc, or abc, where a, b, and c can be single or multiple. Furthermore, to facilitate a clear description of the technical solutions in the embodiments of this application, the terms "first" and "second" are used in the embodiments of this application to distinguish identical or similar items with substantially the same function and effect. Those skilled in the art will understand that the terms "first" and "second" do not limit the quantity or execution order, and that "first" and "second" are not necessarily different. Meanwhile, in the embodiments of this application, the terms "exemplary" or "for example" are used to indicate that something is being used as an example, illustration, or description. Any embodiment or design scheme described as "exemplary" or "for example" in the embodiments of this application should not be construed as being more preferred or advantageous than other embodiments or design schemes. Specifically, the use of terms such as "exemplary" or "for example" is intended to present related concepts in a concrete manner for ease of understanding.

[0090] With the development of electronic technology and the increasing demands of users, the number of applications installed on electronic devices such as foldable phones and tablets is constantly increasing. Typically, users will use multiple applications on the same electronic device for a period of time. To facilitate users in managing and closing multiple applications, electronic devices can be equipped with a multitasking interface to display the application cards corresponding to the multiple applications currently running on the device.

[0091] Specifically, users can quickly close the application associated with an application card by deleting it in the multitasking interface. After an application card is deleted from the multitasking interface, the electronic device will rearrange the remaining application cards, moving other application cards to fill the deleted card's position.

[0092] Typically, electronic devices use a jump effect to move remaining application cards to fill in gaps, that is, to adjust the position of remaining application cards in different directions of movement. For example, Figure 1 A schematic diagram of the application card replacement process provided for related technologies, such as Figure 1 As shown in Figure (1), a multitasking interface 101 is displayed in the electronic device 100, and eight application cards are displayed in the multitasking interface 101: application card a, application card b, ..., application card h. Figure 1 As shown in (2), when the user deletes application card c, application card c can be moved out of the multitasking interface 101 along the positive Y-axis direction (i.e., the upward direction perpendicular to the row where application card c is located, hereinafter referred to as the upward direction for ease of description). At the same time, application card a, which is arranged to the left of application card c in the multitasking interface 101, moves towards the center of card position f', and application card b moves towards the center of card position g'. Application cards e, f, and g, which are arranged in the row below application card c in the multitasking interface 101, all move in the upward direction. The positions of application cards d and h remain unchanged.

[0093] like Figure 1 As shown in (3), when there is an invisible application card i to the left of application card a, as application card a moves, the invisible application card i can be displayed in the multitasking interface 101 and move in the direction toward the center of card position e'.

[0094] During the movement of application cards a, b, c, e, f, g, and i, overlapping may occur between the application cards. Specifically, for example... Figure 1 As shown in (3), application card b will have overlapping areas with application card c, application card f and application card g respectively, application card a will have overlapping areas with application card e and application card f respectively, and application card i will have overlapping areas with application card e.

[0095] As the application card moves, the position and size of the overlapping area will also change. For example... Figure 1 As shown in (4), application card b overlaps with application card f and application card g, application card a overlaps with application card e and application card f, and application card i overlaps with application card e, with the overlapping areas gradually increasing. For example... Figure 1 As shown in (5), application card b and application card g have overlapping areas, application card a and application card f have overlapping areas, and application card i and application card e have overlapping areas.

[0096] like Figure 1As shown in (6), the application card animation display ends when application card i, application card a, and application card b move to their corresponding card positions e', f', and g', respectively. Application card e, application card f, and application card g move to their corresponding card positions a', b', and c', respectively. The electronic device has completed the readjustment of the application card positions in the multitasking interface 101, with application card g moving to the position of the deleted application card c, thus filling in the missing application card.

[0097] It can be seen that, in such Figure 1 During the application card replacement process shown, due to the different directions of movement, the application cards may overlap or cross each other.

[0098] Typically, when deleting an app card (e.g., app card c), users usually keep their visual focus on the area where their finger is located, making it easier to quickly locate the replacement app card (e.g., app card g). However, other app cards moving in different directions outside the deletion area (e.g., app cards a, b, etc.) and the overlapping areas created by their movement will attract the user's visual focus, causing it to shift. This results in the user's visual focus being off-target, making it difficult to quickly locate the replacement app card and thus degrading the user experience.

[0099] To address the issue of degraded user experience due to loss of focus, this application provides a motion effect display method applicable to electronic devices. Specifically, the electronic device displays a first interface including multiple application cards. In response to a user's deletion operation on a first application card, the electronic device can move a second application card in the same row as the first application card within a first row in a first preset direction, move a third application card in the second row in a second preset direction, and move a fourth application card in a third preset direction. The first preset direction is opposite to the second preset direction. The third preset direction is perpendicular to the first preset direction, or vice versa. This prevents the application cards from intersecting during movement, thus avoiding distracting the user's visual focus and improving the user experience.

[0100] It should be noted that the application card in this embodiment is a form of application interface display, and the application card can display the corresponding application's operation interface. By using application cards, important application information or operations can be placed at the forefront, reducing the user's experience layers. For example, an application card can serve as an entry point for the application corresponding to that card. Users can open the operation interface of the application corresponding to that application card by clicking on the application card, allowing them to operate the application. As another example, application cards can also serve as objects for user management of applications. Users can close the application corresponding to that application card running in the background of the electronic device by deleting the application card.

[0101] For example, the electronic devices in the embodiments of this application may include, but are not limited to: foldable screen devices (e.g., foldable screen phones, foldable screen computers, etc.), candybar phones, tablet computers, handheld computers, netbooks, personal computers (PCs), personal digital assistants (PDAs), portable multimedia players (PMPs), augmented reality (AR) / virtual reality (VR) devices, televisions, in-vehicle computers, etc. Alternatively, the electronic device may also be other types or structures of electronic devices with a display screen. The embodiments of this application do not limit the specific device form of the electronic device.

[0102] The embodiments of this application will now be described in detail with reference to the accompanying drawings.

[0103] Please see Figure 2 This is a schematic diagram of the hardware structure of an electronic device 100 provided in an embodiment of this application. The methods in the following embodiments can be implemented in an electronic device having the following hardware structure.

[0104] Electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, antenna 1, antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a touch sensor 180K, etc.

[0105] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0106] Processor 110 may include one or more processing units, such as: application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0107] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0108] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from this memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0109] In some embodiments, the processor 110 may include one or more interfaces, such as an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0110] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes a camera serial interface (CSI) and a display serial interface (DSI). In some embodiments, the processor 110 and the camera 193 communicate via the CSI interface to enable the electronic device 100 to capture images. The processor 110 and the display screen 194 communicate via the DSI interface to enable the electronic device 100 to display images.

[0111] It is understood that the interface connection relationships between the modules illustrated in the embodiments of this application are merely illustrative and do not constitute a structural limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

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

[0113] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel may be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Mini LED, a MicroLED, a Micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, electronic device 100 may include one or N displays 194, where N is an integer greater than 1.

[0114] Digital signal processors (DSPs) are used to process digital signals. Besides digital image signals, they can also process other digital signals. For example, when electronic device 100 selects a frequency, the DSP performs Fourier transforms on the frequency energy.

[0115] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. Thus, electronic device 100 can play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG 2, MPEG 3, MPEG 4, etc.

[0116] Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 180A may be disposed on display screen 194. When a touch operation is applied to display screen 194, electronic device 100 detects the intensity of the touch operation based on pressure sensor 180A. Electronic device 100 may also calculate the touch position based on the detection signal from pressure sensor 180A. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities may correspond to different operation commands.

[0117] Touch sensor 180K, also known as a "touch panel," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touch display." Touch sensor 180K detects touch operations applied to or near it. Touch sensor 180K can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of electronic device 100, in a different position than display screen 194.

[0118] Buttons 190 include a power button, volume buttons, etc. Buttons 190 can be mechanical buttons or touch-sensitive buttons. Electronic device 100 can receive button input and generate key signal inputs related to user settings and function control of electronic device 100.

[0119] The software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This embodiment of the invention uses the layered architecture Android system as an example to exemplify the software structure of electronic device 100.

[0120] Figure 3 This is a software structure block diagram of the electronic device 100 provided in the embodiments of this application.

[0121] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom: the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

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

[0123] like Figure 3 As shown, the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS.

[0124] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0125] like Figure 3 As shown, the application framework layer may include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc.

[0126] The window manager is used to manage windowed applications. It can retrieve screen size, determine the presence of a status bar, lock the screen, and capture screenshots, among other things.

[0127] Content providers store and retrieve data, making that data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0128] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text notification icon could include views for displaying text and views for displaying images.

[0129] The phone manager is used to provide communication functions for electronic device 100. For example, it manages call status (including connection and disconnection).

[0130] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0131] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0132] The Android Runtime consists of core libraries and a virtual machine. The Android Runtime is responsible for the scheduling and management of the Android system.

[0133] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

[0134] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0135] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0136] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0137] The media library supports playback and recording of various common audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

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

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

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

[0141] The animation display method provided in this application will be described below with reference to specific examples. The electronic devices described below can be specifically referred to... Figure 2 The components shown and Figure 3 The application framework layer shown. Figure 4 This is a flowchart illustrating the animation display method provided in the embodiments of this application, as shown below. Figure 4 As shown, the method may include the following steps S401-S402.

[0142] S401, The electronic device displays the first interface.

[0143] Specifically, in application scenarios where a user uses multiple applications on the same electronic device, the electronic device can respond to the user's input to display a first interface. This first interface can be a multi-tasking interface, displaying application cards corresponding to the multiple applications the user has opened. Specifically, the first interface includes multiple application cards, which can be arranged in multiple rows, i.e., multiple application cards can be arranged in M ​​rows, where M is an integer greater than or equal to 2.

[0144] It should be noted that, in the embodiments of this application, multiple application cards are arranged in a "row" manner, which means they are arranged horizontally on the display screen of the electronic device. That is, the "row" is parallel to the horizontal edge of the electronic device in portrait mode, or parallel to the horizontal edge of the electronic device in landscape mode.

[0145] For example, Figure 5 A schematic diagram of the first interface displayed by the electronic device provided in this application embodiment. Figure 1 ,like Figure 5 As shown in Figure (1), when the electronic device displays a second interface 501 (e.g., a desktop interface), the user can input a first interface display operation into the electronic device 500 by swiping upwards from the bottom of the screen. The first interface display operation can also be: inputting a preset voice command, or double-clicking a preset button on the electronic device 500, etc. This application does not specifically limit the first interface display operation.

[0146] Furthermore, such as Figure 5 As shown in Figure (2), the electronic device 500 can display a first interface 502 on the screen in response to the first interface display operation. When the user uses applications in the electronic device 500 including: file management, gallery, messages, memo, email, and address book, the first interface 501 includes: application cards 5011, 5012, 5013, 5014, 5015, and 5016. Specifically, application card 5011 corresponds to the file management application, application card 5012 corresponds to the gallery application, application card 5013 corresponds to the messages application, application card 5014 corresponds to the memo application, application card 5015 corresponds to the email application, and application card 5016 corresponds to the address book application.

[0147] In the first interface, each application card corresponds to a card position (hereinafter referred to as: card position). For example... Figure 5 As shown in Figure (2), the position of application card 5011 is the card slot 5011' corresponding to application card 5011. The position of application card 5012 is the card slot 5012' corresponding to application card 5012. And so on, application cards 5013, 5014, 5015 and 5016 correspond to card slots 5013', 5014', 5015' and 5016' respectively, which will not be elaborated here.

[0148] In one implementation, the electronic device can also display identification information for each application card on the first interface, allowing users to quickly identify and distinguish the application cards. Specifically, the identification information may include: the icon of the application corresponding to the application card, the text name of the application corresponding to the application card, etc. See also the example below. Figure 5As shown in (2), the icon and text name of the application "File Manager" are also displayed in the upper left corner of application card 5011. For example, the icon and text name of the application "Gallery" are also displayed in the upper left corner of application card 5012.

[0149] It should be noted that in the animation display method provided in this application embodiment, the identification information displayed on the interface can move simultaneously with the corresponding application card. For ease of description, the application card and its corresponding identification information will be treated as a whole and referred to as "application card" below.

[0150] In some embodiments, the electronic device can arrange multiple application cards in multiple rows on the first interface according to preset sorting rules and preset arrangement methods.

[0151] For example, the preset sorting rule can be based on the opening time of the application corresponding to the application card, sorting in chronological order from most recent to oldest relative to the current time. Alternatively, the preset sorting rule can be based on the exit time of the application corresponding to the application card in the foreground interface, sorting in chronological order from most recent to oldest relative to the current time. Preset arrangement methods can include counter-clockwise, clockwise, zigzag, serpentine, etc.

[0152] In one example, the electronic device arranges application cards 611, 612, ..., 619, and 620 in chronological order from the current time to the earliest time, according to the opening time of the application corresponding to each application card. When M is 2, the electronic device can arrange the sorted application cards in two rows and display them on the first interface 601.

[0153] Specifically, Figure 6 This is a schematic diagram of the arrangement of application cards provided in an embodiment of this application. In one implementation, such as... Figure 6 As shown in (1), the electronic device can arrange application cards 611, 612, ..., 619 and 620 in two rows counterclockwise 602 around the center point of the first interface 601 and display them on the first interface 601. In another implementation, as shown in... Figure 6 As shown in (2), the electronic device can also arrange application cards 611, 612, ..., 619 and 620 in two rows clockwise 603 around the center point of the first interface 601 and display them on the first interface 601. In another implementation, as shown in... Figure 6As shown in (3), the electronic device can also display application cards 611, 612, ..., 619 and 620 in two rows in a Z-shaped direction 604 on the first interface 601.

[0154] In another example, let's consider an electronic device arranging application cards 611, 612, ..., 621 and 622 in chronological order from the current time to the earliest time, according to the opening time of the application corresponding to each application card. When M is 3, the electronic device can arrange these sorted application cards in three rows and display them on the first interface 601.

[0155] Specifically, in one implementation method, such as Figure 6 As shown in (4), the electronic device can arrange application cards 611, 612, ..., 621 and 622 in a serpentine direction 605, starting with application card 611 and ending with application card 622, into three rows and display them on the first interface 601. In another implementation, as shown in... Figure 6 As shown in (5), the electronic device can also arrange application cards 611, 612, ..., 621 and 622 in a serpentine direction 606, starting with application card 622 and ending with application card 611, into three rows and display them in the first interface 601. In another implementation, as shown in... Figure 6 As shown in (6), the electronic device can also display application cards 611, 612, ..., 621 and 622 in three rows in a Z-shape direction 607 on the first interface.

[0156] It should be noted that the above-mentioned preset sorting rules and preset arrangement methods can be determined according to the screen size of the electronic device and the application card layout requirements, and this application does not impose any specific limitations on them.

[0157] In some embodiments, due to limitations in the size of the electronic device's display screen and the influence of user experience, the electronic device may display a portion of the first interface based on a preset area or a target area selected by the user. That is, the first interface may include a display area and a non-display area. Application cards in the display area may be referred to as visible application cards, and application cards in the non-display area may be referred to as invisible application cards.

[0158] For example, Figure 7 A schematic diagram of the first interface displayed by the electronic device provided in this application embodiment. Figure 2 For example, consider an electronic device displaying multiple application cards arranged in a two-row, multi-column layout. Figure 7As shown in (1), the electronic device 700 can display a portion of the first interface 701 according to a preset area. For example, the preset area can be the area containing the leftmost 8 application cards among multiple application cards arranged in a two-row, multi-column manner. The preset area can be preset according to actual application needs, and this application does not make specific limitations on it.

[0159] Electronic devices displaying such Figure 7 In the case of the first interface shown in (1), the visible application cards include: application card 711, application card 712, application card 713, application card 714, application card 721, application card 722, application card 723 and application card 724. The invisible application cards include: application card 715, application card 716, application card 717, application card 718, application card 719 and application card 720.

[0160] Furthermore, the electronic device can also display a portion of the first interface based on the target area selected by the user. For example, the user can display a portion of the first interface through a selection such as... Figure 7 In the first interface shown in (1), perform a left swipe operation to change the application card displayed in the first interface, thereby determining the target area.

[0161] For example, such as Figure 7 As shown in (2), the electronic device 700 can display a portion of the first interface 702 on the display screen according to the target area selected by the user. In this case, the visible application cards include: application card 714, application card 715, application card 716, application card 717, application card 718, application card 719, application card 720, and application card 721. The invisible application cards include: application card 711, application card 712, application card 713, application card 722, application card 723, and application card 724.

[0162] For example, users can also... Figure 7 In the first interface shown in (2), perform a right swipe operation to change the application card displayed in the first interface, thereby determining the target area.

[0163] For example, such as Figure 7 As shown in (3), the electronic device 700 can display a portion of the first interface 703 on the display screen according to the target area selected by the user. In this case, the visible application cards include: application card 712, application card 713, application card 714, application card 715, application card 720, application card 721, application card 722 and application card 723. The invisible application cards include: application card 711, application card 716, application card 717, application card 718, application card 719 and application card 724.

[0164] In this embodiment, the multiple application cards in the first interface may specifically include: a first application card, a second application card, a third application card, and a fourth application card. The second application card and the first application card are located in the first row, and the third application card and the fourth application card are located in the second row, which is adjacent to the first row.

[0165] Specifically, the first application card is the application card corresponding to the application that the user determines needs to close, i.e., the application card that needs to be deleted from the first interface. The second application card is the application card that is in the same row as the first application card (i.e., the first row) and moves within the first row to fill the application card position. The third and fourth application cards are the application cards that are in the adjacent row to the first application card (i.e., the second row) and can move within the second row to fill the application card position, or move from the second row to the first row to fill the application card position.

[0166] It should be noted that the terms "first line" and "second line" are used only to distinguish the lines describing the first and second application cards, and are not the same as the lines describing the third and fourth application cards. "First line" can be any line in the M rows, and "second line" can be the line above or below the "first line." "First line" and "second line" should not be interpreted as indicating or implying relative importance, nor should they be interpreted as indicating or implying order.

[0167] S402, In response to the deletion operation of the first application card, the electronic device moves the second application card in the first row in a first preset direction, moves the third application card in the second row in a second preset direction, and moves the fourth application card in a third preset direction.

[0168] Specifically, based on the first interface displayed on the electronic device, the user can identify the application card to be deleted (i.e., the first application card) from the first interface and input the deletion operation of the first application card into the electronic device.

[0169] In one example, the deletion operation described above could be clicking the first application card and then swiping along a preset deletion direction. For example, the preset deletion direction could be upward.

[0170] In another example, the deletion operation described above can also be performed via voice command, which may include the identification information of the first application card. For instance, assuming the first application card is the application card corresponding to email, the user can input the voice command "close email" to the electronic device to perform a deletion operation on the application card corresponding to the email.

[0171] Furthermore, in response to the deletion operation of the first application card, the electronic device moves the second application card in the first row in a first preset direction, moves the third application card in the second row in a second preset direction, and moves the fourth application card in a third preset direction. The first preset direction is opposite to the second preset direction. The third preset direction is perpendicular to the first preset direction, or vice versa. This allows for the replacement of the deleted application card with another application card, and during the movement of the second, third, and fourth application cards, the application cards do not overlap, thus preventing them from distracting the user's visual focus and improving the user experience.

[0172] It should be noted that, in this embodiment, the electronic device moves the second application card within the first row in a first preset direction. This "movement within the first row" can refer to movement within the range of the first row, or movement within a preset range centered on the first row. This preset range can be larger than the range of the first row, and can be preset according to actual application needs. Moving the third application card within the second row in a second preset direction is similar to moving it within the first row, and will not be described in detail here.

[0173] In some embodiments, the multiple application cards on the first interface further include: a fifth application card, which is located in the first row; the fifth application card and the second application card are located on either side of the first application card. The fifth application card is the application card that is in the same row as the first application card and can remain stationary. Therefore, the animation display method provided in this application embodiment further includes: in response to a deletion operation on the first application card, not moving the fifth application card. In this way, after the first application card is deleted from the first interface, the electronic device can keep the position of the fifth application card unchanged and move the second application card to fill the gap, which can avoid the user losing focus due to the movement of the fifth application card and further improve the user experience.

[0174] In some embodiments, the electronic device moves a second application card within a first row in a first preset direction, specifically including: the electronic device moving a second application card adjacent to a first application card to a first position. The first position is the position of the first application card before a deletion operation on the first application card. Thus, by moving the second application card adjacent to the first application card to the first position, the electronic device fills in the gap at the first position.

[0175] In some embodiments, where the first row also includes a second application card that is not adjacent to the first application card, the electronic device moves the second application card within the first row in a first preset direction, further comprising: the electronic device moving the second application card that is not adjacent to the first application card to the position of the preceding second application card that was adjacent to it before the deletion operation on the first application card. Wherein, the distance between the second application card that is not adjacent to the first application card and the first application card is less than the distance between the preceding second application card and the first application card that was adjacent to it before the deletion operation on the first application card. Thus, by moving the second application card that is not adjacent to the first application card to the position of the preceding adjacent second application card, the electronic device achieves the filling of the position of the preceding adjacent second application card.

[0176] In some embodiments, the electronic device moves a third application card within a second row in a second preset direction, specifically by moving the third application card adjacent to the fourth application card to a second position. The second position is the position of the fourth application card before the deletion operation on the first application card. Thus, by moving the third application card adjacent to the fourth application card to the second position, the electronic device fills in the gap at the second position.

[0177] In some embodiments, where the second row also includes a third application card that is not adjacent to the fourth application card, the electronic device moves the third application card within the second row in a second preset direction. This further includes moving the non-adjacent third application card to the position of the preceding third application card that was adjacent to it before the deletion operation on the first application card. The distance between the non-adjacent third application card and the fourth application card is less than the distance between the preceding third application card and the fourth application card that was adjacent to it before the deletion operation on the first application card. Thus, by moving the non-adjacent third application card to the position of the preceding adjacent third application card, the electronic device effectively fills in the position of the preceding adjacent third application card.

[0178] In some embodiments, the electronic device moves the fourth application card in a third preset direction, including: the electronic device moves the fourth application card to the first row. In this way, the electronic device fills the vacant position in the first row after the second application card has been moved by moving the fourth application card across rows from the second row to the first row.

[0179] In some embodiments, the aforementioned application cards can also be arranged in N columns, where N is an integer greater than or equal to 2. Therefore, the fourth application card can be located in the first column of the second row, or in the Nth column.

[0180] It should be noted that, in this embodiment, arranging multiple application cards in "columns" means arranging them vertically on the electronic device's display screen. That is, the "column" is parallel to the vertical edge of the electronic device in portrait mode, or parallel to the vertical edge in landscape mode. Here, "column 1" and "column N" indicate the arrangement order, meaning column 1 and column N are located at opposite ends of a row. Specifically, column 1 and column N can be the first and last columns of a row arranged from left to right. Alternatively, column 1 and column N can be the first and last columns of a row arranged from right to left.

[0181] In some embodiments, in response to a deletion operation on the first application card, the electronic device can remove the first application card from the first interface, i.e., not display the first application card on the first interface. Specifically, the method further includes: the electronic device moving the first application card out of the first interface in a sixth preset direction. In this way, by removing the application card corresponding to the application that the user needs to close from the first interface, the electronic device allows the user to intuitively obtain a message that the application has been closed, and prevents the user from having to delete the first application card again, thus preventing accidental deletion and improving the user experience.

[0182] In some embodiments, the sixth preset direction can be perpendicular to the first preset direction. This way, during the process of the electronic device removing the first application card from the first interface, the first application card will not overlap with other application cards in the same row, thereby preventing the user from losing focus and further improving the user experience.

[0183] The following is in conjunction with the appendix Figure 8 and attached Figure 9 Taking the arrangement of multiple application cards in two rows and N columns in the first interface of an electronic device as an example, the display process of the animation display method provided in the embodiments of this application is illustrated by way of example.

[0184] In some embodiments, when M is 2, i.e., when multiple application cards are arranged in a two-row, multi-column configuration, the first preset direction can be from right to left, the second preset direction can be from left to right, and the third preset direction can be perpendicular to the second preset direction and point towards the first row.

[0185] Specifically, Figure 8 A schematic diagram of the animation display provided in the embodiments of this application. Figure 1 ,like Figure 8As shown in Figure (1), the electronic device 800 displays a first interface 801, in which multiple application cards are arranged and displayed in a two-row, multi-column manner. The first application card is application card B. The second application cards are application cards C and D. The third application cards are application cards F, G, and H. The fourth application card is application card E. The fifth application card is application card A. Application card C is the second application card adjacent to the first application card, application card D is the second application card not adjacent to the first application card, application card F is the third application card adjacent to the fourth application card, and application cards G and H are the third application cards not adjacent to the fourth application card.

[0186] Before the electronic device responds to the deletion operation of application card B, the positions of application card B, application card C, ..., application card H are respectively: card position B', card position C', ..., card position H'.

[0187] If a user needs to close the application corresponding to application card B, they can click on application card B and drag it upwards to input the deletion operation of application card B into the electronic device.

[0188] Furthermore, in response to a deletion operation on application card B, the electronic device can remove application card B from the first interface 801. For example, as Figure 8 In the animation display process shown in (2) and (3), the electronic device can move application card B out of the first interface 801 along a sixth preset direction 803 perpendicular to the first preset direction 802. The electronic device can also keep application card A in place, that is, keep the position of application card A unchanged.

[0189] See also Figure 8As shown in (2) and (3), the electronic device can also move application card C and application card D in the first row in a first preset direction 802 (i.e., from right to left). Specifically, the electronic device can move application card C to the first position (i.e., card position B') in the left direction, and move application card D to the position (i.e., card position C') of the preceding second application card (i.e., application card C) in the left direction before the deletion operation on application card B. The electronic device can also move application card F, application card G, and application card H in the second row in a second preset direction 804 (i.e., from left to right). Specifically, the electronic device can move application card F to the second position (i.e., card position E') in the right direction, move application card G to the position (i.e., card position F') of application card F in the right direction, and move application card H to the position (i.e., card position G') of application card G in the right direction. The electronic device can also move application card E to the first row in a third preset direction 805 (i.e., perpendicular to the second preset direction 804 and pointing towards the first row). Specifically, the electronic device can move the application card E toward the card position D' in a third preset direction 805.

[0190] like Figure 8 As shown in (4), after the animation display ends, the electronic device deletes application card B from the first interface 801, moves application card C to card position B', moves application card D to card position C', moves application card E to card position D', moves application card F to card position E', moves application card G to card position F', and moves application card H to card position G'.

[0191] In this way, the electronic device can display application cards C, D, E, F, G, and H as a whole, centering on the center point of the first interface 801, and filling in the application cards counterclockwise. Furthermore, during the movement of the application cards, application cards B, ..., H will not overlap, thus preventing the user from losing focus.

[0192] In some embodiments, when M is 2, i.e., when multiple application cards are arranged in a two-row, multi-column configuration, the first preset direction can also be from left to right, the second preset direction can be from right to left, and the third preset direction can be perpendicular to the second preset direction and point towards the first row.

[0193] Specifically, Figure 9 A schematic diagram of the animation display provided in the embodiments of this application. Figure 2 ,like Figure 9As shown in Figure (1), the electronic device 900 displays a first interface 901, in which multiple application cards are arranged and displayed in a two-row, multi-column manner. The first application card is application card C. The second application cards are application card A and application card B. The third application cards are application card E, application card F, and application card G. The fourth application card is application card H. The fifth application card is application card D. Application card B is the second application card adjacent to the first application card; application card A is the second application card not adjacent to the first application card; application card G is the third application card adjacent to the fourth application card; and application cards E and F are the third application cards not adjacent to the fourth application card.

[0194] Before the electronic device responds to the deletion operation of application card B, the positions of application cards A, C, ..., H are respectively: card position A', card position C', ..., card position H'.

[0195] When a user needs to close the application corresponding to application card C, they can click on application card C and drag it upwards to input the deletion operation of application card C into the electronic device.

[0196] Furthermore, in response to a deletion operation on application card C, the electronic device can remove application card C from the first interface 901. For example, as Figure 9 In the animation display process shown in (2) and (3), the electronic device can move the application card C out of the first interface 901 along a sixth preset direction 903 perpendicular to the first preset direction 902. The electronic device can also keep the application card D in place, that is, keep the position of the application card D unchanged.

[0197] See also Figure 9As shown in (2) and (3), the electronic device can also move application card A and application card B in the first row in a first preset direction 902 (i.e., from left to right). Specifically, the electronic device can move application card B to the right towards the first position (i.e., card position C'), and move application card A to the right towards the position of the adjacent second application card (i.e., application card B) before the deletion operation on application card C (i.e., card position B'). The electronic device can also move application card E, application card F, and application card G in the second row in a second preset direction 904 (i.e., from right to left). Specifically, the electronic device can move application card G to the left towards the second position (i.e., card position H'), move application card F to the left towards the position of application card G (i.e., card position G'), and move application card E to the left towards the position of application card F (i.e., card position F'). The electronic device can also move application card H to the first row in a third preset direction 905 (i.e., perpendicular to the second preset direction 904 and pointing towards the first row). Specifically, the electronic device can move the application card H toward the card position A' in a third preset direction 905.

[0198] like Figure 9 As shown in (4), after the animation display ends, the electronic device deletes application card C from the first interface 901, moves application card B to card position C', moves application card A to card position B', moves application card H to card position A', moves application card G to card position H', moves application card F to card position G', and moves application card E to card position F'.

[0199] In this way, the electronic device can display application cards B, A, H, G, F, and E as a whole, centering on the center point of the first interface 901, and filling in the application cards in a clockwise direction. Furthermore, during the movement of the application cards, application cards A, ..., H will not overlap, thus preventing the user from losing focus.

[0200] In some embodiments, multiple application cards can be arranged in three or more rows. Taking a three-row arrangement as an example, the multiple application cards further include a sixth application card and a seventh application card. The sixth and seventh application cards are located in the third row, which is adjacent to the second row, i.e., separated from the first row. The sixth and seventh application cards are in the row separated from the first application card (i.e., the third row), and can be moved within the third row to fill in gaps, or moved from the third row to the second row to fill in gaps.

[0201] In cases where multiple application cards include a sixth application card and a seventh application card, in response to a deletion operation on the first application card, the electronic device further includes: moving the sixth application card within the third row in a fourth preset direction, and moving the seventh application card in a fifth preset direction; wherein the fourth preset direction is opposite to the second preset direction, that is, the fourth preset direction is the same as the first preset direction. The fifth preset direction is perpendicular to the fourth preset direction, or perpendicular to the second preset direction.

[0202] In this embodiment of the application, the electronic device moves the sixth application card within the third row in a fourth preset direction. The movement within the third row can be within the range of the first row or within a preset range centered on the third row.

[0203] In some embodiments, the electronic device moves a sixth application card within a third row in a fourth preset direction, specifically by moving the sixth application card adjacent to the seventh application card to a third position. The third position is the position of the seventh application card before the deletion operation on the first application card. Thus, by moving the sixth application card adjacent to the seventh application card to the third position, the electronic device fills in the third position.

[0204] In some embodiments, if the third row also includes a sixth application card that is not adjacent to the seventh application card, the electronic device moves the sixth application card within the third row in a fourth preset direction. This further includes moving the sixth application card that is not adjacent to the seventh application card to the position of the preceding sixth application card that was adjacent to it before the deletion operation on the first application card. The distance between the sixth application card that is not adjacent to the seventh application card and the seventh application card is less than the distance between the preceding sixth application card and the seventh application card that was adjacent to it before the deletion operation on the first application card. Thus, by moving the sixth application card that is not adjacent to the seventh application card to the position of the preceding adjacent sixth application card, the electronic device effectively fills in the position of the preceding adjacent sixth application card.

[0205] In some embodiments, the electronic device moves the seventh application card in a fifth preset direction, including: the electronic device moves the seventh application card to the second row. In this way, the electronic device fills the vacant position in the second row after the third application card has been moved by moving the seventh application card across rows from the third row to the second row.

[0206] In some embodiments, the seventh application card described above can be located in the first column of the third row, or in the Nth column. Here, "first column" and "Nth column" indicate the arrangement order, meaning the first and Nth columns are located at opposite ends of the third row. That is, the first and Nth columns can be the first and last columns of the third row, ordered from left to right. Alternatively, the first and Nth columns can be the first and last columns of the third row, ordered from right to left.

[0207] The following is in conjunction with the appendix Figure 10 and attached Figure 11 Taking the arrangement of multiple application cards in a three-row, N-column configuration on the first interface of an electronic device as an example, the display process of the animation display method provided in this application embodiment is illustrated by way of example.

[0208] In some embodiments, when M is 3, i.e., when multiple application cards are arranged in a three-row, multi-column configuration, the first preset direction can be from right to left, the second preset direction can be from left to right, the third preset direction can be perpendicular to the second preset direction and point to the first row, the fourth preset direction can be from right to left, and the fifth preset direction can be perpendicular to the fourth preset direction and point to the second row.

[0209] Specifically, Figure 10 A schematic diagram of the animation display provided in the embodiments of this application. Figure 3 ,like Figure 10 As shown in Figure (1), the electronic device 1000 displays a first interface 1001, in which multiple application cards are arranged and displayed in a three-row, multi-column manner. For example, the first application card is application card B. The second application cards are application cards C and D. The third application cards are application cards F, G, and H. The fourth application card is application card E. The fifth application card is application card A. The sixth application card is application card J, K, and L. The seventh application card is application card I.

[0210] In this configuration, application card C is the second application card adjacent to the first application card; application card D is the second application card not adjacent to the first application card; application card F is the third application card adjacent to the fourth application card; and application cards G and H are both third application cards not adjacent to the fourth application card. Application card J is the sixth application card adjacent to the seventh application card; and application cards K and L are both sixth application cards not adjacent to the seventh application card.

[0211] Before the electronic device responds to the deletion operation of application card B, the positions of application card B, application card C, ..., application card L are respectively: card position B', card position C', ..., card position L'.

[0212] If a user needs to close the application corresponding to application card B, they can click on application card B and drag it upwards to input the deletion operation of application card B into the electronic device.

[0213] Furthermore, in response to a deletion operation on application card B, the electronic device can remove application card B from the first interface 1001. For example, as... Figure 10 In the animation display process shown in (2) and (3), the electronic device can move application card B out of the first interface 1001 along a sixth preset direction 1003 perpendicular to the first preset direction 1002. The electronic device can also keep application card A in place, that is, keep the position of application card A unchanged.

[0214] See also Figure 10 As shown in (2) and (3), the electronic device can also move application card C and application card D in the first row in a first preset direction 1002 (i.e., from right to left). Specifically, the electronic device can move application card C to the first position (i.e., card position B') in the left direction, and move application card D to the position (i.e., card position C') of the adjacent second application card (i.e., application card C) before the deletion operation on application card B. The electronic device can also move application card F, application card G, and application card H in the second preset direction 1004 (i.e., from left to right) in the second row. Specifically, the electronic device can move application card F to the second position (i.e., card position E') in the right direction, move application card G to the position (i.e., card position F') of application card F in the right direction, and move application card H to the position (i.e., card position G') of application card G in the right direction. The electronic device can also move application card E in a third preset direction 1005 (i.e., perpendicular to the second preset direction 1004 and pointing towards the first row). Specifically, the electronic device can move application card E towards card position D' in the third preset direction 1005. The electronic device can also move application cards J, K, and L within the third row in a fourth preset direction 1006 (i.e., from right to left). Specifically, the electronic device can move application card J to the third position (i.e., card position I') in the left direction, move application card K to the position of application card J (i.e., card position J') in the left direction, and move application card L to the position of application card K (i.e., card position K') in the left direction. The electronic device can also move application card I to the second row in a fifth preset direction 1007 (i.e., perpendicular to the third preset direction 1006 and pointing towards the second row). Specifically, the electronic device can move application card I towards card position H' in the fifth preset direction 1007.

[0215] like Figure 10As shown in (4), after the animation display ends, the electronic device deletes application card B from the first interface 1001, moves application card C to card position B', moves application card D to card position C', moves application card E to card position D', moves application card F to card position E', moves application card G to card position F', moves application card H to card position G', moves application card I to card position H', moves application card J to card position I', moves application card J to card position J', and moves application card L to card position K'.

[0216] In this way, the electronic device can present application cards C, D, ..., K, and L in a serpentine pattern, filling in the gaps between the endpoint (application card L) and the starting point (application card A). Furthermore, during the movement of the application cards, application cards B, ..., L will not overlap, thus preventing the user from losing focus.

[0217] In some embodiments, when M is 3, that is, when multiple application cards are arranged in a three-row, multi-column manner. The first preset direction can also be from left to right, the second preset direction can be from right to left, the third preset direction can be perpendicular to the second preset direction and point to the first row, the fourth preset direction can be from left to right, and the fifth preset direction can be perpendicular to the fourth preset direction and point to the second row.

[0218] Specifically, Figure 11 A schematic diagram of the animation display provided in the embodiments of this application. Figure 4 ,like Figure 11 As shown in Figure (1), the electronic device 1100 displays a first interface 1101, in which multiple application cards are arranged and displayed in a three-row, multi-column manner. For example, the first application card is application card K. The second application cards are application cards I and J. The third application cards are application cards E, F, and G. The fourth application card is application card H. The fifth application card is application card L. The sixth application card is application card A, B, and C. The seventh application card is application card D.

[0219] In this configuration, application card J is the second application card adjacent to the first application card; application card I is the second application card not adjacent to the first application card; application card G is the third application card adjacent to the fourth application card; and application cards E and F are both third application cards not adjacent to the fourth application card. Application card C is the sixth application card adjacent to the seventh application card; and application cards A and B are both sixth application cards not adjacent to the seventh application card.

[0220] Before the electronic device responds to the deletion operation of application card B, the positions of application card A, application card B, ..., application card K are respectively: card position A', card position B, ..., card position K'.

[0221] When a user needs to close the application corresponding to application card K, they can click on application card K and drag it upwards to input the deletion operation of application card K into the electronic device.

[0222] Furthermore, in response to a deletion operation on application card K, the electronic device can remove application card K from the first interface 1101. For example, as Figure 11 In the animation display process shown in (2) and (3), the electronic device can move the application card K out of the first interface 1101 along a sixth preset direction 1103 perpendicular to the first preset direction 1102. The electronic device can also keep the application card L in place, that is, keep the position of the application card L unchanged.

[0223] See also Figure 11As shown in (2) and (3), the electronic device can also move application card I and application card J in the first row in a first preset direction 1102 (i.e., from left to right). Specifically, the electronic device can move application card J to the first position (i.e., card position K') in the right direction, and move application card I to the position (i.e., card position J') of the adjacent second application card (i.e., application card J) before the deletion operation on application card K. The electronic device can also move application card G, application card F, and application card E in the second preset direction 1104 (i.e., from right to left) in the second row. Specifically, the electronic device can move application card G to the second position (i.e., card position H') in the left direction, move application card F to the position (i.e., card position G') of application card G in the left direction, and move application card E to the position (i.e., card position F') of application card F in the left direction. The electronic device can also move application card H in a third preset direction 1105 (i.e., perpendicular to the second preset direction 1104 and pointing towards the first row). Specifically, the electronic device can move application card H towards card position I' in the third preset direction 1105. The electronic device can also move application cards A, B, and C within the third row in a fourth preset direction 1106 (i.e., from left to right). Specifically, the electronic device can move application card C to the third position (i.e., card position D') in a right direction, move application card B to the position of application card C (i.e., card position C') in a right direction, and move application card A to the position of application card B (i.e., card position B') in a right direction. The electronic device can also move application card D to the second row in a fifth preset direction 1107 (i.e., perpendicular to the third preset direction 1106 and pointing towards the second row). Specifically, the electronic device can move application card D towards card position E' in the fifth preset direction 1107.

[0224] like Figure 11 As shown in (4), after the animation display ends, the electronic device deletes application card K from the first interface 1101, moves application card J to card position K', moves application card I to card position J', moves application card H to card position I', moves application card G to card position H', moves application card F to card position G', moves application card E to card position F', moves application card D to card position E', moves application card C to card position D', moves application card B to card position C', and moves application card A to card position B'.

[0225] In this way, the electronic device can present application cards A, B, ..., I and J in a serpentine pattern, filling in the gaps between them from the starting point (application card A) to the ending point (application card L). Furthermore, during the movement of the application cards, application cards A, ..., K will not overlap, thus preventing the user from losing focus.

[0226] In some embodiments, when the electronic device displays a portion of the first interface, during the application card replacement process, the invisible application card will also move along with the visible application card to fill in the gaps. That is, the card position corresponding to the invisible application card will also change along with the change in the card position of the visible application card.

[0227] For example, taking M as 2, that is, multiple application cards arranged in a two-row, multi-column manner. The first preset direction can be from right to left, the second preset direction can be from left to right, and the third preset direction can be perpendicular to the second preset direction and point to the first row.

[0228] Specifically, Figure 12 A schematic diagram of the animation display provided in the embodiments of this application. Figure 5 ,like Figure 12 As shown in Figure (1), the electronic device 1200 displays a portion of a first interface 1201. Multiple application cards are arranged and displayed in a two-row, multi-column manner on the first interface 1201. For example, the first application card is application card B. The second application cards are application cards C, D, E, and F. The third application cards are application cards H, I, J, K, L, M, and N. The fourth application card is application card G. The fifth application cards are application cards A, O, and P. Application card C is the second application card adjacent to the first application card; application card D is the second application card not adjacent to the first application card; application card F is the third application card adjacent to the fourth application card; and application cards G and H are the third application cards not adjacent to the fourth application card. Application cards E, F, G, H, M, N, O, and P are invisible application cards.

[0229] Before the electronic device responds to the deletion operation of application card B, the positions of application card B, application card C, ..., application card N are respectively: card position B', card position C', ..., card position N'.

[0230] If a user needs to close the application corresponding to application card B, they can click on application card B and drag it upwards to input the deletion operation of application card B into the electronic device.

[0231] Furthermore, in response to the deletion operation of application card B, the electronic device can delete application card B from the first interface 1201. For example, as Figure 12 In the animation display process shown in (2) and (3), the electronic device can move application card B out of the first interface 1201 along a sixth preset direction 1203 perpendicular to the first preset direction 1202. The electronic device can also keep application cards A, O, and P in their original positions.

[0232] See also Figure 12 As shown in (2) and (3), the electronic device can also move application card C, application card D, application card E and application card F in the first preset direction 1202 (i.e., from right to left) within the first row. Specifically, the electronic device can move application card C to the first position (i.e., card position B') in the left direction, move application card D to the position (i.e., card position C') of the adjacent second application card (i.e., application card C) before the deletion operation on application card B in the left direction, move application card E to the position (i.e., card position D') of application card D in the left direction, and move application card F to the position (i.e., card position E') of application card E in the left direction.

[0233] The electronic device can also move application cards H, I, ..., N in the second row in a second preset direction 1204 (i.e., from left to right). Specifically, the electronic device can move application card H to the second position (i.e., card position G') in the right direction, move application card I to the position of application card H (i.e., card position H') in the right direction, move application card J to the position of application card I (i.e., card position I') in the right direction, move application card K to the position of application card J (i.e., card position J') in the right direction, move application card L to the position of application card K (i.e., card position K') in the right direction, move application card M to the position of application card L (i.e., card position L') in the right direction, and move application card N to the position of application card M (i.e., card position M') in the right direction.

[0234] The electronic device can also move the application card G to the first row in a third preset direction 1205 (i.e., perpendicular to the second preset direction 1204 and pointing towards the first row). Specifically, the electronic device can move the application card G towards card position F' in the third preset direction 1205.

[0235] like Figure 12 As shown in (4), after the animation display ends, the electronic device deletes application card B from the first interface 1201, moves application card C to card position B', application card D to card position C', application card E to card position D', application card F to card position E', application card G to card position F', application card H to card position G', application card I to card position H', application card J to card position I', application card K to card position J', application card L to card position K', application card M to card position L', and application card N to card position M'. Among them, application cards F, G, H, I, N, O, and P are invisible application cards.

[0236] In this way, the electronic device can display application cards C, D, ..., M and N as a whole, centering on the center point of the first interface 1201, and filling in the application cards counterclockwise. Furthermore, during the movement of the application cards, application cards B, ..., N will not overlap, thus preventing the user from losing focus.

[0237] In one implementation, after application card N is displayed on the first screen, when the electronic device performs card replacement again, i.e., when card position N' is empty, the electronic device can also move application card O counterclockwise to fill the gap, that is, display application card O on the first screen, so that all card positions on the first screen are filled with application cards, facilitating user browsing and improving the user experience.

[0238] As can be seen, by employing the motion display method provided in the above embodiments of this application, after the electronic device deletes the first application card from the first interface, it can move the second application card in the first row in a first preset direction, move the third application card in the second row in a second preset direction, and move the fourth application card in a third preset direction. Since the first preset direction is opposite to the second preset direction, and the third preset direction is perpendicular to the first preset direction, or vice versa, the application cards will not intersect during movement, thus preventing the user's visual focus from shifting. This achieves the goal of keeping the user's focus on the screen and improves the smoothness of the user experience.

[0239] In some embodiments, the distance by which the electronic device moves the first application card out of the first interface in a sixth preset direction perpendicular to the first preset direction is the distance from the bottom edge of the first application card to the top edge of the first interface. Specifically, the moving distance of the first application card is:

[0240] L1 = l1 + h·n + l2·(n-1);

[0241] In the formula, L1 is the moving distance of the first application card, l1 is the distance between the top edge of the first application card in the first row and the top edge of the first interface, l2 is the row spacing between two adjacent rows of application cards, h is the height of the first application card, and n is the row number of the first application card.

[0242] For example, Figure 13 A schematic diagram of the first interface displayed by the electronic device provided in this application embodiment. Figure 3 .like Figure 13 As shown in (1), when the first application card is one of application card A, application card B, application card C and application card D in the first row, the movement distance L of the first application card is... 11 for:

[0243] L 11 =l1+h·1.

[0244] If the first application card is one of application cards E, F, G, and H in the second row, the movement distance L of the first application card is... 12 for:

[0245] L 12 =l1+h·2+l2·1.

[0246] If the first application card is one of application card I, application card J, application card K, and application card L in the third row, the movement distance L of the first application card is... 13 for:

[0247] L 13 =l1+h·3+l2·2.

[0248] In some embodiments, when the electronic device moves application cards to fill in gaps, the application card is horizontally filled in its row (i.e., in the left or right direction), for example, the second, third, and sixth application cards described above. Taking the second application card as an example, the moving distance of the second application card is the sum of the width of the second application card (i.e., the width of the first application card) and the column spacing of the two adjacent columns of application cards.

[0249] When an application card moves vertically within its column (i.e., upwards or downwards), such as the fourth and seventh application cards mentioned above, the movement distance of the fourth application card is the sum of its height and the row spacing of the two adjacent rows of application cards.

[0250] For example, such as Figure 13 As shown in Figure (2), taking the first application card as application card C, the third application card as application card F, and the fourth application card as application card E as an example, the moving distance L of application card E is... 21 for:

[0251] L 21 =h+l2;

[0252] In the formula, l2 is the row spacing between two adjacent application cards, and h is the height of the fourth application card.

[0253] The distance L that the application card F moves 22 for:

[0254] L 22 =w+l3;

[0255] In the formula, l3 is the column spacing between two adjacent application cards, and w is the width of the third application card.

[0256] In some embodiments, the electronic device moves the second application card in the first row in a first preset direction, which may specifically include: after the first application card moves out of the first position, the electronic device starts to move the second application card, and / or the third application card, and / or the fourth application card.

[0257] Specifically, after the first application card moves out of its first position, the electronic device can simultaneously begin moving the second, third, and fourth application cards. Alternatively, the electronic device can first move the second and fourth application cards simultaneously, and then move the third application card at a first preset interval. Or, the electronic device can move the second, fourth, and third application cards sequentially at a second preset interval.

[0258] For example, consider an electronic device that, after the first application card is moved out of its first position, simultaneously begins moving the second, third, and fourth application cards. Figure 8As shown in Figure (2), taking application card B as an example, the electronic device can move application cards C, D, ..., G and H simultaneously after the first application card B has completely moved out of the first position (i.e., card position B'), that is, after the bottom edge of application card B has completely moved out of card position B'. In this way, the first application card will not overlap with the second, third and fourth application cards. This can prevent the first application card from overlapping with other application cards during the application card movement process, thereby improving the smoothness of the user experience.

[0259] In some embodiments, the electronic device moves the second application card in the first row in a first preset direction, which may further include: after the first application card has been completely moved out of the first interface, the electronic device starts moving the second application card.

[0260] Specifically, when the distance between the first and second application cards is small, the electronic device can begin moving the second application card only after the first application card has been completely removed from the first screen. This further ensures that the first and second application cards do not overlap.

[0261] In some embodiments, the speed at which the electronic device moves the second, third, and fourth application cards can be: constant speed, or positively correlated with the sequential size of the distance from the first application card.

[0262] Specifically, in one implementation, the electronic device can move the second, third, and fourth application cards one card position at a constant speed. This prevents the second, third, and fourth application cards from overlapping.

[0263] In another implementation, the electronic device can also determine the moving speed of the second, third, and fourth application cards based on their order of distance from the first application card. For example, regarding the moving speed of the second application card, it is positively correlated with its order of distance from the first application card. That is, the smaller the order (i.e., the smaller the distance) between the second and first application cards, the slower the second application card moves. Conversely, the larger the order (i.e., the greater the distance) between the second and first application cards, the faster the second application card moves. This creates a spring-like dragging effect when the electronic device moves the second application card, thereby improving the user's visual experience.

[0264] In some application scenarios, during the process of an electronic device removing the first application card from the first screen to delete it, the first application card may pass over other application cards (such as the third and fourth application cards in the second row), creating an overlapping area. This causes the user's focus to shift away from the first application card.

[0265] Therefore, in some embodiments, in order to highlight the first application card in the first interface so that the user's focus is on the first application card, the animation display method provided in this application embodiment further includes: when the electronic device has an overlapping area with a third application card or a fourth application card, highlighting the first application card and / or weakening the display of the overlapping application card. Wherein, the overlapping application card is a third application card that has an overlapping area with the first application card, or a fourth application card that has an overlapping area with the first application card.

[0266] Specifically, when there is overlap between the first application card and the third or fourth application card, the electronic device can highlight the first application card to keep the user's visual focus on it. Alternatively, the electronic device can reduce the display of the overlapping application cards, applying a squeezing effect to relatively highlight the first application card, thus keeping the user's attention on the first application card. Or, the electronic device can further highlight the first application card and reduce the display of the overlapping application cards. This can further enhance the difference in display effect between the first and overlapping application cards, thereby keeping the user's visual focus on it and improving the smoothness of the user experience.

[0267] In some embodiments, highlighting a first application card on an electronic device may include one or more of the following display effects: increasing the brightness value of the first application card, enlarging the size of the first application card, and setting and displaying the border of the first application card according to a preset color and a preset brightness value.

[0268] In one example, the electronic device can increase the brightness value of the first application card from an initial brightness value to a preset brightness value, thereby increasing the display brightness of the first application card. The preset brightness value is greater than the initial brightness value, and can be pre-set according to application requirements.

[0269] In another example, the electronic device can also enlarge the size of the first application card from its initial size to a first preset size, thereby increasing the display area of ​​the first application card on the first interface and allowing it to cover overlapping application cards. The first preset size is larger than the initial size of the first application card, and this first preset size can be preset according to application requirements.

[0270] In another example, the electronic device can also set and display the border of the first application card according to a preset color and a preset border brightness value, so that the border of the first application card produces a fluorescent display effect, thereby highlighting the first application card. Here, the preset brightness value is greater than the brightness value of the first application card. The preset color and preset border brightness value can be preset according to application requirements.

[0271] It should be noted that the above-mentioned electronic device can display the first application card highlighting effect individually, or two or more display effects can be displayed overlapping to further enhance the highlighting effect of the first application card.

[0272] In some embodiments, the duration of the display effect of highlighting the first application card by the electronic device can start from the time when the first application card and the overlapping application card form an overlapping area, until the overlapping area disappears.

[0273] In some embodiments, the display effect of the electronic device highlighting the first application card can be a dynamic process, that is, the range of change in the display effect of the electronic device highlighting the first application card can be related to the size of the overlapping area.

[0274] Specifically, the brightness change value of the first application card can be positively correlated with the area of ​​the overlapping region. The larger the overlapping region, the greater the brightness change value of the first application card, and the higher its brightness value, until it reaches a preset brightness value. Conversely, the smaller the overlapping region, the smaller the brightness change value of the first application card, and the lower its brightness value, until it returns to its initial brightness value.

[0275] The brightness change value of the first application card's border is also positively correlated with the area of ​​the overlapping region. Specifically, the larger the area of ​​the overlapping region, the greater the brightness change value of the first application card's border, and the greater the brightness value of the first application card's border until it reaches the preset border brightness value. The smaller the area of ​​the overlapping region, the smaller the brightness change value of the first application card's border, and the smaller the brightness value of the first application card's border until it returns to the brightness value of the first application card.

[0276] The size change of the first application card can also be positively correlated with the area of ​​the overlapping region. Specifically, the larger the area of ​​the overlapping region, the larger the size change of the first application card, and the larger the size of the first application card becomes until it reaches the first preset size. The smaller the area of ​​the overlapping region, the smaller the size change of the first application card, and the smaller the size of the first application card becomes until it returns to the initial size.

[0277] For example, Figure 14 A schematic diagram illustrating the highlighted first application card in an electronic device provided in this application embodiment, as shown below. Figure 14 As shown in (1), taking the first application card as application card F as an example, when application card F moves out of the first interface 1401 in the upward direction, the electronic device can display application card F at the initial size when there is no overlapping area between application card F and application card C.

[0278] like Figure 14 As shown in (2), as application card F moves upward, it gradually moves closer to application card C. When application card F and application card C overlap, application card C becomes the overlapping application card. The electronic device can enlarge the size of application card F to increase its display area. Figure 14 As shown in (3), as the area of ​​the overlapping region between application card F and application card C increases, the size change value of application card F can also be increased by the electronic device, that is, the size of application card F (i.e., display area) is also larger.

[0279] like Figure 14 As shown in (4), when the area of ​​the overlapping region between application card F and application card C reaches its maximum, the electronic device can increase the size change value of application card F to its maximum value so that the size of application card F reaches the preset maximum size (e.g., the first preset size mentioned above). In this case, application card F can cover application card C, thereby avoiding display interference from application card C and making application card F stand out more.

[0280] Furthermore, such as Figure 14 As shown in (5), as application card F continues to move upward, application card F gradually moves away from application card C, and the area of ​​the overlapping region between application card F and application card C also gradually decreases. The electronic device can gradually reduce the size change value of application card F, so that the size of application card F gradually shrinks from the preset maximum size.

[0281] like Figure 14 As shown in (6), as application card F moves further upward, there is no overlap between application card F and application card C. At this point, the electronic device can reduce the size change value of application card F to 0, so that the size of application card F is restored to its initial size. Finally, the electronic device displays application card F at its initial size and moves application card F out of the first interface 1401.

[0282] In some embodiments, weakening the display of overlapping application cards by electronic devices may include one or more of the following display effects: increasing the transparency of overlapping application cards, increasing the blur of overlapping application cards, decreasing the brightness value of overlapping application cards, and reducing the size of overlapping application cards.

[0283] In one example, the electronic device can increase the transparency of overlapping application cards from an initial transparency to a preset transparency, thereby increasing the transparency of the overlapping application cards. The preset transparency is greater than the initial transparency, and the preset transparency can be pre-set according to application requirements.

[0284] In another example, the electronic device can also increase the blurriness of the overlapping application cards from an initial blurriness to a preset blurriness, thereby increasing the blurriness of the overlapping application cards to blur their display. The preset blurriness is greater than the initial blurriness, and the preset blurriness can be pre-set according to application requirements.

[0285] In another example, the electronic device can also reduce the brightness of the overlapping application cards from an initial brightness value to a preset brightness value, thereby reducing the brightness of the overlapping application cards. The preset brightness value is lower than the initial brightness value, and the preset brightness value can be pre-set according to application requirements.

[0286] In another example, the electronic device can also reduce the size of the overlapping application card from its initial size to a second preset size, thereby reducing the display area of ​​the overlapping application card on the first interface and allowing it to be hidden beneath the first application card. The second preset size is smaller than the initial size of the overlapping application card, and this second preset size can be pre-set according to application requirements.

[0287] It should be noted that the display effect of the aforementioned electronic device weakening the display of overlapping application cards can be displayed individually, or two or more display effects can be displayed overlappingly to further enhance the weakening display effect of the overlapping application cards.

[0288] In some embodiments, the duration of the weakened display effect of the overlapping application card by the electronic device can start from the point where the first application card and the overlapping application card form an overlapping area, and continue until the overlapping area disappears.

[0289] In some embodiments, the display effect of the electronic device weakening the display of the overlapping application card can be a dynamic process, that is, the range of change in the display effect of the electronic device weakening the display of the overlapping application card can be related to the size of the overlapping area.

[0290] Specifically, the change in transparency of overlapping application cards is positively correlated with the area of ​​the overlapping region. The larger the overlapping region, the greater the change in transparency, and the greater the transparency of the overlapping application card until a preset transparency is reached. Conversely, the smaller the overlapping region, the smaller the change in transparency, and the smaller the transparency, until it returns to its initial transparency.

[0291] The brightness change value of overlapping application cards is positively correlated with the area of ​​the overlapping region. Specifically, the larger the overlapping region, the greater the brightness change value of the overlapping application card, and the lower the brightness of the overlapping application card until it reaches the preset brightness. Conversely, the smaller the overlapping region, the smaller the brightness change value of the overlapping application card, and the greater the brightness of the overlapping application card until it returns to the initial brightness.

[0292] The change in blurriness of an overlapping application card is positively correlated with the area of ​​the overlapping region. Specifically, the larger the area of ​​the overlapping region, the greater the change in blurriness of the overlapping application card, and the greater the blurriness of the overlapping application card until a preset blurriness is reached. Conversely, the smaller the area of ​​the overlapping region, the smaller the change in blurriness of the overlapping application card, and the smaller the blurriness of the overlapping application card until it returns to the initial blurriness.

[0293] The size change of overlapping application cards can also be positively correlated with the area of ​​the overlapping region. Specifically, the larger the area of ​​the overlapping region, the greater the size change of the overlapping application card, and the smaller the size of the overlapping application card becomes until it reaches the second preset size. The smaller the area of ​​the overlapping region, the smaller the size change of the overlapping application card, and the larger the size of the overlapping application card becomes until it returns to the initial size.

[0294] For example, consider how electronic devices weaken the display effect of overlapping application cards by increasing the blurriness and reducing the size of the display. Figure 15 This is a schematic diagram illustrating the weakened display of overlay application cards in an electronic device according to an embodiment of this application. Figure 15 As shown in (1), taking the first application card as application card F and the overlapping application card as application card C as an example, during the process of application card F moving out of the first interface 1501 in the upward direction, when there is no overlapping area between application card F and application card C, the electronic device can display application card C with the initial size and initial blur.

[0295] like Figure 15 As shown in (2), as application card F moves upward, it gradually moves closer to application card C. When application card F and application card C overlap, the electronic device can reduce the size of application card C to decrease its display area. Simultaneously, the electronic device can also increase the blurriness of application card C to blur its displayed content. For example... Figure 15 As shown in (3), as the area of ​​the overlapping region between application card F and application card C increases, the size change value of application card C can also be larger, that is, the size of application card C (i.e., the display area) is also smaller. The blur change value of application card C can also be larger, that is, the blur of application card C is also larger.

[0296] like Figure 15As shown in (4), when the overlapping area of ​​application card F and application card C reaches its maximum, the electronic device can reduce the size change value of application card C to its minimum value so that the size of application card C reaches the preset minimum size (e.g., the second preset size mentioned above). At the same time, the electronic device can also increase the blur change value of application card C to its maximum value so that the blur of application card C reaches the preset maximum blur. In this case, application card C can be covered by application card F, thereby avoiding display interference from application card C and making application card F stand out more.

[0297] Furthermore, such as Figure 15 As shown in Figure (5), as application card F continues to move upward, application card F gradually moves away from application card C, and the area of ​​the overlapping region between application card F and application card C gradually decreases. The electronic device can gradually reduce the size change value of application card C, so that the size of application card C gradually increases from the preset minimum size value. At the same time, the electronic device can gradually reduce the blur change value of application card C, so that the blur of application card C gradually decreases from the preset maximum blur value value.

[0298] like Figure 15 As shown in (6), as application card F moves further upward, there is no overlap between application card C and application card F. At this time, the electronic device can reduce the size change value of application card C to 0, so that the size of application card C is restored to its initial size. At the same time, the electronic device can reduce the blur change value of application card C to 0, so that the blur of application card C is restored to its initial blur. Finally, the electronic device displays application card C with its initial size and initial blur.

[0299] Using the animation display method provided in this application embodiment, when there is an overlapping area between the first application card and other application cards, the electronic device can further highlight the first application card and / or weaken the display of the overlapping application cards through the above method. This allows the first application card to be highlighted in the first interface, enabling the user to focus on the first application card, preventing the user's focus from shifting, and improving the user experience.

[0300] It should be noted that the animation display method provided in the above embodiments of this application is also applicable to displaying the animation as shown in the attached figure. Figure 8 -Appendix Figure 12 Appendix Figure 14 and attached Figure 15 The first interface shown is a mirror image of the previous one. The specific animation display method is the same, so it will not be described in detail here.

[0301] In some embodiments, this application also provides a motion effect display device, which may be an electronic device or a functional module in an electronic device, and the motion effect display device may be used to implement the functions of the electronic device involved in the above embodiments.

[0302] As one possible approach, Figure 16 This is a schematic diagram of the structure of the motion effect display device provided in the embodiments of this application, such as... Figure 16 As shown, the motion effect display device 1600 includes a display module 1601 and a motion effect module 1602. The display module 1601 displays a first interface. Specifically, the first interface includes multiple application cards arranged in multiple rows. The application cards include a first application card, a second application card, a third application card, and a fourth application card. The second and first application cards are in the first row, and the third and fourth application cards are in the second row, adjacent to the first row. The motion effect module 1602, in response to a deletion operation on the first application card, moves the second application card within the first row in a first preset direction, moves the third application card within the second row in a second preset direction, and moves the fourth application card within the second row in a third preset direction. The first preset direction is opposite to the second preset direction; the third preset direction is perpendicular to the first preset direction, or the third preset direction is perpendicular to the second preset direction.

[0303] This application also provides an electronic device that may include one or more processors, a memory, and a communication interface. The memory and communication interface are coupled to the processor. For example, the memory, communication interface, and processor may be coupled together via a bus.

[0304] The communication interface is used for data transmission with other devices. The memory stores computer program code. The computer program code includes computer instructions, which, when executed by the processor, cause the electronic device to perform the motion display method described in this application.

[0305] It is understood that the aforementioned electronic devices may also include, for example: Figure 2 The components shown. For example, the processor can be... Figure 9 The processor 110 in the middle can have memory that can Figure 2 The internal memory 121 or the external memory connected via the external memory interface 120 can have a communication interface that is either internal or external. Figure 2 The USB interface in the middle.

[0306] This application also provides a computer-readable storage medium storing a computer program, which, when executed by a processor, can implement the steps in the above-described method embodiments.

[0307] This application also provides a computer program product that, when run on an electronic device, enables the electronic device to perform the steps described in the various method embodiments above.

[0308] If the integrated unit is implemented as 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, all or part of the processes in the methods of the above embodiments of this application can be implemented by a computer program instructing related hardware. The computer program can be stored in a computer-readable storage medium, and when executed by a processor, it can implement the steps of the various method embodiments described above. The computer program includes computer program code, which can be in the form of source code, object code, executable files, or certain intermediate forms. The computer-readable medium can include at least: any entity or device capable of carrying the computer program code to the first device, a recording medium, a computer memory, a read-only memory (ROM), a random access memory (RAM), an electrical carrier signal, a telecommunication signal, and a software distribution medium. Examples include a USB flash drive, a portable hard drive, a magnetic disk, or an optical disk.

[0309] This application also provides a chip system that can be applied to the electronic devices described in the foregoing embodiments. For example... Figure 17 As shown, the chip system includes at least one processor 301 and at least one interface circuit 302. The processor 301 may be a processor found in the aforementioned electronic device. The processor 301 and the interface circuit 302 are interconnected via a circuit. The processor 301 can receive and execute computer instructions from the memory of the aforementioned electronic device through the interface circuit 302. When the computer instructions are executed by the processor 301, the electronic device can perform the various steps performed by the electronic device in the above embodiments. For example, it can perform steps S401-S402. The chip system may be a single chip or a chip module composed of multiple chips. The chip system may also include other discrete devices, which are not specifically limited in this application embodiment.

[0310] In the above embodiments, the descriptions of each embodiment have different focuses. For parts that are not described in detail or recorded in a certain embodiment, please refer to the relevant descriptions of other embodiments.

[0311] Those skilled in the art will recognize that the units and method steps of the various examples 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 implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art 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.

[0312] The above embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit them. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of this application, and should all be included within the protection scope of this application.

Claims

1. A method for displaying animation effects, characterized in that, Applied to electronic devices, including: The first interface is displayed, which includes multiple application cards arranged in multiple rows. The multiple application cards include: a first application card, a second application card, a third application card, and a fourth application card. The second application card and the first application card are in the first row, and the third application card and the fourth application card are in the second row. The second row is adjacent to the first row. In response to the deletion operation of the first application card, the second application card is moved in the first row in a first preset direction, the third application card is moved in the second row in a second preset direction, and the fourth application card is moved in a third preset direction; wherein the first preset direction is opposite to the second preset direction; the third preset direction is perpendicular to the first preset direction, or the third preset direction is perpendicular to the second preset direction.

2. The motion effect display method according to claim 1, characterized in that, The plurality of application cards further includes: a fifth application card, the fifth application card being located in the first row; the fifth application card and the second application card being located on either side of the first application card; the method further includes: In response to the deletion operation on the first application card, the fifth application card is not moved.

3. The motion effect display method according to claim 1 or 2, characterized in that, Prior to the deletion operation on the first application card, the first application card was located in a first position; Moving the second application card within the first row in a first preset direction includes: Move the second application card, which is adjacent to the first application card, to the first position.

4. The motion effect display method according to any one of claims 1-3, characterized in that, Moving the second application card within the first row in a first preset direction includes: Move the second application card that is not adjacent to the first application card to the position of the previous second application card that was adjacent to the first application card before the deletion operation on the first application card.

5. The motion effect display method according to any one of claims 1-4, characterized in that, Prior to the deletion operation on the first application card, the fourth application card is located in the second position; Moving the third application card within the second row in a second preset direction includes: Move the third application card, which is adjacent to the fourth application card, to the second position.

6. The motion effect display method according to any one of claims 1-5, characterized in that, Moving the third application card within the second row in a second preset direction includes: The third application card that is not adjacent to the fourth application card is moved to the position of the previous third application card that was adjacent to the first application card before the deletion operation on the first application card.

7. The motion effect display method according to any one of claims 1-6, characterized in that, Moving the fourth application card in a third preset direction includes: moving the fourth application card to the first row.

8. The motion effect display method according to any one of claims 1-7, characterized in that, The multiple application cards are also arranged in N columns, where N is an integer greater than or equal to 2; The fourth application card is located in the first column of the second row, or in the Nth column.

9. The motion effect display method according to any one of claims 1-8, characterized in that, The plurality of application cards also include: a sixth application card and a seventh application card, the sixth application card and the seventh application card being located in the third row, the third row being adjacent to the second row; The response to the deletion operation on the first application card further includes: The sixth application card is moved within the third row in a fourth preset direction, and the seventh application card is moved in a fifth preset direction; wherein the fourth preset direction is opposite to the second preset direction; the fifth preset direction is perpendicular to the fourth preset direction, or perpendicular to the second preset direction.

10. The motion effect display method according to any one of claims 1-9, characterized in that, The first preset direction is from right to left, the second preset direction is from left to right, and the third preset direction points to the first row.

11. The motion effect display method according to any one of claims 1-10, characterized in that, The response to the deletion operation on the first application card further includes: Move the first application card out of the first interface in the sixth preset direction.

12. The motion effect display method according to claim 11, characterized in that, The sixth preset direction is perpendicular to the first preset direction.

13. The motion effect display method according to any one of claims 3-12, characterized in that, The response to the deletion operation on the first application card further includes: After the first application card is moved out of the first position, the second application card, and / or the third application card, and / or the fourth application card are moved.

14. The motion effect display method according to any one of claims 1-13, characterized in that, Moving the second application card in the first row in a first preset direction, moving the third application card in the second row in a second preset direction, and moving the fourth application card in a third preset direction include: The speed at which the second, third, and fourth application cards are moved is positively correlated with their sequential distance from the first application card.

15. The motion effect display method according to claim 11 or 12, characterized in that, During the process of removing the first application card from the first interface in a sixth preset direction, the method further includes: In cases where there is an overlapping area between the first application card and the third application card, or with the fourth application card, the first application card is highlighted, and / or the overlapping application cards are weakened in display. Wherein, the overlapping application card is a third application card that has an overlapping area with the first application card, or the overlapping application card is a fourth application card that has an overlapping area with the first application card.

16. The motion effect display method according to claim 15, characterized in that, The highlighted first application card includes one or more of the following display effects: Increase the brightness value of the first application card, enlarge the size of the first application card, and set and display the border of the first application card according to a preset color and a preset border brightness value, wherein the preset border brightness value is greater than the initial brightness value of the first application card.

17. The motion effect display method according to claim 16, characterized in that, The brightness change value of the first application card is positively correlated with the area of ​​the overlapping region.

18. The motion effect display method according to claim 16, characterized in that, The size change of the first application card is positively correlated with the area of ​​the overlapping region.

19. The motion effect display method according to claim 16, characterized in that, The change in the border brightness of the first application card is positively correlated with the area of ​​the overlapping region.

20. The motion effect display method according to any one of claims 15-19, characterized in that, The weakened display of the overlapping application card includes one or more of the following display effects: Increase the transparency of the overlapping application cards, increase the blur of the overlapping application cards, decrease the brightness value of the overlapping application cards, and reduce the size of the overlapping application cards.

21. The motion effect display method according to claim 20, characterized in that, The change in transparency of the overlapping application card is positively correlated with the area of ​​the overlapping region.

22. The motion effect display method according to claim 20, characterized in that, The change in ambiguity of the overlapping application card is positively correlated with the area of ​​the overlapping region.

23. The motion effect display method according to claim 20, characterized in that, The size change of the overlapping application card is positively correlated with the area of ​​the overlapping region.

24. The motion effect display method according to claim 20, characterized in that, The brightness change value of the overlapping application card is positively correlated with the area of ​​the overlapping region.

25. An electronic device, characterized in that, include: The electronic device includes a display screen, a memory, and one or more processors, wherein the display screen, the memory, and the processors are coupled; wherein the memory stores computer program code, the computer program code including computer instructions, which, when executed by the processor, cause the electronic device to perform the method as described in any one of claims 1-24.

26. A computer-readable storage medium, characterized in that, Includes computer instructions that, when executed on an electronic device, cause the electronic device to perform the method as described in any one of claims 1-24.

27. A computer program product, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the method as described in any one of claims 1-24.

Images