Interface display method during application starting and electronic equipment

Abstract

The invention discloses an interface display method during application starting and electronic equipment, which can realize smooth and natural transition of an interface during application starting, avoid boring waiting of a user as much as possible and improve user experience. For example, the electronic equipment displays a first interface, the first interface comprises a display element, the display element is used for starting a first application, and the display element comprises a first object. And the electronic equipment receives a starting instruction, wherein the starting instruction is used for starting the first application. The electronic equipment responds to the starting instruction, the first application is started, the first object is displayed in a first dynamic effect form, and the first dynamic effect form comprises the visual effect that the first object is moved out of the display element. The electronic equipment displays a second interface in the process that the first object is displayed according to the first dynamic effect form or after the first object is displayed, and the second interface is the first interface after the first application is started.

Description

[0001] This application claims priority to Chinese Patent Application No. 202411134288.1, filed on August 16, 2024, entitled "A Method for Displaying an Interface When an Application Starts and an Electronic Device", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of terminal technology, and in particular to a method for displaying an interface when an application is launched and an electronic device. Background Technology

[0003] Generally, application startup takes a certain amount of time. Therefore, when an electronic device receives an application startup command, it cannot immediately display the application's interface but must wait for the application to start before displaying the interface. Currently, during the waiting period for the application to start, the electronic device displays a blank screen, leaving the user bored. If the application startup time is long, the blank screen will persist for a long time, severely impacting the user experience. Summary of the Invention

[0004] This application provides a method and electronic device for displaying the interface when an application starts, which enables a smooth and natural transition of the interface when the application starts, minimizing user boredom during waiting and improving user experience.

[0005] Firstly, a method for displaying an application interface upon startup is also provided, applicable to electronic devices. For example, the electronic device may be a mobile phone. For instance, the electronic device displays a first interface, which includes display elements for launching a first application, and the display elements include a first object; it also receives a startup command for launching the first application. In response to the startup command, the electronic device launches the first application and displays the first object using a first animation effect, wherein the first animation effect includes obtaining a visual effect that moves the first object out of the display elements. During or after the first object is displayed according to the first animation effect, the electronic device displays a second interface, which is the initial interface after the first application is launched.

[0006] In this embodiment, when the electronic device receives a launch command for the first application, it launches the first application, and the first object in the display element corresponding to the first application (e.g., the application icon) is displayed according to a first animation effect. For example, the user will visually see the first object move out of the display element. By using the first animation effect of the first object, the user will not be bored while waiting during the launch process of the first application, thus improving the user experience.

[0007] In one possible design, after the first object is displayed according to the first animation, the first object either appears on the second interface or disappears from the second interface. Therefore, this provides the user with the visual effect of the first object moving out of the display elements and then "entering" the second interface; alternatively, to avoid obscuring the second interface, the first object can be dedisplayed after "entering" the second interface.

[0008] In one possible design, during the process of displaying the first object using a first motion effect, the method further includes: displaying the display element, wherein the first object is not retained in the display element, or the first object in the display element is blurred or transparent.

[0009] In this embodiment of the application, taking the desktop as the first interface, when the electronic device receives the start command of the first application, it starts the first application, and the first object in the display element (e.g., application icon) corresponding to the first application on the desktop will be displayed in the form of the first animation. During the process of the first object being displayed in the form of the first animation, the display element on the desktop does not contain the first object or the first object is blurred or transparent, so as to reflect the visual effect of the first object in the display element "running away from home".

[0010] In one possible design, during the process of displaying the first object using a first motion effect, at least one of the first object's posture, shape, area, and expression changes.

[0011] In this embodiment of the application, when the electronic device receives the start command of the first application, the first object in the display element (e.g., application icon) corresponding to the first application will be displayed in the form of the first animation. During the display process, the posture, shape, area, expression and other aspects of the first object can change, which can increase the fun.

[0012] In one possible design, the first object is a preset object, a user-specified object, or an object intelligently selected by AI.

[0013] In this embodiment, when the electronic device receives a launch command from a first application, the first object in the display element (e.g., application icon) corresponding to the first application will be displayed according to a first animation effect. The first object can be a preset object, such as an object pre-configured by the first application. Alternatively, the user can specify the first object, which is more in line with user preferences and improves the user experience. Alternatively, the first object can also be an object selected by AI, which is more intelligent.

[0014] In one possible design, the display element also includes other objects besides the first object, wherein the first object is the object with the largest display area among all objects within the display element, and / or the object closest to the center point of the display element.

[0015] In this embodiment, when the electronic device receives a launch command for the first application, the largest or most centrally located object among the display elements (e.g., the application icon) corresponding to the first application will be displayed according to the first animation effect. Because the first object is large or centrally located, it is more noticeable and eye-catching when it moves out of the display elements, thus improving the user experience.

[0016] In one possible design, the second interface includes the first object.

[0017] In this embodiment, when the electronic device receives a launch command from the first application, the first object in the display element (e.g., application icon) corresponding to the first application will be displayed according to the first animation effect. Moreover, the first object is an object that exists in the initial interface after the first application is launched. Therefore, it is possible to display the visual experience of the first object moving out of the display element and then "entering" the initial interface, providing a coherent and natural transition.

[0018] In one possible design, displaying the first object using a first motion effect includes: moving the first object from a first starting position to a first ending position according to a first trajectory curve and / or a first speed curve, wherein the first starting position is located within the display element and the first ending position is located outside the display element.

[0019] In this embodiment, when the electronic device receives a launch command for a first application, a first object in the display element (e.g., application icon) corresponding to the first application moves from inside the display element to outside the display element, following a certain trajectory curve and / or speed curve. This first animation effect of the first object prevents the user from getting bored during the launch process of the first application, thus improving the user experience.

[0020] In one possible design, the first endpoint position is the first target position in the second interface.

[0021] In this embodiment of the application, when the first application is launched, it can provide the user with the visual effect of the first object moving from the display elements and then "entering" the second interface, thereby improving the user experience.

[0022] In one possible design, the first target location is a preset location or a user-specified location.

[0023] In this embodiment of the application, when the first application is launched, the user can be given a visual experience of the first object moving from the display element, then "entering" the second interface, and finally "returning" to the preset position or the user-specified position in the second interface, thereby improving the user experience.

[0024] In one possible design, the second interface includes the first object, and the first target position is the display position of the first object in the second interface.

[0025] In this embodiment of the application, when the first application is launched, the user can be presented with the visual effect of the first object moving from the display elements, then "entering" the second interface, and finally "returning" to its place in the second interface, thereby improving the user experience.

[0026] In one possible design, moving the first object from a first starting position to a first ending position according to a first trajectory curve and / or a first velocity curve includes: acquiring a motion effect display medium for the first object, wherein the motion effect display medium is a static image, a dynamic image, an image sequence, a 3D model, or a video; and moving the motion effect display medium from the first starting position to the first ending position according to the first trajectory curve and / or the first velocity curve.

[0027] In this embodiment of the application, the electronic device can use the animation display medium of the first object to demonstrate the visual effect of the first object moving out of the display elements, which is relatively convenient.

[0028] In one possible design, the first motion effect display medium can be: an image (2D image or 3D image) or a 3D model of the first object within the display element; or, a 3D image or a 3D model converted from a 2D image within the display element; or, a 3D model converted from a 3D image within the display element.

[0029] In this embodiment of the application, the electronic device can directly use the image or 3D model of the first object in the display element as the animation display medium, or use the content converted from the image of the first object in the display element as the animation display medium. Through the animation display medium, the visual effect of the first object moving out of the display element and entering the second interface is reflected.

[0030] In one possible design, before moving the motion display media from a first starting position to a first ending position according to a first trajectory curve and / or a first speed curve, the method further includes: replacing a first object within the display element with the motion display media.

[0031] In this embodiment of the application, the electronic device can replace the first object in the display element with a motion display medium, and the motion display medium can be used to show the visual effect of the first object moving out of the display element and then entering the second interface.

[0032] In one possible design, replacing the first object within the display element with the motion effect display medium includes: replacing the display element containing the first object with the display element not containing the first object, and overlaying the motion effect display medium on the display element not containing the first object.

[0033] In this embodiment of the application, the electronic device can set the first object in the display element to be invisible, and then overlay the display animation display media on the display element. The animation display media can reflect the visual effect of the first object moving out of the display element. Since the first object in the display element is set to be invisible, the visual effect of the first object "running away from home" in the display element can be reflected.

[0034] In one possible design, replacing the display element containing the first object with the display element not containing the first object includes: setting the display element containing the first object to be invisible; and displaying the display element not containing the first object at the display position of the display element containing the first object.

[0035] In this embodiment of the application, the electronic device can set the display element containing the first object to be invisible. For example, a display element without the first object can be displayed at the display position of the display element containing the first object, thereby hiding the first object in the display element. Then, a dynamic display medium can be superimposed on the display element to show the visual effect of the first object moving out of the display element. Moreover, since the first object in the display element is set to be invisible, the visual effect of the first object "running away from home" in the display element can be shown.

[0036] In one possible design, the method further includes: increasing the display area of ​​the display element excluding the first object starting from a first moment, wherein the first moment is the starting moment when the first object is displayed using a first animation effect.

[0037] In this embodiment of the application, when the electronic device receives the start command of the first application, it can enlarge the area of ​​the first corresponding display element and remove the first object from the enlarged display element so that the user can see the removal process of the first object more clearly and improve the user experience.

[0038] In one possible design, the first object moves to the first target position before, after, or simultaneously with the display of the second interface.

[0039] In this embodiment, when the electronic device receives a launch command from a first application, a first object in the display element (e.g., application icon) corresponding to the first application moves out of the display element and then moves to a first target position within the second interface. The second interface of the first application appears simultaneously with, before, or after the first object moves to the first target position. In short, the user visually sees an object (e.g., a cat) move out of the display element (e.g., application icon) and then enter the second interface, making the interface transition during application launch smooth and natural, thus improving the user experience.

[0040] In one possible design, the first object stops moving when it reaches the first target position.

[0041] In this embodiment of the application, when the electronic device receives the start command of the first application, the first object in the display element (e.g., application icon) corresponding to the first application will be moved out of the display element and then moved to the display position of the first object in the second interface. When it moves to the display position of the first object in the second interface, it can stop moving, so as to reflect the visual effect that the first object moved out of the display element is "returned" to the first object in the second interface.

[0042] In one possible design, after the first object moves to the first target position, the method further includes: canceling the display of the first object that has moved to the first target position.

[0043] In this embodiment of the application, when the electronic device receives the start command of the first application, the first object in the display element (e.g., application icon) corresponding to the first application will be removed from the display element and then moved to the display position of the first object in the second interface. After moving to the display position of the first object in the second interface, the first object removed from the display element can be canceled to avoid obstructing the second interface and affecting the user's business processing in the second interface.

[0044] In one possible design, canceling the display of the first object after it has moved to the first target position includes: automatically canceling the display of the first object within a first time period after the first object has moved to the first target position; or, canceling the display of the first object when a user operation is received instructing the user to switch the second interface to another interface.

[0045] In this embodiment of the application, when the electronic device receives the start command of the first application, the first object in the display element (e.g., application icon) corresponding to the first application will be removed from the display element and then moved to the display position of the first object in the second interface. After moving to the display position of the first object in the second interface, the first object removed from the display element can be automatically de-displayed or the first object removed from the display element can be de-displayed when an operation to open other interfaces is received, so as to avoid obstructing the interface.

[0046] In one possible design, the display element further includes a second object; the method further includes: displaying the second object using a third animation effect during the launch of the first application.

[0047] In this embodiment of the application, when the electronic device receives the launch command of the first application, different objects in the display elements (e.g., application icon) corresponding to the first application can be displayed in different animation forms to alleviate the user's boredom while waiting for the first application to start.

[0048] In one possible design, the third motion effect includes achieving a visual effect that removes the second object from the display element.

[0049] In this embodiment of the application, when the electronic device receives the launch command of the first application, different objects in the display elements (e.g., application icons) corresponding to the first application can be removed from the display elements respectively, which increases the interest and alleviates the user's boredom while waiting for the first application to start.

[0050] In one possible design, the third motion effect form differs from at least one of the endpoint position, trajectory curve, and velocity curve of the first motion effect form.

[0051] In this embodiment of the application, when the electronic device receives the start command of the first application, different objects in the display elements (e.g., application icon) corresponding to the first application can be removed from the display elements respectively, and the trajectory curves, speed curves and endpoint positions of the different objects can be different to increase interest and alleviate the user's boredom while waiting for the first application to start.

[0052] In one possible design, displaying the second interface includes: displaying the second interface in full screen; or, displaying the second interface within a floating window; or, displaying the second interface within one of multiple areas in a split-screen mode.

[0053] In this embodiment of the application, when the electronic device receives the launch command of the first application, the interface of the first application may be displayed in a floating window, split screen, or full screen. Regardless of the display method, the first object in the display element (e.g., application icon) corresponding to the first application will move out of the display element and enter the interface of the first application, so that the interface switching during the launch of the first application has a smooth and natural transition experience.

[0054] In one possible design, the method further includes: displaying application interface animation effects, the application interface animation effects including one of the following: displaying the second interface with a first area, and the area of ​​the second interface gradually increases until the second interface fills the display area of ​​the second interface, and / or displaying the second interface with a first transparency, and the transparency of the second interface gradually decreases until the second interface is fully displayed; or, displaying a preset image corresponding to the second interface with a first area, and the area of ​​the preset image gradually increases, and when the preset image fills the display area of ​​the second interface, replacing the preset image with the second interface.

[0055] In this embodiment of the application, when the electronic device launches the first application, the second interface of the first application can be gradually opened. For example, the second interface can be gradually enlarged to full screen or gradually revealed. Through this interface animation effect, the abruptness of switching directly from the first interface to the second interface is reduced, making the interface switching natural and smooth.

[0056] In one possible design, after the first object is displayed using the first animation effect, the application interface animation effect is displayed after a second duration.

[0057] In this embodiment of the application, when the electronic device receives the start command of the first application, it first displays the object in the form of a first animation effect. After a second period of time, the second interface of the first application is opened using the application interface animation effect. On the one hand, the first animation effect of the first object makes the process of waiting for the second interface less boring for the user. On the other hand, the second interface is opened gradually, making the interface switching natural and smooth.

[0058] In one possible design, the third duration is the sum of the second duration and the fourth duration, wherein the third duration is the duration for which the first object is displayed using the first animation effect, and the fourth duration is the duration for which the application interface animation effect is displayed.

[0059] In this embodiment, when the electronic device receives the launch command of the first application, it first displays the object using a first animation effect. After a second duration, it opens the second interface of the first application using an application interface animation effect. Moreover, the first animation effect and the application interface animation effect can stop simultaneously. On the one hand, the first animation effect of the first object makes the process of waiting for the second interface less boring for the user. On the other hand, the second interface opens gradually, reflecting a smooth visual experience. Furthermore, the application interface is fully displayed at the same time as the first object moves to the first target position, which is just the right time and provides a good user experience.

[0060] In one possible design, the second, third, and fourth durations can all be preset durations. For example, the second, third, and fourth durations can all be durations pre-configured by the operating system of the first application or electronic device.

[0061] In one possible design, the method further includes: receiving a return instruction while displaying a third interface of the first application, the return instruction indicating a return to the first interface, wherein the third interface is the second interface or another interface of the first application; in response to the return instruction, displaying the first object using a second motion effect during the return to the first interface, the second motion effect including obtaining a visual effect of moving the first object back to the display element.

[0062] In this embodiment, when the electronic device returns from the interface of the first application to the desktop, the first object can be displayed using a second animation effect, demonstrating the visual effect of the first object moving back into the display element of the first application. Therefore, through the technical solution provided in this embodiment, when the first application starts, the first object moves out of the display element and then enters the first interface of the first application; when returning from the interface of the first application to the desktop, the first object moves back into the display element, achieving the integrity of the animation effect of the first object.

[0063] In one possible design, before displaying the first object using the second animation effect, the method further includes: shrinking the display of the third interface; when the third interface is shrunk to a preset area, superimposing the first object for displaying the animation effect at a second starting position, and displaying the first object using the second animation effect, wherein the second starting position is located on the shrunk third interface.

[0064] In this embodiment of the application, the electronic device can first shrink the interface of the first application, then overlay the first object on the shrunken interface, and display the first object in the form of a second animation effect to reflect the visual effect of the first object moving back into the display element.

[0065] In one possible design, displaying the first object using a second motion effect includes: moving the first object from the second starting position to the second target position according to a second trajectory curve and / or a second speed curve, wherein the second target position is located within the display element.

[0066] In this embodiment of the application, the electronic device can first shrink the interface of the first application, then overlay the first object on the shrunken interface, and display the first object in a second animation form, such as the first object moving out from the second starting position to the second ending position, so as to reflect the visual effect of the first object moving back into the display element.

[0067] In one possible design, during the process of displaying the first object using the second motion effect, at least one of the first object's posture, shape, area, and expression changes.

[0068] In this embodiment of the application, the electronic device can first shrink the interface of the first application, then overlay the first object on the shrunken interface, and display the first object in the form of a second animation effect. During the display process, the posture, shape, area, expression, etc. of the first object can change to increase the fun.

[0069] In one possible design, when returning to the first interface, the area of ​​the display element within the first interface is increased; when the first object is moved back behind the display element, the area of ​​the display element is reduced.

[0070] In this embodiment of the application, when the electronic device returns to the desktop, the display element area of ​​the first application on the desktop increases to reflect the visual effect of "welcoming" the "return" of the first object. After the first object moves back into the display element, the display element area decreases to reflect the visual effect that the first object has "returned", thereby improving the interactive experience.

[0071] In one possible design, after returning to the first interface, the first application switches to the background. The method further includes: receiving a first operation on the display element; responding to the first operation, displaying the first object using a fourth animation effect, wherein the fourth animation effect includes obtaining a visual effect that moves the first object out of the display element, wherein the duration of the fourth animation effect is less than the duration of the first animation effect; displaying a fourth interface during or after the first object is displayed according to the fourth animation effect, the fourth interface being the interface displayed before the first application switches to the background.

[0072] In this embodiment of the application, after the first application is switched to the background, if the first application is restarted, it is considered a "hot start". Considering that the duration of the "hot start" is relatively short, the electronic device uses a fourth animation effect to display the first object during the "hot start". The duration of the fourth animation effect is shorter than that of the first animation effect during the "cold start" in order to avoid the animation duration being too long and delaying the user's use of the first application.

[0073] In one possible design, the method further includes: in response to a second operation, switching the first application to the background and displaying the interface of another application in the foreground; receiving a return instruction, the return instruction indicating a return from the interface of the other application to the first interface; displaying the first interface, the first interface including the display element, the display element not including the first object, or the first object in the display element being blurred or transparent.

[0074] In this embodiment of the application, if the electronic device switches from the interface of the first application to the interface of another application (i.e., the first application is switched to the background), and then returns from the interface of the other application to the first interface (e.g., the desktop), a return without animation effect is adopted. That is, after returning to the first interface, the first interface includes the display element corresponding to the first application (e.g., the application icon), but the display element does not contain the first object or the first object is blurred or transparent, so as to prompt the user that the first application has been switched to the background.

[0075] In one possible design, the method further includes: after exiting the first application, the first object appears within the display element, or the first object within the display element changes from a blurred or transparent display to a normal display.

[0076] In this embodiment, if the electronic device switches from the interface of the first application to the interface of another application (i.e., the first application switches to the background), and then returns from the interface of the other application to the first interface (e.g., the desktop), a no-animation return method is used. That is, after returning to the first interface, the first interface includes the display element corresponding to the first application (e.g., the application icon), but the display element does not contain the first object, or the first object is blurred or transparent, to indicate to the user that the first application has been switched to the background. After the first application exits, the first object appears in the display element in the first interface, or the first object is displayed normally, so that when the user restarts the first application, an animation-based startup method can be used, that is, the first object is displayed using the first animation effect.

[0077] Secondly, an electronic device is also provided, comprising:

[0078] Processor, memory, and one or more programs;

[0079] The one or more programs are stored in the memory, and the one or more programs include instructions that, when executed by the processor, cause the electronic device to perform the method provided in the first aspect above.

[0080] Thirdly, an electronic device is also provided, including modules / units for performing the methods corresponding to any of the designs in the first aspect above. These modules / units can be implemented in hardware or by hardware executing corresponding software.

[0081] Fourthly, a computer-readable storage medium is also provided for storing a computer program that, when run on a computer, causes the computer to perform the method provided in the first aspect above.

[0082] Fifthly, a computer program product is also provided, comprising a computer program that, when run on a computer, causes the computer to perform the method provided in the first aspect above.

[0083] In a sixth aspect, a chip is also provided, which is coupled to a memory in an electronic device for calling a computer program stored in the memory and executing the technical solution provided in the first aspect of the embodiments of this application. In the embodiments of this application, "coupling" means that two components are directly or indirectly combined with each other.

[0084] In a seventh aspect, a chip system is also provided, the chip system including a processing circuit and a storage medium, the storage medium storing instructions; when the instructions are executed by the processing circuit, the method provided in the first aspect above is implemented.

[0085] For the technical effects that can be achieved in the second to seventh aspects mentioned above, please refer to the description of the technical effects that can be achieved by the corresponding design scheme in the first aspect mentioned above. This application will not repeat them here. Attached Figure Description

[0086] Figure 1 A schematic diagram of an application startup process provided in an embodiment of this application;

[0087] Figures 2A to 2D Another schematic diagram of the application startup process provided in an embodiment of this application;

[0088] Figures 3A to 3E A schematic diagram illustrating the application returning to the desktop according to an embodiment of this application;

[0089] Figures 4A to 4D Another schematic diagram of the application startup process provided in an embodiment of this application;

[0090] Figure 4EA flowchart illustrating the application startup process provided in an embodiment of this application;

[0091] Figures 5A to 5E Another schematic diagram illustrating the application returning to the desktop according to an embodiment of this application;

[0092] Figure 5F A flowchart illustrating the process of returning to the desktop according to an embodiment of this application;

[0093] Figures 6A to 6B Another schematic diagram illustrating the application returning to the desktop according to an embodiment of this application;

[0094] Figure 7 Another schematic diagram illustrating the application returning to the desktop according to an embodiment of this application;

[0095] Figures 8A to 8C Another schematic diagram of the application startup process provided in an embodiment of this application;

[0096] Figure 8D A schematic diagram of the automotive application startup process provided in an embodiment of this application;

[0097] Figure 8E A schematic diagram illustrating the return to the desktop from a car application according to an embodiment of this application;

[0098] Figure 8F A schematic diagram of an electronic device provided in an embodiment of this application;

[0099] Figures 9A to 9B A flowchart illustrating the application startup process provided in an embodiment of this application;

[0100] Figures 10A to 10B A flowchart illustrating the application startup process provided in an embodiment of this application;

[0101] Figure 11 Another schematic diagram of an electronic device provided in an embodiment of this application;

[0102] Figure 12 This is another schematic diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0103] The following explanations of some terms used in the embodiments of this application are provided to facilitate understanding by those skilled in the art.

[0104] The embodiments of this application involve at least one, including one or more; where "multiple" means two or more. Furthermore, it should be understood that in the description of this specification, terms such as "first," "second," and "third" are used only for descriptive purposes and should not be construed as indicating relative importance or order. For example, "first interface" and "second interface" do not represent their relative importance or order, but are merely for descriptive distinction. In the embodiments of this application, "and / or" merely describes an association relationship, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, and B alone. Additionally, the character " / " in this document generally indicates that the preceding and following related objects have an "or" relationship.

[0105] The directional terms mentioned in the embodiments of this application, such as "up", "down", "left", "right", "inner", and "outer", are only for reference to the directions in the accompanying drawings. Therefore, the directional terms used are for better and clearer explanation and understanding of the embodiments of this application, and are not intended to indicate or imply that the device or element referred to must have a specific orientation, or be constructed and operated in a specific orientation. Therefore, they should not be construed as limitations on the embodiments of this application.

[0106] References to "one embodiment," "in some examples," or "some embodiments" as described in the embodiments of this application mean that one or more embodiments of this specification include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in some examples," "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized.

[0107] The technical solutions provided in this application can be applied to electronic devices. An electronic device can be any device with a display screen. For example, an electronic device can be a mobile phone, tablet computer, laptop computer, personal computer (PC), ultra-mobile personal computer (UMPC), netbook, personal digital assistant (PDA), or other portable devices; or it can be a wearable device such as a watch or bracelet; or it can be a furniture device such as a television set; or it can be an in-vehicle device; or it can be a virtual reality (VR) device, augmented reality (AR) device, mixed reality (MR) device, etc. In short, this application does not limit the specific type of electronic device. The operating system of the electronic device can be Android. System, HarmonyOS system, system, system, system, system, system, Any operating system, including the system itself.

[0108] To meet diverse user needs, electronic devices may include one or more applications (APPs). These applications can be various types, such as instant messaging applications, games, shopping applications, video playback applications, audio playback applications, short video applications, and image capture applications. For example, instant messaging applications may include: telephone, SMS, and mobile messaging services. Etc. Gaming applications can include: single-player games, online games, single-player games, multiplayer games, etc. Shopping applications can include: Video playback applications can include: Huawei Video, etc. Audio playback applications can include: Huawei Music, etc. Short video applications can include: Image capture applications can include camera apps or other third-party camera apps. Optionally, applications on an electronic device can be system applications or third-party applications. Therefore, users can launch the corresponding application according to their needs and then use its various functions. As mentioned earlier, application startup takes a certain amount of time, so when the electronic device receives the application startup command, it cannot immediately display the application's interface but instead displays a white screen, waiting for the application to start before displaying its interface. During the period when the electronic device displays a white screen, the user can only wait idly, resulting in a poor user experience.

[0109] To avoid the negative impact of a blank screen on user experience, one solution is to display the application's splash screen while the device is waiting for the application to launch. This splash screen can include at least one display element such as an image, video, text, icon, or button. After the application launches, the device displays the application's interface (e.g., the homepage). For example, ... Figure 1 In (a), the electronic device displays a desktop. The desktop includes one or more icons, including icon 100. Taking the game application corresponding to icon 100 as an example, when the electronic device receives an operation on icon 100, the game application is launched in the background and displayed in the foreground as shown below. Figure 1 The splash screen in (b) is an example. The splash screen includes the text "XX Game, welcome." Compared to a blank screen, a splash screen can reduce user boredom to some extent. After the application launches, the splash screen is hidden from view, and the application's interface is displayed in the foreground, for example, showing... Figure 1 The interface shown in (c) can be the application's home screen.

[0110] exist Figure 1 As shown in the application startup process, when the electronic device receives the application's launch command, it displays a startup screen, which reduces user boredom compared to a blank screen. Optionally, each application's startup screen can be different; for example, each application can have its own unique startup screen. A startup screen can also be called a launch page, transition page, or other names. However, it should be noted that in... Figure 1 The application startup process shown involves at least two interface transitions, for example, from... Figure 1 Switching the desktop in (a) Figure 1 When the startup screen in (b) appears, there is a screen transition; from Figure 1 The startup screen in (b) switches to Figure 1 When users visit the homepage of application (c), there is also a sudden interface transition. This transition can feel abrupt and jarring to users, negatively impacting the user experience.

[0111] To reduce the number of interface transitions, this application provides a method for displaying an application interface upon startup. In this method, an electronic device displays a first interface (e.g., a desktop). The first interface includes display elements (e.g., an icon of the first application) for launching a first application. These display elements include a first object, which will be described later. When the electronic device receives a startup command for the first application, it launches the first application and displays the first object using a first animation effect. For example, the first animation effect may include a visual effect that moves the first object out of the display element. The specific implementation of the first animation effect will be described later. During or after the first object is displayed according to the first animation effect, the electronic device displays a second interface, which may be, for example, the homepage of the first application. In this process, the electronic device launches the first application from the first interface (e.g., the desktop), resulting in only one interface transition—switching from the first interface to the second interface of the first application. Compared to… Figure 1 The solution shown reduces one interface transition. Furthermore, in the technical solution of this application embodiment, during the transition from the first interface to the second interface of the first application, the animation effect of the first object makes the interface transition less abrupt, more vivid and interesting, thus improving the user experience.

[0112] In this embodiment, the first interface can be various interfaces such as a desktop, a negative one screen, a sidebar, a drop-down menu, or a swipe-up control center. For ease of understanding, the following embodiments mainly use the desktop as an example of the first interface. The first interface includes display elements for launching a first application. The display elements can be the application icon, application card, or other forms of display elements of the first application. For ease of understanding, the following embodiments mainly use the application icon of the first application as an example of the display element.

[0113] The following text continues with the first application: Figure 1 Taking the game application shown as an example, this application illustrates the application scenarios of the technical solution provided in this embodiment. The application scenarios provided in this embodiment can include two types: first, the application launch scenario; second, the return to the desktop scenario. These two application scenarios are described below.

[0114] The first application scenario is the application startup scenario. Application startup scenarios can include... Figures 2A to 2D .

[0115] like Figure 2A (a) The electronic device displays a desktop. The desktop includes icon 100. Icon 100 corresponds to a game application. Icon 100 includes a first object (e.g., a cat). When the electronic device receives an action on icon 100, the application starts in the background, and the foreground displays as shown. Figure 2A(b) The interface in which the first object is displayed using a first animation effect, such as the first object moving out of icon 100. Optionally, after moving out of icon 100, the first object can move towards a first endpoint position, which will be explained later. Optionally, during the movement, at least one of the following can change: the size, shape, posture, and expression of the first object. For example, as shown... Figure 2A (c) The size of the first object gradually increases, and it can also have changes in posture, such as rotating or jumping. During or after the first object is displayed using the first motion effect, the electronic device opens the game application's homepage, for example... Figure 2A (d) is the interface. It should be noted that the game application's homepage is displayed below the first object removed from icon 100; that is, the first object removed from icon 100 will partially obscure the content of the homepage. One possible approach is that the homepage itself includes the first object. The first object removed from icon 100 can move towards the display position of the first object on the homepage (i.e., the first endpoint position), demonstrating the visual effect of the first object being removed from icon 100, then moving its position, and finally "entering" the homepage and "returning" to its original position as the first object on the homepage. In other words, Figure 2A In (d), the first object removed from icon 100 is also under another first object (which is the first object contained in the homepage itself and is now obscured).

[0116] It should be noted that, as Figure 2A (b) and Figure 2A (c) After the first object is removed from icon 100, icon 100 does not contain the first object, or icon 100 contains the first object but the first object is blurred or transparent, reflecting the visual effect that the first object in icon 100 has "run away from home".

[0117] Please compare. Figure 1 and Figure 2A .exist Figure 1 In the middle, it requires two interface transitions from the desktop to the application's home screen; Figure 2A In this system, the transition from the desktop to the application's home screen only requires one screen jump. Moreover, due to the animation effect of the first object within the icon 100, the transition from the desktop to the application's home screen is not too abrupt, but rather natural and smooth, which helps to improve the user experience.

[0118] exist Figure 2AIn one embodiment, the first object is removed from icon 100. Considering that if the area of ​​icon 100 is small, the process of the first object being removed from icon 100 may not be well displayed, making it difficult for the user to clearly see the details of the object's removal, in other embodiments, the electronic device can increase the area of ​​icon 100 and then remove the first object from the increased-area icon 100. For example, as... Figure 2B (a) The electronic device displays a desktop. The desktop includes icon 100. Icon 100 corresponds to a game application. Icon 100 includes a first object (e.g., a cat). When the electronic device receives an action on icon 100, the application starts in the background, and the foreground displays as shown. Figure 2B In the interface shown in (b), the area of ​​icon 100 is enlarged. Optionally, to ensure overall desktop compatibility, when the area of ​​icon 100 is enlarged, the areas of other icons on the desktop besides icon 100 can be reduced to highlight icon 100. After the area of ​​icon 100 is enlarged, the first object is displayed using the first animation effect, for example, the first object moves out of the enlarged icon 100, such as... Figure 2B (c) In this way, users can clearly see the process of the first object being moved out, resulting in a better user experience. Optionally, after the first object is moved out of icon 100, it can move towards the first endpoint position, which will be explained later. Optionally, during the movement, at least one of the following can change: the size, shape, posture, and expression of the first object. For example, as... Figure 2B (d) After the first object moves out of icon 100, its size gradually increases, and it can also change its posture, such as rotating or jumping. During or after the first object is displayed using the first animation effect, the electronic device opens the game application's homepage, for example... Figure 2B (e) interface.

[0119] exist Figure 2A and Figure 2B In the example, after the game application launches, the electronic device switches directly from the desktop to the application's home screen. This direct switch can feel abrupt. To mitigate this abruptness, in other embodiments, the electronic device can gradually open the application's home screen from the desktop. For example, the electronic device can display an application launch animation to demonstrate the gradual opening of the application's home screen from the desktop. Optionally, the application launch animation can include the following two types:

[0120] Application launch animation 1: The application homepage gradually enlarges until it is displayed in full screen.

[0121] For example, such as Figure 2C(a) The electronic device displays a desktop. The desktop includes icon 100. Icon 100 corresponds to a game application. Icon 100 includes a first object (e.g., a cat). When the electronic device receives an action on icon 100, the application starts in the background, and the foreground displays as shown. Figure 2C In the interface shown in (b), the area of ​​icon 100 increases. After the area of ​​icon 100 increases, the first object is displayed using the first animation effect, for example, the first object moves out of the enlarged icon 100, such as... Figure 2C (c) During the display of the first object according to the first animation, the electronic device displays the application homepage at the display position of icon 100, such as... Figure 2C (d) The application's homepage is represented using a grayscale image. Electronic devices can gradually zoom in on the application's homepage until it reaches full screen, such as... Figure 2C (e). Optional, Figure 2C In (d), when the application homepage area is small, the homepage can have a certain degree of transparency. As the area increases, the transparency gradually decreases, reflecting the effect of the application homepage gradually appearing from nothing. Therefore, Figure 2C From the user's perspective, the application's homepage gradually zooms in to full screen, so the transition from the desktop to the application's homepage is smooth and natural, resulting in a good user experience.

[0122] Application launch animation 2: The application homepage gradually appears, and the desktop gradually fades out.

[0123] For example, such as Figure 2D (a) The electronic device displays a desktop. The desktop includes icon 100. Icon 100 corresponds to a game application. Icon 100 includes a first object (e.g., a cat). When the electronic device receives an action on icon 100, the application starts in the background, and the foreground displays as shown. Figure 2D In the interface shown in (b), the area of ​​icon 100 increases. After the area of ​​icon 100 increases, the first object is displayed using the first animation effect, for example, the first object moves out of the enlarged icon 100, such as... Figure 2D (c) As the first object is displayed according to the first animation effect, the desktop gradually fades out, such as... Figure 2D (c) The application homepage gradually appears, such as... Figure 2D (d) During the process of "fading out of the desktop" and "app homepage gradually appearing," the first object removed from icon 100 is displayed at the top, such as... Figure 2D (e) The application homepage is now fully displayed, and the first object removed from icon 300 (e.g., the cat) overlaps the application homepage, for example, appearing at the location where the first object would normally be displayed on the application homepage. Therefore, Figure 2DFrom the user's perspective, the application's homepage gradually appears, so the transition from the desktop to the application's homepage is smooth and natural, resulting in a good user experience.

[0124] As shown in the examples above, in the first application scenario (i.e., the application startup scenario), there are two types of animation effects: the first is the first animation effect corresponding to the first object (e.g., moving out of the icon); the second is the application interface startup animation corresponding to the application homepage (e.g., gradually enlarging, gradually appearing, etc.). The implementation principles of these two types of animation effects will be explained later.

[0125] The second application scenario is returning to the desktop. Returning to the desktop can include... Figures 3A to 3E .

[0126] For example, such as Figure 3A (a) The electronic device displays the interface of a game application. This interface can be the application's homepage or another interface of the application. Taking the application's homepage as an example, the upper layer of the homepage includes a first object, which is a first object removed from icon 100. If the electronic device receives an operation to return to the desktop, the first object is displayed using a second animation effect. For example, the second animation effect includes obtaining a visual effect of moving the first object back to icon 100 on the desktop. For example, as... Figure 3A (a) The first object begins to be displayed using the second motion effect, such as starting to move. Optionally, during the movement, at least one of the first object's size, shape, posture, and expression can change. While the first object is being displayed using the second motion effect, the electronic device returns to the desktop, such as... Figure 3A (b) Upon returning to the desktop, the desktop includes icon 100, but icon 100 does not contain the first object; or, icon 100 contains the first object, but the first object is blurred or transparent. For example... Figure 3A In (b) and (c), the area of ​​the first object gradually decreases and moves towards icon 100. For example... Figure 3A (d) The first object moves back inside icon 100. Therefore, Figure 3A During the process of returning to the desktop, after switching from the application interface to the desktop, the first object will "enter" the desktop and eventually "return" to icon 100 on the desktop.

[0127] Combination Figure 2A and Figure 3A As we can see, when the application launches, the first object moves out of icon 100, then "enters" the application's home screen and "returns" to its original position on the home screen. When returning to the desktop, the first object "enters" the desktop from the application interface and then "returns" to icon 100 on the desktop. Simply put, the first object "leaving" from icon 100 corresponds to the application launching, and the first object "returning" to icon 100 corresponds to returning to the desktop, providing the user with a complete user experience.

[0128] As mentioned earlier, the electronic device can increase the area of ​​icon 100, and then move the first object out of the increased-area icon 100. In this case, to ensure consistency, when the electronic device returns to the desktop, the icon 100 on the desktop can be in an increased-area state, and the first object moves to the increased-area icon 100. For example, as... Figure 3B (a) The first object is displayed using the second animation effect, such as starting to move. While the first object is being displayed using the second animation effect, the user returns to the desktop, as shown below. Figure 3B (b) The desktop includes icon 100, and icon 100 is in an enlarged state. In this case, icon 100 may not contain the first object, or it may contain the first object but the first object is blurred or transparent. For example... Figure 3B (c) The first object gradually moves towards icon 100. This is understandable. Figure 3B In (c), icon 100 is enlarged, and the first object moves towards icon 100, creating the visual effect of icon 100 "welcoming" the first object. For example... Figure 3B (d) The first object moves inside icon 100, and the area of ​​icon 100 shrinks. It should be understood that after the area of ​​icon 100 shrinks, the area of ​​other icons on the desktop, excluding icon 100, can be increased to ensure the aesthetics of the interface.

[0129] exist Figure 3A and Figure 3B In one example, the electronic device returns directly to the desktop from the application interface, which can feel abrupt. To mitigate this abruptness, in other embodiments, the electronic device can gradually return to the desktop from the application interface. For example, the electronic device can display an application interface exit animation to demonstrate the gradual return to the desktop. Optionally, the application interface exit animation can include the following two types.

[0130] Application exit animation 1: The application interface gradually shrinks until it disappears.

[0131] For example, such as Figure 3C (a) The electronic device displays the interface of a game application, the upper layer of which includes a first object that moves out of icon 100. When the electronic device receives an operation to return to the desktop, the first object is displayed according to a second animation effect, and the interface of the game application gradually shrinks, as shown... Figure 3C (b) The application interface is represented using a grayscale image. For example... Figure 3C (c) The application interface disappears completely. For example... Figure 3C (d) The first object returns to icon 100. Therefore, Figure 3CFrom the user's perspective, the application interface gradually disappears, so the transition from the application interface to the desktop is smooth and provides a good user experience.

[0132] Application exit animation 2: The application interface gradually fades out, and the desktop gradually appears.

[0133] For example, such as Figure 3D (a) The electronic device displays the interface of a game application, the upper layer of which includes a first object that moves out of icon 100. When the electronic device receives an operation to return to the desktop, the first object is displayed according to a second animation effect, and the interface of the game application gradually fades out, such as... Figure 3D (b) The desktop gradually appears, as... Figure 3D (c) During the process of "the game application interface gradually fading out" and "the desktop gradually appearing," the first object is displayed on top, such as... Figure 3D (d) The desktop is fully displayed, and the first object returns to inside icon 100. Therefore, Figure 3D From the user's perspective, the application interface gradually disappears, so the transition from the application interface to the desktop is smooth and provides a good user experience.

[0134] As shown in the examples above, in the second application scenario (i.e., the return to the desktop scenario), there are two types of animation effects: the first is the second animation effect corresponding to the first object (e.g., moving back into the icon); the second is the application interface exit animation corresponding to the application interface (e.g., gradually shrinking, gradually fading out, etc.). The implementation principles of these two animation effects will be explained later.

[0135] exist Figure 3C In the example, the second motion effect of the first object is independent of the scaling of the application interface. In other embodiments, the second motion effect of the first object can be consistent with the scaling of the application interface. For example, as... Figure 3E (a) An electronic device displays the interface of a game application, the upper layer of which includes a first object that moves out of icon 100. When the electronic device receives an operation to return to the desktop, the first object is displayed according to a second animation effect, and the application interface gradually shrinks. During the display of the first object according to the second animation effect, it remains within the application interface. For example, as... Figure 3E (b) The first object remains within the application interface. For example... Figure 3E (c) The first object and the application interface move synchronously toward icon 100. When the application interface shrinks to a certain extent (e.g., shrinks to the size of icon 100), the application interface disappears, and the first object enters the interior of icon 100, as shown below. Figure 3E (d)

[0136] It should be noted that the above two application scenarios mainly take game applications as examples. It should be understood that the methods provided in the embodiments of this application can also be used for other applications, such as instant messaging applications, audio playback applications, video playback applications, shopping applications, etc.

[0137] The following section, with reference to the accompanying diagram, explains the implementation principle of the first application scenario (i.e., the application startup scenario). This implementation principle can be applied to the preceding text. Figures 2A to 2D The application launch scenario. As mentioned above, the first application scenario includes two types of animation effects: the first is the first animation effect form corresponding to the first object (e.g., moving out of the icon); the second is the application interface launch animation effect corresponding to the application home page (e.g., gradually enlarging, gradually appearing, etc.). The implementation principles of these two animation effects are explained below.

[0138] I. The first animation form corresponding to the first object

[0139] For example, such as Figure 4A (a) The electronic device displays a first interface (e.g., a desktop). The first interface includes an icon 300. Icon 300 corresponds to a first application. The first application can be any application listed above, for example, it can be a game application in the first application scenario mentioned above. Icon 300 includes a first object (e.g., a circle). When the electronic device receives an operation on icon 300, it launches the first application and displays the first object using a first animation effect, such as... Figure 4A (b) Figure 4A (c) and Figure 4A (d)

[0140] To facilitate understanding, let's first describe the first object in icon 300. As an example, the first object can be a preset object. For instance, the first object is a pre-configured object of a first application. For example, the application package of the first application includes startup resources, which contain information about the first object, such as its type and image. Taking an image of the first object included in the startup resources (referred to as image A) as an example, the electronic device can determine the first object among the various objects in icon 300 based on image A. Taking a type of the first object included in the startup resources (referred to as type A) as an example, the electronic device can identify the type of each object in icon 300 (e.g., through image recognition technology), and then determine the first object among the various objects in icon 300 based on type A. As another example, the first object can be a user-specified object. There are various ways for a user to specify the first object. For example, a user can specify the first object in the settings application of the electronic device, or they can specify the first object within a certain interface of the first application. Of course, other methods can also be used to specify the first object, which is not limited in this embodiment. As yet another example, the first object can also be an object determined based on the display area and / or display position of each object in icon 300. For example, the first object is the object occupying the largest area in icon 300 or the object centered in the center. As another example, the first object can be an object contained within the interface of the first application (e.g., the homepage). That is, the first object is an object that exists in both the icon 300 of the first application and the homepage of the first application. One possibility is that the homepage and icon are configured during the development of the first application, and both the homepage and the icon include a common object, namely the first object. As yet another example, icon 300 can include foreground and background objects, and the first object can be the foreground object in icon 300. As yet another example, the first object can also be an object selected by Artificial Intelligence (AI). For example, an electronic device may integrate AI technology, which can be used to select the first object within icon 300. The AI ​​technology can be, for example, a neural network or others, without limitation. Optionally, the first object selected by AI can be a preset object, a user-specified object, the object with the largest area, the object centered in the center, the foreground object, etc., without limitation.

[0141] In this embodiment of the application, the electronic device may display the first object using a first motion effect. For example, the first motion effect may include: the first object moving from a first starting position to a first ending position.

[0142] The first starting position can be understood as the location from which the first object begins to move. For example, the first starting position could be within icon 300. Alternatively, the first starting position could be the display position of the first object within icon 300. As mentioned earlier, the icon can be enlarged before the first object moves out of it (e.g., Figure 2B ) or not amplified ((e.g., Figure 2A If the icon is not enlarged, meaning the first object moves out of the original icon (the unenlarged icon), then the first starting position can be within the original icon. If the icon is enlarged, meaning the first object moves out of the enlarged icon, then the first starting position is within the enlarged icon.

[0143] The first endpoint position can be understood as the location to which the first object moves. For example, the first endpoint position can be outside icon 300. For example, the first endpoint position can be the first target position within the application's homepage. As an example, the first target position can be a preset position. For example, the first target position is a pre-configured position of the first application. For example, the application package of the first application includes startup resources, and the startup resources include the first target position of the first object. As another example, the first target position can be a user-specified position. There are multiple ways for the user to specify the first target position. For example, the user can specify the first target position in the settings application of the electronic device, or the user can specify the first target position within a certain interface of the first application. Of course, the first target position can also be specified in other ways, which are not limited in this application embodiment. As yet another example, the application homepage includes a first object, and the first target position can be the display position of the first object on the homepage. For example, as... Figure 4A (d) After the first application is launched, the electronic device displays a second interface (e.g., the homepage). The second interface itself includes the first object, and the first object is displayed at a first target position within the second interface. The first object, which is removed from icon 300, moves to the first target position (the display position of the first object on the homepage), demonstrating the visual effect of the first object being removed from icon 100, then "entering" the homepage, and "returning" to its original position on the homepage. Of course, the first target position can also be other positions, such as positions that obstruct the homepage less, or blank areas within the homepage. This article mainly uses the example of the first target position being the display position of the first object on the homepage for illustration.

[0144] Optionally, the movement of the first object from the first starting position to the first ending position may include: the first object moving from the first starting position to the first ending position according to a first trajectory curve and / or a first velocity curve. The first trajectory curve can be understood as the trajectory formed by the first object moving from the first starting position to the first ending position; it can be a straight line or a curve, for example, a Bézier curve. Optionally, the Bézier curve can be a second-order Bézier curve. The first velocity curve can be understood as the relationship between the movement speed and time during the movement of the first object from the first starting position to the first ending position; it can be uniform movement or variable speed movement, without limitation. As an example, the first trajectory curve and / or the first velocity curve may be preset; for example, the first trajectory curve and / or the first velocity curve may be pre-configured by the operating system of the first application or electronic device. Taking the first application pre-configuration as an example, for instance, the application package of the first application includes startup resources, and the startup resources include the first trajectory curve and / or the first velocity curve of the first object. As yet another example, the first trajectory curve and / or the first velocity curve may also be specified by the user, and the method of specification is not limited.

[0145] In some embodiments, during the process of an electronic device displaying a first object using a first motion effect, the first object may undergo morphological changes. Morphological changes may include at least one change in size, shape, posture, or expression. Size changes may include changes in area / body size. Posture changes may include changes in movement, such as from a lying position to a standing position, from standing to walking, rotating, or jumping. Expression changes may include from closed eyes to open eyes, from smiling to being angry, etc. It is understood that the morphological changes may differ depending on the type of the first object. For example, when the first object is a geometric shape (e.g., a circle), the morphological changes may include changes in size and shape. When the first object is an animal or a person, the morphological changes may include changes in size, posture, and expression.

[0146] The implementation principle of the first animation effect form is explained below. In the embodiments of this application, the first animation effect form can be a one-piece animation effect or a segmented animation effect, which will be described separately below.

[0147] 1. Integrated motion effects

[0148] A unified animation effect can be understood as the movement of a first object from a first starting position to a first ending position, corresponding to a complete animation effect. One possible implementation is that the electronic device can acquire the startup animation display medium of the first object and move the startup animation display medium from the first starting position to the first ending position according to a first trajectory curve and / or a first speed curve. Therefore, the movement process of the startup animation display medium of the first object demonstrates the visual effect of the first object moving from the first starting position to the first ending position according to the first trajectory curve and / or the first speed curve. In this method, the startup animation display medium of the first object needs to move from the first starting position to the first ending position. Therefore, the electronic device needs to display the startup animation display medium of the first object at the first starting position. As mentioned above, the first starting position is located within icon 300. Before displaying the startup animation display medium of the first object at the first starting position, the electronic device can first process the first object in icon 300. The processing methods can include the following two.

[0149] Method 1: Hide the first object in icon 300.

[0150] Optionally, the hiding method may include setting the first object to be invisible. Besides the first object, icon 300 may also include other objects; only the first object in icon 300 can be set to invisible, while other objects remain visible. One possible method is for the electronic device to replace icon 300 containing the first object with icon 300 not containing the first object. It should be noted that icon 300 not containing the first object is identical to icon 300 containing the first object, except for the first object itself. For example, the electronic device sets icon 300 containing the first object to be invisible and displays icon 300 not containing the first object in the display position of icon 300 containing the first object. Another possible method is for the electronic device to overlay an image on top of icon 300 containing the first object, covering only the first object and not other objects, thus making the first object invisible. Yet another possible method is for the electronic device to separate the first object from icon 300 and then delete the separated first object. For methods of separating the first object, please refer to Method Two below.

[0151] Method 2: Separate the first object in icon 300.

[0152] It should be noted that icon 300 can be either a 2D icon or a 3D icon, and will be explained in two different ways.

[0153] Scenario 1: Icon 300 is a 2D icon. That is, icon 300 includes a 2D image. In this case, separating the first object from icon 300 can be done in several ways. Method A: Icon 300 includes a 2D image of the first object, and this 2D image is an independent image. For example, icon 300 is composed of superimposed 2D images of multiple objects, where each object's 2D image is independent. In this case, the electronic device can separate the 2D image of the first object from icon 300. Method B: Icon 300 includes a 2D image of the first object, but this 2D image is not an independent image. For example, icon 300 is a complete 2D image, and the first object is located within a local area of ​​this complete 2D image. In this case, the electronic device can extract the 2D image of the first object (actually an image block) from the complete image. It should be understood that after the first object is extracted, an empty area will appear in icon 300. Optionally, the electronic device can fill this area; the filling method is not limited. For example, the background of icon 300 (other areas besides the first object) can be used to fill it.

[0154] Scenario 2: Icon 300 is a 3D icon. One possible scenario is that icon 300 includes a 3D image. In this case, separating the first object from icon 300 can include several methods. Method A: Icon 300 includes a 3D image of the first object, and this 3D image is an independent image. For example, icon 300 is composed of 3D images of multiple objects, where each object's 3D image is independent. In this case, the electronic device can separate the 3D image of the first object from icon 300. Method B: Icon 300 includes a 3D image of the first object, but this 3D image is not an independent image. For example, icon 300 is a complete 3D image, and the first object is located within a local area of ​​this complete 3D image. In this case, the electronic device can extract the 3D image of the first object (actually a 3D image block) from the complete image. Another possible scenario is that icon 300 includes a 3D model. In this case, separating the first object from icon 300 can include several methods. Method A: Icon 300 includes a 3D model of a first object, and this 3D model is an independent model. For example, icon 300 is composed of 3D models of multiple objects, where each object's 3D model is independent. In this case, the electronic device can separate the 3D model of the first object from icon 300. Method B: Icon 300 includes a 3D model of a first object, but this 3D model is not an independent model. For example, icon 300 is a complete 3D model, and the first object is located at a local position on this complete 3D model. In this case, the electronic device can extract the 3D model of the first object (actually a 3D model block) from the complete model.

[0155] Therefore, in the second method described above, separating the first object from the icon 300 by the electronic device may include: separating the image or 3D model of the first object from the icon 300. The image of the first object may be a 2D image or a 3D image.

[0156] After processing (hiding or separating) the first object in icon 300, the electronic device can display the launch animation display media of the first object at the first starting position. Understandably, the electronic device needs to acquire the launch animation display media of the first object beforehand. Optionally, the acquisition method may include at least one of the following two methods.

[0157] In Method A, the startup animation display media for the first object is readily available, such as media pre-stored in the electronic device. For example, the startup animation display media for the first object is pre-configured by the first application or the operating system of the electronic device. Taking the pre-configuration of the first application as an example, the application package of the first application includes startup resources, and the startup resources include the startup animation display media for the first object. For ease of understanding, the startup resources are shown in Table 1 below. Therefore, the electronic device can obtain the startup animation display media for the first object from the startup resources.

[0158] Table 1: Startup Resources

[0159] object Startup animation resources First object The first object's startup animation display media

[0160] Method B: The startup animation display medium for the first object is obtained based on the first object within icon 300. In this method, the startup animation display medium for the first object does not have to be readily available; for example, it can be temporarily generated based on the first object within icon 300. Of course, it can also be readily available, without limitation. Taking the example that the startup animation display medium for the first object is temporarily generated based on the first object within icon 300, the electronic device can extract the image or 3D model of the first object from icon 300 (see above for the extraction method), and obtain the startup animation display medium for the first object based on the extracted image or 3D model.

[0161] One possible approach is for the electronic device to directly use the extracted image or 3D model of the first object as the medium for displaying the initial animation of the first object. The image of the first object can be either a 2D or 3D image.

[0162] Another possible approach is for the electronic device to convert the image of the separated first object and use the converted content as the launch animation display medium for the first object. As mentioned earlier, the image of the separated first object can be a 2D image or a 3D image. Taking a 2D image as an example, the conversion method could be to convert the 2D image to a 3D image and use the 3D image as the launch animation display medium for the first object. Alternatively, the conversion method could be to convert the 2D image to a 3D image, then convert the 3D image to a 3D model, and use the 3D model as the launch animation display medium for the first object. Another possible method could be to directly convert the 2D image to a 3D model and use the 3D model as the launch animation display medium for the first object. Taking a 3D image as an example, the conversion method could be to convert the 3D image to a 3D model and use the 3D model as the launch animation display medium for the first object.

[0163] It should be noted that there is a difference between Method A and Method B: In Method A, the launch animation display medium for the first object is pre-stored, so the content contained within the launch animation display medium is not necessarily the first object within icon 300. For example, the first object within icon 300 might be a car logo, but the launch animation display medium for that first object might contain a car image or car model (this example will be discussed later). Figure 8D and Figure 8E (Displayed), meaning the content contained within the startup animation display medium is not the first object (i.e., the car logo) within icon 300. In method B, since the startup animation display medium for the first object is obtained based on the first object within icon 300, the startup animation display medium must contain either the first object within icon 300 or content converted from the first object of icon 300.

[0164] The above lists two methods for an electronic device to acquire the startup animation display media of the first object. Other methods are also possible and are not limited to these two. After acquiring the startup animation display media of the first object, the electronic device can display the startup animation display media of the first object at the first starting position.

[0165] Taking the electronic device using method A to obtain the startup animation display medium of the first object as an example, there are two cases: (a) and (b). (a) If the electronic device hides the first object in icon 300 using method one, then the electronic device can display the startup animation display medium of the first object at the first starting position by overlaying it on top of icon 300 (where the first object has been hidden). For example, after replacing icon 300 containing the first object with icon 300 that does not contain the first object, the electronic device can overlay the startup animation display medium of the first object on top of icon 300 that does not contain the first object. For example, the overlay position of the startup animation display medium of the first object can be the original display position of the first object in icon 300 (icon 300 that does not contain the first object). (b) If the electronic device separates the first object in icon 300 using method two, the electronic device can replace the separated first object with the startup animation display medium of the first object. As mentioned earlier, when an electronic device separates the first object from icon 300, it means separating the image (2D or 3D image) or 3D model of the first object from icon 300. Therefore, the separated image or 3D model of the first object can be replaced with the startup animation display media of the first object. For example, the replacement method could be to hide the image or 3D model of the separated first object and then overlay the startup animation display media of the first object at the display position of the first object.

[0166] Taking the electronic device using method B to obtain the startup animation display medium of the first object as an example, there are two cases: (a) and (b). (a) If the electronic device hides the first object in icon 300 using method one described above, then the electronic device displays the startup animation display medium of the first object at the first starting position. This can include: displaying the startup animation display medium of the first object on top of icon 300 (where the first object has been hidden). For example, the overlay position of the startup animation display medium of the first object can be the original display position of the first object in icon 300 (icon 300 excluding the first object). (b) If the electronic device separates the first object in icon 300 using method two, the electronic device can directly use the separated first object as the startup animation display medium of the first object or transform the separated first object, and use the transformed content as the startup animation display medium of the first object. Please refer to the previous text for the implementation principle.

[0167] After the electronic device displays the startup animation display media of the first object, the startup animation display media can be moved from the first starting position to the first ending position according to the first trajectory curve and / or the first speed curve. Please refer to the previous description for information on the first trajectory curve, the first speed curve, the first starting position, and the first ending position. It should be noted that the startup animation display media of the first object can be various forms of media such as static images, dynamic images, image sequences, 3D models, or videos. Taking video as an example, the size of the video can change during the movement from the first starting position to the first ending position. For example, the size of the video can gradually increase from the first starting position, and then continue to increase while moving to show the visual effect of the size change of the first object. As mentioned earlier, the first starting position is located within icon 300, so the video's size increase starting from the first starting position can reflect the visual effect of the first object "overflowing" from icon 300, improving the user experience.

[0168] II. Segmented animation effects

[0169] Segmented animation effects can be understood as the movement of a first object from a first starting position to a first ending position, corresponding to multiple animation effects. For example, the movement of the first object from the first starting position to position 'a' corresponds to one animation effect, and the movement from position 'a' to the first ending position corresponds to another animation effect. Position 'a' can be any position between the first starting position and the first ending position. For example, position 'a' could be a position outside icon 300, close to icon 300. Therefore, the animation effect of the first object moving from the first starting position to position 'a' can demonstrate the visual effect of the first object moving out of icon 300, and the animation effect of the first object moving from position 'a' to the first ending position can demonstrate the visual effect of the first object moving towards the first ending position after moving out of icon 300. Therefore, segmented animation effects will be explained in two parts below: the first part is the animation effect of the first object moving out of icon 300; the second part is the animation effect of the first object after moving out of icon 300.

[0170] The first part of the animation effect describes the process of the first object moving out of icon 300. As mentioned earlier, the process of the first object moving out of icon 300 is the process of the first object moving from the first starting position to position a. One possible approach is that the electronic device can acquire the startup animation display medium a of the first object and move the startup animation display medium a from the first starting position to position a according to the trajectory curve a and / or speed curve a. In this approach, the startup animation display medium a of the first object needs to move from the first starting position to position a. Therefore, the electronic device needs to display the startup animation display medium a of the first object at the first starting position. As mentioned earlier, the first starting position is located within icon 300. Before the electronic device displays the startup animation display medium a of the first object at the first starting position, it can first process the first object in icon 300, for example, by hiding the first object in icon 300 or separating the first object in icon 300. Please refer to the previous description for the hiding and separating methods.

[0171] After processing (hiding or separating) the first object in icon 300, the electronic device can display the startup animation display media 'a' of the first object at the first starting position. It is understood that the electronic device needs to obtain the startup animation display media 'a' of the first object beforehand. The acquisition method can include method A and method B, as described above. Taking method A as an example, the startup animation display media 'a' of the first object is readily available; for example, the application package of the first application includes startup resources, and these startup resources include the startup animation display media 'a' of the first object. For ease of understanding, startup resources are shown in Table 2 below. Therefore, the electronic device can obtain the startup animation display media 'a' of the first object from the startup resources.

[0172] Table 2: Startup Resources

[0173]

[0174] After acquiring the startup animation display medium 'a' of the first object, the electronic device can display the startup animation display medium 'a' of the first object at the first starting position, as explained above. After displaying the startup animation display medium 'a' of the first object, the electronic device can move the startup animation display medium 'a' from the first starting position to position 'a' according to the trajectory curve 'a' and / or the speed curve 'a'.

[0175] The second part of the animation effect describes the process after the first object moves out of icon 300. As mentioned earlier, when the first object moves out of icon 300, it moves to position a outside of icon 300. In other words, the second part of the animation effect is the movement of the first object from position a towards the first endpoint position. One possible approach is that the electronic device can acquire the startup animation display medium b of the first object and move it from position a towards the first endpoint position according to trajectory curve b and / or speed curve b. In this approach, the startup animation display medium b of the first object needs to move from position a to the first endpoint position. Therefore, the electronic device needs to display the startup animation display medium b of the first object at position a. As mentioned earlier, since the startup animation display medium a of the first object has moved to position a, displaying the startup animation display medium b of the first object at position a can include replacing startup animation display medium a with startup animation display medium b. It is understood that before this, the electronic device needs to acquire the startup animation display medium b of the first object, for example, based on startup resources (e.g., Table 2 above). Optionally, to ensure continuity, the first frame of the startup animation display media a can be continuous with the first frame of the startup animation display media b. For example, the content of the first frame of startup animation display media a can be identical to that of the first frame of startup animation display media b, so that the user is unaware of the replacement process. This segmented animation effect can achieve a "beat-match" visual effect. For example, when startup animation display media a is replaced by startup animation display media b, because the content of the first frame is the same, a "beat-match" visual effect will be achieved for the first object at position a.

[0176] In the above embodiment, when the electronic device receives the launch command of the first application, it displays the first object in icon 300 using a first animation effect. It is understood that, in addition to the first object, icon 300 also includes other objects, such as a second object. The electronic device can also display the second object using a third animation effect. For example, the third animation effect could include a visual effect that removes the second object from icon 300. The principle of the second object is the same as that of the first object. For example, the second object could be a preset object, a user-specified object, an AI-selected object, an object determined based on the display area of ​​each object within icon 300, an object determined based on the display position of each object within icon 300, an object contained in the homepage of the first application, etc., which will not be repeated here. The third animation effect can be the same as or different from the first animation effect. Taking the difference between the third and first animation effects as an example, the third animation effect might differ from the first animation effect in at least one of the endpoint position, trajectory curve, or speed curve.

[0177] The above text is based on Figure 4A Taking this as an example, the two implementation methods of the first type of motion effect (integrated motion effect and segmented motion effect) are illustrated. It should be noted that... Figure 4A In this embodiment, icon 300 has a relatively small area. Considering that if icon 300 is too small, the process of the first object being removed from icon 300 might not be clearly displayed, making it difficult for the user to see the details of the object's removal, in some embodiments, the electronic device can increase the area of ​​icon 300 to remove the first object from the enlarged icon 300. For example, please refer to... Figure 4B (a) The electronic device displays a desktop. The desktop includes an icon 300. Icon 300 corresponds to a first application. Icon 300 includes a first object (e.g., a circle). When the electronic device receives an operation on icon 300, it displays as shown below. Figure 4B The interface shown in (b) includes icon 400. Icon 400 is larger than icon 300. Optionally, to ensure overall desktop compatibility, when icon 400 is larger, the areas of other icons on the desktop can be reduced to highlight icon 400. Optionally, icon 400 and icon 300 can be the same or different. For example, both icon 300 and icon 400 can be 2D icons. Or, icon 300 can be a 2D icon, and icon 400 can be a 3D icon. Figure 4B (c) The first object is displayed using a first animation effect, for example, the first object moves out of icon 400 and moves towards the first endpoint position, such as... Figure 4B (d) and (e).

[0178] As mentioned earlier, the electronic device processes (hides or separates) the first object within icon 300. Taking hiding the first object within icon 300 as an example, one possible approach is to first increase the area of ​​icon 300 containing the first object, then replace it with an icon 300 that does not contain the first object (with an increased area), and then overlay the animated display media of the first object on top of the icon 300 that does not contain the first object. In short, this method's process is: enlarge -> replace -> overlay. The "replace" and "overlay" operations can be performed simultaneously to avoid the user noticing the first object disappearing if "replace" is performed first and then "overlay." A variation of the aforementioned method is to directly replace the icon 300 containing the first object with an icon 300 that has already been enlarged, and then overlay the animated display media of the first object on top of the icon 300 that does not contain the first object. In short, this method's process is: replace -> overlay. The "replace" and "overlay" operations can be performed simultaneously. Another possible approach is to temporarily not increase the area of ​​the icon 300 containing the first object, but instead replace it with an icon 300 that does not contain the first object and whose area remains unchanged. Then, overlay the animated display media of the first object on top of the icon 300 that does not contain the first object, and increase the area of ​​the icon 300 that does not contain the first object. In short, the process is: replacement -> overlay -> enlargement. "Replacement" and "overlay" can be performed simultaneously. It should be noted that in this approach, "overlay" comes first, and "enlargement" comes later. One possible scenario is that the start time of the animated display media for the first object is equal to the enlargement time of the icon 300 (excluding the first object). For example, assuming that the area of ​​the icon 300 (excluding the first object) increases from the first moment, then the start time of the animated display media for the first object is the first moment; that is, the animated display media for the first object begins to appear simultaneously with the enlargement of the icon 300 (excluding the first object).

[0179] II. Application Launch Animation for the First Application

[0180] It is understood that during or after the first object is displayed using the first animation effect, the electronic device displays a second interface (e.g., a homepage) of the first application. In some embodiments, the electronic device can switch directly from the first interface (e.g., the desktop) to the second interface of the first application, such as... Figure 4A (d) or Figure 4B (e) In other embodiments, the electronic device may gradually open a second interface of the first application from a first interface. For example, the electronic device may display an application interface startup animation to demonstrate the process of gradually opening the second interface of the first application from the first interface. Optionally, the application interface startup animation may include the following two types.

[0181] Application launch animation 1: The second interface of the first application gradually enlarges until it is displayed in full screen.

[0182] For example, such as Figure 4C (a) The electronic device displays a first interface (e.g., a desktop). The first interface includes an icon 300. When the electronic device receives an operation on the icon 300, it displays as shown below. Figure 4C The interface shown in (b) includes icon 400. Figure 4C (c) The first object is displayed using the first animation effect, for example, the first object moves out of icon 400. Figure 4C (d) The electronic device displays a second interface (e.g., the homepage) of the first application. At this point, the second interface has a smaller area and is represented using a grayscale image. One possible approach is that the initial display position of the second interface of the first application is the same as the display position of icon 400, and the initial display area can be equal to the area of ​​icon 400. The second interface of the first application then gradually enlarges until it is displayed in full screen, such as... Figure 4C (e). It should be understood that if icon 300 is not enlarged to icon 400, then the initial display position of the second interface of the first application is the display position of icon 300, and the initial area can be equal to the area of ​​icon 300.

[0183] Optional, Figure 4C In (d), the area occupied by the second interface (i.e., the area occupied by the grayscale image) may or may not display the second interface. For example, it may display a preset image corresponding to the second interface, which could be a black screen, a white screen, a grayscale image, or a screenshot of the second interface. Taking the display of a screenshot of the second interface as an example, the electronic device can replace the screenshot with the second interface when it is zoomed in to full screen; of course, it can also replace it with the second interface during the zooming process. It is understood that the screenshot of the second interface has the same content as the second interface, so when the screenshot is replaced with the second interface, a smooth transition of the interface can be ensured, and there is no impact on the user experience.

[0184] As mentioned earlier, the second interface can contain the first object. In this case, the screenshot of the second interface may or may not contain the first object. Taking the absence of the first object as an example, the content in the screenshot is the same as all other content in the second interface except for the first object. In this way, during the screenshot zoom-in process, since there is no first object in the screenshot, while the first object in icon 300 is being displayed according to the first animation method, there is only one first object on the entire screen, which can avoid the screen clutter caused by two first objects appearing on the screen.

[0185] Optionally, when the area of ​​the second interface is small, the second interface can have a certain degree of transparency. As the area increases, the transparency of the second interface decreases, reflecting the effect of gradually appearing from nothing.

[0186] It should be noted that, in Figure 4C In (d), the second interface of the first application has appeared. Although its area is still small, the electronic device can determine the location of the first target based on the second interface. For example, if the screenshot of the second interface includes the first object, the electronic device can determine the location of the first object in the screenshot mapped to the full-screen location, which is the first target location. Assuming the screenshot of the second interface does not include the first object, the location of the blank area within the screenshot mapped to the full-screen location is determined, which is the first target location.

[0187] Application interface startup animation 2: The second interface of the first application gradually appears, while the first interface gradually fades out.

[0188] For example, such as Figure 4D (a) The electronic device displays a first interface (e.g., a desktop). The first interface includes an icon 300. When the electronic device receives an operation on the icon 300, it displays as shown below. Figure 4D The interface shown in (b) includes icon 400. Figure 4D (c) The first object is displayed using the first animation effect, for example, the first object moves out of icon 400. Figure 4D (c) The first screen gradually fades out. For example... Figure 4D (d) The second interface of the first application (e.g., the homepage) gradually appears. For example... Figure 4D (e) The second interface has been fully displayed.

[0189] The process of the first interface gradually fading out can include gradually increasing its transparency until it becomes completely transparent. The process of the second interface gradually appearing can include gradually decreasing its transparency until it becomes fully visible. Optionally, the fading out of the first interface and the gradual appearance of the second interface can occur simultaneously, or the second interface can appear only after the first interface has completely faded out. During the fading out of the first interface and the gradual appearance of the second interface, the first object removed from icon 400 is displayed at the top.

[0190] The above embodiments illustrate the implementation principles of the two animation effects present in the first application scenario (i.e., the application startup scenario). The two animation effects include: 1. A first animation effect form corresponding to the first object; 2. An application interface startup animation effect corresponding to the second interface of the first application. The relationship between these two animation effects is explained below.

[0191] For example, such as Figure 4EAfter receiving a click on the icon, the electronic device enlarges the icon and then performs two animation effects:

[0192] The first type is the first animation form of the first object, such as the animation of the foreground object (i.e. the first object) within the launch icon. For example, an electronic device can display the launch animation of the foreground object to reflect the visual effect of the foreground object "overflowing" the icon, and the position can be moved after the foreground object "overflows" the icon.

[0193] The second type is application interface startup animation. For example, the electronic device switches the enlarged icon to the application home page. The initial area of ​​the application home page can be equal to the area of ​​the enlarged icon, and the initial position can be the display position of the enlarged icon. Visually, the application home page covers the enlarged icon, and the application home page gradually enlarges until it is full screen.

[0194] The two animation effects mentioned above can be performed simultaneously. For example, the first object that "overflows" from the icon moves to the display position of the first object on the application's home screen. When the home screen is zoomed to full screen, the first object that "overflows" from the icon "returns" to the first object on the home screen.

[0195] It is understandable that both of the above animation effects will last for a certain duration; that is, the first animation effect will last for a certain duration, and the application interface startup animation will also last for a certain duration. For ease of understanding, the following assumptions are made:

[0196] Assumption 1: The start time of the first motion effect is T1, and the end time is T2. The start time is the time when the first object starts moving from the first starting position, and the end time is the time when the first object moves to the first ending position.

[0197] Assumption 2: The start time of the application interface launch animation is T3, and the end time is T4. The start time is the moment when the application homepage begins to appear. Taking application interface launch animation one (i.e., the application homepage gradually enlarging) as an example, the start time is the moment when the application homepage is displayed in its initial position (e.g., the display position of icon 300), and the end time is the moment when the application homepage is displayed in full screen. Taking application interface launch animation two (i.e., the application homepage gradually appearing) as an example, the start time is the moment when the application homepage begins to appear, and the end time is the moment when the application homepage is fully displayed.

[0198] As an example, T1 can be earlier than, equal to, or later than T3. Taking T1 being earlier than T3 as an example, it means that the first animation form is displayed first, followed by the application interface startup animation. For example, after the first object is displayed using the first animation form, the application interface startup animation begins to be displayed after a second duration.

[0199] As an example, T2 can be earlier than, equal to, or later than T4. Taking the application launch animation (i.e., the application homepage gradually enlarging) as an example, it can include the following situations: If T2 is earlier than T4, the application homepage is not yet full-screen when the first object moves to the first target position. In this case, the first object can remain at the first target position, waiting for the application homepage to reach full screen. If T2 is equal to T4, the application homepage reaches full screen exactly at the same time the first object moves to the first target position. If T2 is later than T4, the application homepage has already reached full screen before the first object moves to the first target position, in which case the first object can continue moving towards the first target position.

[0200] Taking T1 earlier than T3 and T2 equal to T4 as an example, if the duration from T1 to T2 is called the third duration, i.e., the duration for displaying the first object using the first animation effect; and the duration from T3 to T4 is called the fourth duration, i.e., the duration for displaying the application interface startup animation effect, then the third duration can be equal to the sum of the second and fourth durations. As mentioned earlier, the second duration is the duration between T1 and T3. Optionally, the second, third, and fourth durations can be preset durations, for example, they can be durations pre-configured by the operating system of the first application or electronic device. Taking the first application's pre-configuration as an example, for instance, the application package of the first application includes the second, third, and fourth durations.

[0201] As mentioned earlier, the first target position can be the display position of the first object within the second interface of the first application. In this case, the first object removed from icon 300 will be superimposed on top of the first object within the second interface. If the first object removed from icon 300 continues to move, it will not completely cover the first object within the second interface, affecting the aesthetics. Therefore, the first object removed from icon 300 can stop moving when it reaches the first target position. Optionally, considering that the first object within the second interface will be covered by the first object removed from icon 300, to save rendering power, the first object within the second interface does not need to be fully rendered. This can mean that the first object is not rendered at all or only a portion is rendered, for example, only the edge outline is rendered without rendering details.

[0202] Optionally, after the first object, removed from icon 300, moves to the first target position, the electronic device may also de-display the first object. For example, de-displaying the first object can include automatic de-display and manual de-display. Taking automatic de-display as an example, the electronic device automatically de-displays the first object within a first time period after the first object moves to the first target position. For example, the first object is de-displayed simultaneously with its movement to the first target position. Taking manual de-display as an example, after the first object moves to the first target position, it is not immediately de-displayed; instead, it is de-displayed upon receiving a user operation (e.g., an operation to open another interface).

[0203] The following section, with reference to the accompanying diagram, explains the implementation principle of the second application scenario (i.e., the scenario of returning to the desktop). This implementation principle can be applied to the preceding text. Figures 3A to 3E The second application scenario involves returning to the desktop. As mentioned earlier, this scenario includes two types of animation effects: the first is the second animation effect corresponding to the first object (e.g., moving back into the icon); the second is the application interface exit animation (e.g., gradually shrinking, gradually fading out, etc.). The implementation principles of these two animation effects will be explained later.

[0204] I. The second animation form corresponding to the first object

[0205] For example, such as Figure 5A (a) The electronic device displays an interface (hereinafter referred to as the current interface), which may be a second interface of the first application or other interfaces. At this time, if the electronic device receives an operation to return to the first interface (e.g., the desktop), it can display the first object using a second animation effect. The second animation effect may include the visual effect of the first object moving back to icon 300, such as... Figure 5A (b), (c) and (d).

[0206] In this embodiment of the application, the second motion effect may include: the first object moving from a second starting position to a second ending position.

[0207] The second starting point position can be understood as the location from which the first object begins its movement. For example, the second starting point position could be located within the second interface. One possibility is that the second starting point position is the first ending point position mentioned earlier, such as the display position of the first object within the second interface. Of course, the second starting point position does not have to be the first ending point position; there is no limitation on this.

[0208] The second endpoint position can be understood as the location to which the first object moves. For example, the second endpoint position could be within icon 300. For example, the second endpoint position could be the display position of the first object within icon 300. For example, the second endpoint position could be the first starting point position mentioned earlier. As mentioned earlier, the icon can be enlarged before the first object moves out of the icon (e.g., Figure 3B ) or not amplified ((e.g., Figure 3A If the icon is not enlarged, the second endpoint is located within the original icon (the unenlarged icon). If the icon is enlarged, the second endpoint is located within the enlarged icon.

[0209] Optionally, the movement of the first object from the second starting position to the second ending position may include: the first object moving from the second starting position to the second ending position according to a second trajectory curve and / or a second velocity curve. The second trajectory curve and the second velocity curve are based on the same principle as the first trajectory curve and the first velocity curve described above, and will not be repeated. It should be noted that the second trajectory curve and the first trajectory curve may be the same as or different from the first trajectory curve, and the second velocity curve and the first velocity curve may be the same as or different from the first velocity curve. As an example, the second trajectory curve and / or the second velocity curve may be preset; for example, the second trajectory curve and / or the second velocity curve may be pre-configured by the operating system of the first application or electronic device. Taking the first application's pre-configuration as an example, for instance, the application package of the first application includes exit resources, and the exit resources include the second trajectory curve and / or the second velocity curve of the first object. As yet another example, the second trajectory curve and / or the second velocity curve may also be specified by the user, and the method of specification is not limited.

[0210] In some embodiments, during the process of an electronic device displaying a first object using a second motion effect, the first object may undergo a shape change. The shape change may include a change in at least one of the following: size, shape, posture, or expression.

[0211] The implementation principle of the second type of motion effect is explained below. In the embodiments of this application, the second type of motion effect can be a one-piece motion effect or a segmented motion effect, which will be described separately below.

[0212] 1. Integrated motion effects

[0213] A unified motion effect can be understood as a complete motion effect corresponding to the movement of a first object from a second starting position to a second ending position. One possible implementation is that the electronic device can acquire the exit motion effect display medium of the first object and move the exit motion effect display medium from the second starting position to the second ending position according to a second trajectory curve and / or a second speed curve. Therefore, the movement process of the exit motion effect display medium of the first object demonstrates the visual effect of the first object moving from the second starting position to the second ending position according to the second trajectory curve and / or the second speed curve. In this method, the exit motion effect display medium of the first object needs to move from the second starting position to the second ending position. Therefore, the electronic device needs to display the exit motion effect display medium of the first object at the second starting position. Before this, the electronic device needs to acquire the exit motion effect display medium of the first object. Optionally, the acquisition method can include at least one of the following two methods.

[0214] In Method A, the exit animation display media for the first object is readily available, such as media pre-stored in the electronic device. For example, the exit animation display media for the first object is pre-configured by the first application or the operating system of the electronic device. Taking the first application as an example, the application package of the first application may include exit resources, and the exit animation display media for the first object may be included in the exit resources. For ease of understanding, exit resources are shown in Table 3 below. Therefore, the electronic device can obtain the exit animation display media for the first object from the exit resources.

[0215] Table 3: Exit Resources

[0216] object Exit animation resources First object The first object's exit animation display media

[0217] Method B: The exit animation display medium of the first object is obtained based on the startup animation display medium of the first object. For example, the startup animation display medium of the first object includes N frames, and the N frames have an order, such as from the first frame to the Nth frame. Then, the N frames are sorted in reverse order, that is, from the Nth frame to the first frame, to obtain the exit animation display medium of the first object.

[0218] Once the electronic device obtains the exit animation display media of the first object, it can display the exit animation display media of the first object at the second starting point position.

[0219] One possibility is that the upper layer of the current interface of the electronic device still retains the first object that was removed from icon 300. For example, when the first application starts, after the first object is removed from icon 300, its final position is the first endpoint position, so the first object still remains at the first endpoint position. In this case, the electronic device can replace the first object with the exit animation display medium of the first object. For example, the replacement method could be to hide the first object and then display the exit animation display medium of the first object at the display position of the first object.

[0220] Another possibility is that the first object, which has been removed from icon 300, is not currently displayed on the upper layer of the electronic device's interface; for example, the first object may have been deselected. In this case, the electronic device can overlay an exit animation display of the first object on top of the current interface.

[0221] In this embodiment, the exit animation display medium for the first object can be various forms of media such as static images, dynamic images, image sequences, 3D models, or videos.

[0222] II. Segmented animation effects

[0223] Segmented animation effects can be understood as the movement of a first object from a second starting position to a second ending position, corresponding to multiple animation effects. For example, the movement of the first object from the second starting position to position b corresponds to one animation effect, and the movement from position b to the second ending position corresponds to another animation effect. Position b can be any position between the second starting position and the second ending position. For example, position b can be a position outside icon 300 but close to icon 300. For instance, position b and position a mentioned earlier can be the same position or different positions. In other words, the animation effect of the first object moving from the second starting position to position b can reflect the visual effect of the first object moving from the second ending position to close to icon 300, and the animation effect of the first object moving from position b to the second ending position can reflect the visual effect of the first object moving back into icon 300. Therefore, segmented animation effects will be explained in two parts below: the first part is the process of the first object moving towards icon 300; the second part is the process of the first object moving back into icon 300.

[0224] The first part of the animation effect describes the process of the first object moving towards icon 300. As mentioned earlier, the process of the first object moving towards icon 300 is the process of the first object moving from the second starting position to position b. One possible approach is that the electronic device can acquire the exit animation display medium a of the first object and move the exit animation display medium a from the first starting position to position b according to the trajectory curve c and / or speed curve d. In this approach, the exit animation display medium a of the first object needs to move from the second starting position to position b. Therefore, the electronic device needs to display the exit animation display medium a of the first object at the second starting position. It is understood that before this, the electronic device needs to acquire the exit animation display medium a of the first object. The acquisition method can include method A and method B, as mentioned earlier. Taking method A as an example, the exit animation display medium a of the first object is readily available. For example, the application package of the first application includes exit resources, and the exit resources include the exit animation display medium a of the first object. For ease of understanding, the exit resources are shown in Table 4 below. Therefore, the electronic device can acquire the exit animation display medium a of the first object from the exit resources.

[0225] Table 4: Exiting Resources

[0226]

[0227] Taking method B as an example, the electronic device can obtain the exit animation display media a of the first object based on the start animation display media b of the first object as described above. The principle has been described above and will not be repeated.

[0228] After acquiring the exit animation display medium 'a' of the first object, the electronic device can display the exit animation display medium 'a' of the first object at the second starting position, as explained above. After displaying the exit animation display medium 'a' of the first object, the electronic device can move the exit animation display medium 'a' from the second starting position to position 'b' according to the trajectory curve 'c' and / or the speed curve 'd'.

[0229] The second part describes the process of the first object moving back into icon 300. As mentioned earlier, when the first object moves out of icon 300, it moves to position b outside icon 300. In other words, the second part of the animation is the first object moving from position b to the second endpoint position. One possible approach is for the electronic device to acquire the exit animation display medium b of the first object and move it from position b to the second endpoint position according to trajectory curve d and / or speed curve d. In this approach, the exit animation display medium b of the first object needs to move from position b to the second endpoint position. Therefore, the electronic device needs to display the exit animation display medium b of the first object at position b. As mentioned earlier, if the exit animation display medium a of the first object has moved to position b, then displaying the exit animation display medium b of the first object at position b can include replacing the exit animation display medium a at position b with the exit animation display medium b. It is understood that before this, the electronic device needs to acquire the exit animation display medium b of the first object, for example, based on exit resources (e.g., Table 4 above). Optionally, to ensure continuity, the first frame of the exit animation display media a and the first frame of the exit animation display media b can be continuous. For example, the content of the first frame of the exit animation display media a and the first frame of the exit animation display media b can be identical, so that the user is unaware of the replacement process. This segmented animation effect can achieve a "beat-match" visual effect. For example, when the exit animation display media a is replaced by the exit animation display media b, since the content of the first frame is the same, a "beat-match" visual effect will be achieved for the first object at position b.

[0230] The above text is based on Figure 5A For example, this section illustrates two implementation methods for the second type of animation effect (integrated animation effect and segmented animation effect). Regardless of whether it's an integrated or segmented animation effect, the final display position of the exit animation display media for the first object is the display position of icon 300, and the final display area is the display area of ​​icon 300. Afterwards, the electronic device can cancel the display of the exit animation display media for the first object. As mentioned earlier, the electronic device has processed icon 300, such as hiding or separating it; therefore, the electronic device needs to restore icon 300.

[0231] Taking the case where the first object in icon 300 is hidden as an example, the electronic device can restore the first object, for example, by making it visible. One possible approach is for the electronic device to replace icon 300 that does not contain the first object with one that does. For example, the electronic device can make icon 300 that does not contain the first object invisible, and then display icon 300 that contains the first object in the same location as the icon 300 that does not contain the first object.

[0232] Taking the separation of the first object in icon 300 as an example, the electronic device can refill the separated first object into icon 300, for example, by filling it into the original display position of the first object.

[0233] It should be noted that, Figure 5A When returning to the first screen, the icon 300 on the first screen is smaller. To better demonstrate the process of the first object returning to the icon 300, when the electronic device returns to the first screen, the icon 300 on the first screen can be enlarged, and the first object can move towards the enlarged icon 300. For example, as shown... Figure 5B (a) The electronic device displays an interface (a second interface of the first application or another interface). When the electronic device receives an operation to return to the desktop, it displays as follows: Figure 5B (b) The desktop includes a first object displayed according to a second animation effect, and the desktop also includes icon 400, which is an enlarged version of the icon. For example... Figure 5B (c) The first object gradually moves towards icon 400. For example... Figure 5B (d) Icon 400 becomes icon 300, and the first object moves inside icon 300. For example, the electronic device can shrink icon 400 to icon 300 when the first object moves inside icon 400; or, icon 400 can shrink during the movement of the first object towards icon 400. It should be understood that after icon 400 shrinks, the areas of other icons on the desktop besides icon 400 can be increased to ensure the aesthetics of the interface.

[0234] As mentioned earlier, the electronic device needs to restore the first object within icon 300. Taking the first object being hidden as an example, one possible restoration method is as follows: the exit animation display of the first object first returns to the enlarged icon that does not contain the first object, then the exit animation display of the first object is canceled, and the enlarged icon that does not contain the first object is replaced with an enlarged icon that does contain the first object. Finally, the icon containing the first object is shrunk. In short, this method's process is: return -> cancel -> replace -> shrink. The "cancel" and "replace" operations can be performed simultaneously to avoid canceling first and then replacing, which would make the user aware that the first object has disappeared.

[0235] II. Application Exit Animation for the First Application

[0236] It is understandable that during or after the first object is displayed using the second animation effect, the electronic device returns to the first interface (e.g., the desktop). In some embodiments, when the electronic device returns to the first interface, it can directly return from the second interface to the first interface, such as... Figure 5A (d) or Figure 5B(e) In other embodiments, the electronic device may also gradually return from the second interface to the first interface. For example, the electronic device may display an application interface exit animation to demonstrate the process of gradually returning from the second interface to the first interface. Optionally, the application interface exit animation may include the following two types.

[0237] Application exit animation 1: The first application interface gradually shrinks until it disappears.

[0238] For example, such as Figure 5C (a) The electronic device displays an interface, which may be the homepage of a first application or another interface. When the electronic device receives an operation to return to the first interface, it displays as shown below. Figure 5C (b) The interface includes a first object displayed according to a second animation effect, and the interface of the first application is scaled down (represented using a grayscale image). For example... Figure 5C (c) The interface of the first application disappears. For example... Figure 5C (d) The first object returns to the area inside icon 300. One possible approach is that the final display position of the first application's interface after shrinking can be the display position of icon 400, and the final display area can be the display area of ​​icon 400. For example, when shrunk to the same size as the display area of ​​icon 400, it disappears completely. It should be understood that if icon 300 is not enlarged to icon 400 when returning to the first interface, then the final display position of the first application's interface after shrinking is the display position of icon 300, and the final area is the area of ​​icon 300.

[0239] Optional, Figure 5C In (b), the area occupied by the interface of the first application (i.e., the area occupied by the grayscale image) may or may not display the interface of the first application. For example, it may display a preset image corresponding to the interface of the first application. The preset image may be a black screen, a white screen, a grayscale image, or a screenshot of the interface of the first application. Taking a screenshot as an example, if the screenshot is a screenshot of the second interface, the screenshot may or may not contain the first object. Taking the absence of the first object as an example, in this case, during the zoom-out process, since there is no first object in the screenshot, and the upper-level first object of the screenshot is being displayed according to the second animation form, there is only one first object on the entire screen, which can avoid the screen clutter caused by two first objects appearing on the screen.

[0240] Optional, Figure 5C In (b), as the interface of the first application shrinks, its transparency can gradually increase, reflecting the effect of fading out from nothing.

[0241] Application exit animation 2: The first application's interface gradually fades out, and the first interface gradually appears.

[0242] For example, such as Figure 5D (a) The electronic device displays an interface, which may be the homepage of a first application or another interface. When the electronic device receives an operation to return to the first interface, it displays as shown below. Figure 5D (b) An interface containing a first object displayed according to a second animation effect, where the interface of the first application gradually fades out. For example... Figure 5D (c) The first interface gradually appears. For example... Figure 5D (d) The first interface is fully displayed, and the first object returns to the inside of icon 300.

[0243] The gradual fading out of the first application's interface can include: the transparency of the first application's interface gradually increasing until it is completely transparent. The gradual display of the first interface can include: the transparency of the first interface gradually decreasing until it is fully displayed. Optionally, the "gradual fading out of the first application's interface" and the "gradual display of the first interface" can occur simultaneously or asynchronously. During the "gradual fading out of the first application's interface" and "gradual display of the first interface," the first object based on the second animation effect is displayed on top.

[0244] The above embodiments illustrate the implementation principles of the two animation effects present in the second application scenario (i.e., the return to the desktop scenario). The two animation effects include: first, the second animation effect form corresponding to the first object; second, the application interface exit animation effect corresponding to the second interface of the first application. The relationship between these two animation effects is explained below.

[0245] For example, such as Figure 5F After receiving the return operation, the electronic device can perform two animation effects:

[0246] The first type is the application interface exit animation, for example, the electronic device gradually shrinks the application interface until it shrinks to the size of the icon and then disappears.

[0247] The second type is a second animation effect for the first object. For example, an electronic device activates an animation effect for the foreground object, causing the foreground object to move. This can be understood as follows: after the application interface disappears, the first interface reappears, i.e., the icon is displayed. At this time, the icon can be enlarged to create a visual effect of "welcoming" the "return" of the foreground object. After the foreground object "returns" to the icon, the icon reverts to its original state, for example, by shrinking.

[0248] It is understandable that both of the above animation effects can last for a certain duration; that is, the second animation effect of the first object will last for a certain duration, and the application exit animation corresponding to the second interface of the first application will also last for a certain duration. For ease of understanding, the following assumptions are made:

[0249] Assumption 1: The start time of the second animation form is T5, and the end time is T6. The start time is the moment when the first object starts moving from the second starting position, and the end time is the moment when the first object moves to the second ending position (i.e., inside icon 300).

[0250] Assumption 2: The start time of the application interface exit animation is T7, and the end time is T8. The start time is the moment when the interface of the first application begins to shrink or fade out, and the end time is the moment when the interface of the first application completely disappears.

[0251] As an example, T7 can be earlier, equal to, or later than T5. Taking T7 earlier than T5 as an example, it means the application interface exit animation is displayed first, followed by the second animation form of the first object. For example, after the application interface exit animation begins to be displayed, a certain amount of time is elapsed before the first object is displayed using the second animation form. One possible approach is that the electronic device first shrinks the interface of the first application, and when the interface shrinks to a preset area (e.g., occupying 1 / 3 of the display screen), the first object is displayed using the second animation form. For example, the exit animation display media of the first object is overlaid at a second starting position, which could be located within the shrunken second interface. Taking T7 later than T5 as an example, it means the second animation form of the first object is displayed first, followed by the application interface exit animation. For example, the application interface exit animation is only performed after the first object has already started moving from the second starting position.

[0252] As an example, T8 can be earlier than, equal to, or later than T6. Taking the application exit animation (i.e., the application interface gradually shrinking) as an example, there are several possibilities: If T8 is earlier than T6, the first application interface has disappeared, but the first object has not yet moved to the second endpoint position (i.e., inside icon 300), then the first object can continue to move towards the second endpoint position. If T8 is equal to T6, the first application interface disappears at the same time the first object moves to the second endpoint position. If T8 is earlier than T6, the first object has moved to the second endpoint position, but the first application interface has not yet disappeared, for example, it is still shrinking.

[0253] In the above embodiment, the second animation form corresponding to the first object and the application interface exit animation are two independent animations. In other embodiments, the second animation form and the application interface exit animation may also be related. For example, please refer to... Figure 5E (a) The electronic device displays the interface of the first application. When the electronic device receives an operation to return to the first interface, the first object is displayed according to the second animation effect, and the interface of the first application gradually shrinks. It should be noted that during the process of displaying the first object according to the second animation effect, the first object does not move outside the interface of the first application. For example, as shown... Figure 5E(b) The first object remains within the interface of the first application. For example... Figure 5E (c) The interfaces of the first object and the first application move synchronously toward icon 100. When shrunk to a certain extent (e.g., shrunk to a size equal to the icon size), the interface of the first application disappears along with the first object, and the electronic device displays as shown. Figure 5E (d) is the interface in which icon 300 contains the first object.

[0254] In the above embodiments, "first application launch" can be understood as a "cold start" of the first application, that is, launching the first application when it is not running in the background. In other words, during a "cold start" of the first application, the first object is displayed using the first animation effect. It should be noted that after the electronic device returns to the first interface, the first application will switch to the background. At this time, if the electronic device receives another operation to launch the first application (e.g., clicking the icon of the first application on the desktop), it can launch the first application again. It should be noted that since the first application is running in the background at this time, launching the first application again can be understood as a "warm start" of the first application, that is, switching the first application from the background to the foreground.

[0255] In this embodiment, when the first application performs a "hot start," a fourth animation effect can be used to display the first object. This fourth animation effect can include the visual effect of the first object moving out of icon 300. Specifically, displaying the first object using the fourth animation effect can include the first object moving from a fourth starting position to a fourth ending position. The fourth starting position may be the same as or different from the first starting position, and the fourth ending position may be the same as or different from the first ending position. For example, the first object moves from the fourth starting position to the fourth ending position according to a fourth trajectory curve and / or a fourth speed curve. The fourth trajectory curve may be the same as or different from the first trajectory curve. The fourth speed curve may be the same as or different from the first speed curve. It is understood that the duration of a "hot start" and a "cold start" in the first application are different. For example, a "hot start" has a shorter duration than a "cold start." Therefore, the duration of the fourth animation effect can be shorter than the duration of the first animation effect.

[0256] In this embodiment, when the first application is "warm-started," an application interface startup animation effect can also be used, such as the interface of the first application (the interface displayed before switching to the background) gradually enlarging to full screen or gradually appearing. As mentioned above, the duration of a "warm-start" is shorter than that of a "cold-start." Therefore, the animation duration of the application interface startup animation effect during a "warm-start" can be shorter than that during a "cold-start."

[0257] In the above embodiment, taking the example of the electronic device directly returning to the first interface from the second interface of the first application, it can be understood that the electronic device may switch from the second interface to the fourth interface and then return to the first interface from the fourth interface.

[0258] One possibility is that the fourth interface and the second interface are interfaces of the same application. For example, ... Figure 6A (a) The electronic device displays a second interface of the first application. When the electronic device receives an operation to open a fourth interface of the first application, it displays as shown below. Figure 6A (b) The fourth interface of the first application. The fourth interface does not include the first object (e.g., a circle). In this case, if the electronic device receives an operation to return to the first interface, there are three processing methods. The first processing method is that the electronic device generates the first object, and the first object is displayed according to the fifth animation form, reflecting the visual effect of the first object moving back into the icon 300. For example, Figure 6A In (b), when the electronic device receives an operation to return to the first interface, it displays as shown below. Figure 6A (c) The first interface includes a first object, which is displayed according to the fifth animation effect, and the fourth interface of the first application gradually shrinks until it disappears, such as Figure 6A (d) The first object gradually moves into the interior of icon 300, as shown... Figure 6A (e) In the second processing method, the electronic device directly returns to the first interface without generating the first object, and the first object is included in icon 300 within the first interface after returning. For example, Figure 6A In (b), when the electronic device receives an operation to return to the first interface, it displays as shown below. Figure 6A (f) The first interface includes icon 300, and icon 300 includes the first object. In the third processing method, the electronic device directly returns to the first interface without generating the first object, but after returning to the first interface, icon 300 within the first interface does not include the first object, or the first object is blurred or transparent. For example, Figure 6A In (b), when the electronic device receives an operation to return to the first interface, it displays as shown below. Figure 6A (g) The first interface includes icon 300 but icon 300 does not include the first object, or icon 300 contains the first object but the first object is blurred or transparent.

[0259] Another possibility is that the fourth interface and the second interface are interfaces of different applications. For example, ... Figure 6B (a) The electronic device displays the second interface of the first application. When the electronic device receives an operation to switch to the fourth interface of the second application, it displays as follows: Figure 6B(b) The fourth interface of the second application. That is, the first application has been switched to run in the background. At this time, when the electronic device receives an operation to return to the first interface, there are two possible processing methods. The first processing method is that the electronic device directly returns to the first interface, and the first object is included in icon 300 within the first interface. For example, Figure 6B In (b), when the electronic device receives an operation to return to the first interface, it displays as shown below. Figure 6B (c) The first interface includes icon 300, and icon 300 includes a first object. The second processing method is that the electronic device directly returns to the first interface, but icon 300 in the first interface does not include the first object, or includes the first object but the first object is blurred or transparent. For example, Figure 6B In (b), when the electronic device receives an operation to return to the first interface, it displays as shown below. Figure 6B (d) The first interface includes icon 300 but icon 300 does not include the first object, or icon 300 contains the first object but the first object is blurred or transparent.

[0260] by Figure 6B (d) For example, after the first application switches to the background, if you return to the first screen, the first object is not included in the icons 300 on the first screen, or the first object is transparent or blurred. In this case, if the electronic device exits the first application, the first object may appear in the icons 300 on the first screen, or the first object may change from blurred or transparent to normal display. For example, as... Figure 7 In (a), the electronic device displays a first interface, which includes icon 300 but icon 300 does not include a first object, or the first object is blurred or transparent (the first application is running in the background). When the electronic device receives an operation to open multitasking, it displays as shown below. Figure 7 The multitasking interface is shown in (b). When the electronic device receives an exit operation from the first application (e.g., a swipe-up operation on the interface of the first application within the multitasking interface), it exits the first application. Figure 7 In (c), after the electronic device returns from the multitasking interface to the first interface, the first object appears in the icon 300 in the first interface or the first object changes from being blurred or transparent to being displayed normally.

[0261] In the above embodiment, after the electronic device launches the first application, the second interface of the first application is displayed in full screen. It should be noted that the second interface of the first application can also have other display methods.

[0262] For example, after an electronic device launches a first application, a floating window pops up, displaying a second interface of the first application within the floating window. See, for example, [link to example]. Figure 8A(a) The electronic device displays a desktop, which includes an icon 300 for a first application, and the icon 300 includes a first object. When the electronic device receives an operation on the icon 300, it launches the first application and displays the first object using a first animation effect, such as... Figure 8A (b) and (c). After the first application starts, a pop-up appears as follows: Figure 8A (d) shows a floating window, and a second interface is displayed within the floating window. In this case, the first endpoint position of the first object that is moved out of icon 300 can be the position within the floating window, such as the display position of the first object in the second interface within the floating window.

[0263] For example, after launching the first application, the electronic device enters split-screen mode. The screen is divided into a first area and a second area. The first area displays the second interface of the first application, while the second area displays other interfaces. See also: Figure 8B (a) The electronic device displays a desktop, which includes an icon 300 for a first application, and the icon 300 includes a first object. When the electronic device receives an operation on the icon 300, it launches the first application and displays the first object according to a first animation effect, such as... Figure 8B (b) and (c). After the first application starts, it enters split-screen mode as follows: Figure 8B (d) and display the second interface of the first application in the first area, and display the desktop in the second area. In this case, the first endpoint position of the first object that is moved out of the icon 300 can be the position within the display area of ​​the first application in split-screen mode (i.e., the first area), such as the display position of the first object in the second interface within the first area.

[0264] For example, when an electronic device is in split-screen mode and launches the first application via the sidebar or other means, the technical solution provided in the embodiments of this application can also be used. For example, please refer to... Figure 8C (a) The electronic device is in split-screen mode, comprising a first area and a second area. The interface of application A is displayed in the first area, and the interface of application B is displayed in the second area. When the electronic device receives an operation to bring up the sidebar, it displays as follows: Figure 8C (b) The interface includes a sidebar containing an icon 300 for the first application. When the electronic device receives an operation on the icon 300, it launches the first application and displays the first object according to a first animation effect, such as... Figure 8C (c) and (d). Optionally, the sidebar can be removed simultaneously with or after the first object is removed from icon 300. After the first application is launched, the second interface of the first application (e.g., the homepage) can be displayed in either the first or second area of ​​the split-screen mode, for example, as shown in... Figure 8C(e) The second interface of the first application is displayed in the second area. In this case, the first endpoint position of the first object that is moved out of icon 300 can be the position within the display area (i.e., the second area) of the first application in split-screen mode, such as the display position of the first object in the second interface within the second area.

[0265] In the above embodiments, the first application is mainly described as a game application. The first application can also be other applications. Below is another example, which uses a car application as the first application.

[0266] For example, such as Figure 8D (a) The electronic device displays a desktop. The desktop includes icon 200. Icon 200 corresponds to a car application. Icon 200 includes a first object (e.g., a triangular car logo). When the electronic device receives an action on icon 200, the application starts in the background, and the foreground displays as shown below. Figure 8D (b) The interface in which icon 200 is enlarged and begins to display the first object using the first animation effect. For example, icon 200 containing the first object is replaced with icon 200 that does not contain the first object, and the launch animation display media corresponding to the first object is overlaid on top of the icon 200 that does not contain the first object. This media could be, for example, a car image. Figure 8D (c) Optionally, the size, position, and viewing angle of the vehicle image can be varied. For example, such as... Figure 8D (d) Changes in the viewing angle of the car's image. During this period, the electronic device can display the homepage of the car application, for example, gradually enlarging the homepage from the position of icon 200 to a full-screen display. Figure 8D (e) The car image "enters" the homepage and "returns" to its first target position on the homepage.

[0267] For example, such as Figure 8E (a) The electronic device displays the interface of the automotive application. When the electronic device receives a command to return to the desktop, it can display something like... Figure 8E (b) The interface of the car application is shrinking, and the car image is being displayed according to a second animation effect, such as moving towards icon 200. Figure 8E (c) The application launch screen disappears, and the car image moves closer to icon 200. When the car image moves to a certain position, such as within icon 200, the car image can be hidden, and icon 200 that does not contain the first object can be replaced with icon 200 that does contain the first object, such as... Figure 8E (d) Icon 200 restored.

[0268] Please see Figure 8F This is a schematic diagram of an electronic device provided in an embodiment of this application. Figure 8FThis can be understood as a schematic diagram of the software system of an electronic device. For example... Figure 8D The software system of electronic devices can adopt a layered architecture, and can also adopt event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture, etc., which are not limited in the embodiments of this application. This text uses a layered architecture as an example for illustration. A layered architecture divides the software into several layers, each with a clear role and division of labor. Layers communicate with each other through software interfaces. For example... Figure 8F Electronic devices consist of four layers, from top to bottom: the application (APP) layer, the application framework (FWK) layer, the kernel layer, and the hardware layer. It should be noted that... Figure 8F Taking four layers as an example, in practical applications, electronic devices may include more or fewer layers. Moreover, the positional relationship between layers can be adjusted, and the modules contained in each layer can also be moved to other layers. Furthermore, the name of each layer is not limited in this embodiment.

[0269] like Figure 8F The application layer includes desktop applications and primary applications. The primary application can be any of the applications listed above, such as a game application. Figure 8D The Fireworks Wizard (FWK) includes a Package Manager, an Activity Manager Service (AMS), and a Window Manager Service (WMS). The Package Manager manages application packages for various applications. For example, it can read information from application packages. For instance, if the electronic device's operating system is HarmonyOS, the Package Manager could be the Harmony OS Package Manager (HPM). The Activity Manager creates activities. The Window Manager creates windows. Figure 8D The kernel layer includes the display driver, which drives the display screen to show information. It is understood that the kernel layer can also include other modules, without limitation. For example... Figure 8F The hardware layer includes a display screen for showing information. It is understood that the hardware layer may also include other modules, without limitation.

[0270] The following text combines Figure 8F This describes the workflow of the technical solutions in the embodiments of this application in terms of software and / or hardware. It should be noted that, for the first application scenario mentioned above (i.e....) Figures 2A to 2D In the context of application launch scenarios, the first animation of the first object can be executed by the desktop application of the electronic device or by the first application itself. If it is executed by the desktop application, the corresponding process is as follows: Figure 9AThe process, if executed by the first application, corresponds to Figure 10A The process. Furthermore, regarding the second application scenario mentioned above (i.e.... Figures 3A to 3E In the context of returning to the desktop, the second animation of the first object can be executed by the desktop application of the electronic device or by the first application. If executed by the desktop application, the corresponding process is as follows: Figure 9B The process, if executed by the first application, corresponds to Figure 10B The process.

[0271] like Figure 9A This is a schematic flowchart of an application launch method provided in an embodiment of this application. This process can be applied to a first application scenario, such as... Figures 2A to 2D Application startup scenarios. For example... Figure 9A As shown, the process may include:

[0272] S900, a desktop application displays a desktop, which includes a first icon, and the first icon includes a first object. For example, using... Figure 4A (a) For example, the first icon could be icon 300.

[0273] S901, the desktop application receives a click action on the first icon. Figure 4A (a) For example, the first icon is icon 300, and the desktop application receives a click operation on icon 300.

[0274] S902, the desktop application sends a query command for the first application to the package manager. Optionally, the query command may include the package name of the first application.

[0275] S903, the package manager queries the startup resources of the first application. As mentioned above, the package manager is used to manage the application packages of various applications, so the package manager can query the startup resources in the application package of the first application. Optionally, startup resources can be found in Table 1 or Table 2 mentioned above.

[0276] S904, the package manager returns the startup resources of the first application to the desktop application.

[0277] S905, the desktop application displays a second icon. The second icon includes the first object. For example, using... Figure 4B (b) For example, the second icon can be the icon 400 with an enlarged area. Optionally, S905 can be executed or not, so it is represented by a dashed line in the figure. Taking not executing as an example, that is, there is no need to display the second icon, that is, the display area of ​​the first icon does not need to be enlarged.

[0278] S906, the desktop application uses the first animation to display the first object. See the previous explanation for details on the first animation.

[0279] S907, the desktop application sends the launch command of the first application to the Activity Manager.

[0280] It should be noted that the execution order of S902 and S907 is not limited; they can be executed simultaneously, or S902 can be executed first and then S907, or S907 can be executed first and then S902.

[0281] S908, the Activity Manager creates the process for the first application.

[0282] S909, the Activity Manager sends a window creation command to the Window Manager.

[0283] S910, the window manager creates the window for the first application.

[0284] Optionally, after the first application window is successfully created, there are two implementation methods. The first method corresponds to the first application interface startup animation effect mentioned earlier, where the first application window gradually enlarges to full screen. The second method corresponds to the second application interface startup animation effect mentioned earlier, where the first application window gradually appears. The first method (i.e., the window gradually enlarges) can be executed by the desktop application or by the first application itself. Taking the desktop application as an example, it includes... Figure 9A S911 and S912 in the example. The second method (i.e., the window gradually appears) can be executed by the first application or by the desktop application. Taking execution by the first application as an example, it includes... Figure 9A The S913 in the middle.

[0285] S911, the window manager sends a command to the desktop application indicating that the window has been successfully created.

[0286] In S912, desktop applications gradually enlarge their windows until they are displayed in full screen. For example, with... Figure 4C (d) For example, the desktop application control window gradually enlarges to full screen, such as Figure 4C (e).

[0287] S913, the first application control window gradually appears and displays in full screen. For example, with... Figure 4D (c) For example, the first application displays the second interface, but the second interface has a certain degree of transparency, visually appearing as if the desktop is fading out. Furthermore, the transparency of the second interface gradually decreases, demonstrating the visual effect of the second interface gradually appearing until it is fully revealed, such as... Figure 4D (e).

[0288] It should be noted that, Figure 9A The process shown takes the first application's "cold start" as an example. If it's the first application's "warm start," then... Figure 9AThe process needs to be adjusted. For example, S909-S911 can be omitted, meaning there is no need to create windows (because windows run in the background). Moreover, S908 can be changed to schedule the process of the first application to the foreground.

[0289] like Figure 9B This is a schematic diagram illustrating the process of returning to the desktop from an application interface according to an embodiment of this application. This process can be applied to a second application scenario, such as... Figures 3A to 3E The scenario of returning to the desktop. For example... Figure 9B As shown, the process may include:

[0290] S1000, the desktop application receives an operation to return to the desktop. For example, see 5A(a), where the desktop application receives an operation to return to the desktop.

[0291] S1001, the desktop application sends a query command for the first application to the package manager. Optionally, the query command may include the package name of the first application.

[0292] S1002, the package manager queries the exit resources of the first application. As mentioned above, the package manager is used to manage the application packages of various applications, so the package manager can query the exit resources in the application package of the first application. Optionally, exit resources can be found in Table 3 or Table 4 mentioned above.

[0293] S1003, the package manager returns the exit resources of the first application to the desktop application.

[0294] S1004, the desktop application uses a second animation effect to display the first object. Please refer to the previous description for details on the second animation effect.

[0295] Optionally, there are two ways to implement the return of the electronic device from the window of the first application to the desktop. The first method corresponds to the first application exit animation effect mentioned earlier, where the window of the first application gradually shrinks until it disappears. The second method corresponds to the second application exit animation effect mentioned earlier, where the window of the first application gradually fades out. The first method can be executed by the desktop application or by the first application itself. Taking the execution by the desktop application as an example, it includes... Figure 9B S1005 in the example. The second method can be executed by the desktop application or by the first application. Taking execution by the first application as an example, it includes... Figure 9B S1006-S1007 in the middle.

[0296] S1005, the desktop application controls the window of the first application to gradually shrink until it disappears. For example, with... Figure 5C (a) For example, the desktop application control window gradually shrinks, such as Figure 5C (b) until it disappears, as Figure 5C (c)

[0297] S1006, the desktop application sends an exit command to the first application.

[0298] S1007, the first application control window gradually fades out. For example, using... Figure 5D (b) For example, the first application controls the second interface to gradually fade out. For instance, the transparency of the second interface begins to increase, and visually, the second interface fades out. As the transparency increases, the second interface fades out completely, and the desktop is fully displayed.

[0299] like Figure 10A This is a schematic flowchart of an application launch method provided in an embodiment of this application. This process can be applied to a first application scenario, such as... Figures 2A to 2D Application startup scenarios. For example... Figure 10A As shown, the process may include:

[0300] S1100, the desktop application displays the desktop, which includes a first icon, and the first icon includes a first object. For example, using... Figure 4B (a) For example, the first icon can be icon 300.

[0301] S1101, the desktop application receives a click action on the first icon. Figure 4B (a) For example, the first icon can be icon 300, and the desktop application receives a click operation on icon 300.

[0302] S1102, the desktop application sends a launch command for the first application to the Activity Manager. The launch command includes the location information of the first icon.

[0303] S1103, Activity Manager creates the process for the first application.

[0304] S1104, Activity Manager sends a command to the first application indicating that the process has been successfully created. It should be noted that successful process creation of the first application can be understood as successful startup of the first application.

[0305] S1105, the first application queries the startup resources of the first application.

[0306] S1106, the first application displays the second icon. For example, with... Figure 4B (b) For example, the second icon can be icon 400, such as a 3D icon.

[0307] S1107, The first application uses the first animation effect to display the first object. For details on the first animation effect, please refer to the previous description.

[0308] S1108, the Activity Manager sends a window creation command to the Window Manager.

[0309] S1109, the window manager creates the window for the first application.

[0310] Optionally, after the first application window is successfully created, there are two implementation methods. The first method corresponds to the first application interface exit animation effect mentioned earlier, where the first application window gradually enlarges to full screen. The second method corresponds to the second application interface exit animation effect mentioned earlier, where the first application window gradually appears. The first method can be executed by either the desktop application or the first application. Taking the desktop application as an example, it includes... Figure 10A S1110 and S1111 in the example. The second method can be executed by a desktop application or the first application. Taking execution by the first application as an example, it includes... Figure 10B S1112 in the middle.

[0311] S1110, the window manager sends a command to the desktop application indicating that the window has been successfully created.

[0312] S1111, the desktop application gradually enlarges the window until it is displayed in full screen. For example, with... Figure 4C (d) For example, the desktop application control window gradually enlarges to full screen, such as Figure 4C (e).

[0313] S1112, the first application control window gradually appears and displays in full screen. For example, using... Figure 4D (c) For example, the first application displays the second interface, but the second interface has a higher transparency, so visually it appears as if the desktop is fading out. Moreover, the transparency of the second interface gradually decreases, reflecting the visual effect of the second interface gradually appearing until it is fully revealed.

[0314] One possible variation is that S1108-S1109 are executed before S1106. That is, before the first application displays the second icon, a window is created. This window can be displayed full-screen, but it is transparent, allowing the desktop to pass through, so the user still sees the desktop. The first application's homepage is not displayed in this window; instead, other interfaces or an empty interface are displayed. The first application can display the second icon on the desktop or within this window, but because the window is transparent and the desktop is visible, the second icon appears to be on the desktop. The first application displays the first object within the second icon using a second animation effect. During this second animation effect display, the first application displays the second interface (i.e., the homepage) within the transparent window and gradually enlarges it until it is displayed full-screen, or the second interface gradually appears within the transparent window. In other words, the second animation effect of the first object, as well as the enlargement or gradual appearance of the second interface, all occur within the transparent window of the first application.

[0315] It should be noted that, Figure 10AThe process shown takes the first application's "cold start" as an example. If it's the first application's "warm start," then... Figure 10A The process needs to be adjusted. For example, S1104 and S1108-S1110 can be omitted, meaning there is no need to create a window (because the window runs in the background). Moreover, S1103 can be changed to schedule the process of the first application to the foreground.

[0316] like Figure 10B This is a schematic diagram illustrating the process of returning to the desktop from an application interface according to an embodiment of this application. This process can be applied to a second application scenario, such as... Figures 3A to 3E The scenario of returning to the desktop. For example... Figure 10B As shown, the process may include:

[0317] S1200, the desktop application receives an operation to return to the desktop. For example, see 5A(a), where the desktop application receives an operation to return to the desktop.

[0318] S1201, the desktop application sends an exit command to the first application.

[0319] S1202, the first application queries the exit resources of the first application.

[0320] S1203, the first application uses the second animation method to display the first object. Please refer to the previous description for details on the second animation method.

[0321] Optionally, there are two ways to implement the return of the electronic device from the window of the first application to the desktop. The first method corresponds to the first application exit animation effect mentioned earlier, where the window of the first application gradually shrinks until it disappears. The second method corresponds to the second application exit animation effect mentioned earlier, where the window of the first application gradually fades out. The first method can be executed by either the desktop application or the first application. Taking the desktop application execution as an example, it includes... Figure 10B S1204 in the example. The second method can be executed by a desktop application or by the first application. Taking execution by the first application as an example, it includes... Figure 10B S1205 in the middle.

[0322] S1204, the desktop application controls the window of the first application to gradually shrink until it disappears. For example, with... Figure 5C (a) For example, the desktop application control window gradually shrinks, such as Figure 5C (b) until it disappears, as Figure 5C (c)

[0323] S1205, the first application control window gradually fades out. For example, using... Figure 5D(b) Taking this as an example, the first application controls the second interface to gradually fade out. For instance, the transparency of the second interface begins to increase, and visually, this appears as the second interface fading out. As the transparency increases, the desktop gradually appears until it is fully displayed. Figure 5D (d)

[0324] It should be noted that, Figures 9A to 10B In addition, all or part of the steps performed in desktop applications can also be performed by the operating system of electronic devices, which will not be repeated here.

[0325] In the above embodiments, the first object within the first icon will generate animation effects. Optionally, the first object can be fixed or can be updated in real time. For example, the electronic device can update the first object in real time based on at least one of user data, operational activities, current time, and current location in the first application.

[0326] For example, real-time updates of the first object can include: the first object changing from one object to another. For instance, the first object might be object 1 for a certain period and object 2 for another period; object 1 and object 2 are different objects. One possible approach is for the electronic device to update the first object based on user data within the first application. For example, if the first application is a game application, the user data includes the user's game character within the application. For instance, if the user's game character changes from one character to another, the first object is updated from the object corresponding to the first character to the object corresponding to the second character. Another possible approach is for the electronic device to update the first object based on the operational activities of the first application. For example, if the first application is a shopping application, and the current operational activity is a Mother's Day promotion, then the first object is the object related to the Mother's Day promotion; if the current operational activity is a Father's Day promotion, then the first object is the object related to the Father's Day promotion.

[0327] For example, real-time updates of the first object can include: real-time updates of the first object's state. The state can include at least one of posture, facial expression, etc. One possible approach is that the electronic device updates the state of the first object based on time information. For example, if the current time is daytime, the first object is awake (e.g., eyes open); if the current time is nighttime, the first object is resting (e.g., eyes closed). Another possible approach is that the electronic device updates the state of the first object based on location information. For example, if the current location is an office, the first object is quiet (e.g., posture remains unchanged); if the current location is home, the first object is active (e.g., spinning and jumping). Yet another possible approach is that the electronic device updates the first object based on user data in a first application. For example, if a user's game character is adjusted from a first level to a second level, the first object is adjusted from the object corresponding to the first level to the object corresponding to the second level.

[0328] Please see Figure 11 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. The electronic device may be a mobile phone as mentioned above. Figure 11 As shown, the electronic device may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, 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 gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0329] Processor 110 may include one or more processing units, such as application processors (APs), modem processors, graphics processing units (GPUs), image signal processors (ISPs), controllers, memory, video codecs, digital signal processors (DSPs), baseband processors, and / or neural network processing units (NPUs). Different processing units may be independent devices or integrated into one or more processors. The controller may serve as the nerve center and command center of the electronic device. The controller can generate operation control signals based on instruction opcodes and timing signals to control instruction fetching and execution. Processor 110 may also include memory for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. This memory can store instructions or data that processor 110 has just used or is recurring. If processor 110 needs to reuse an instruction or data, it can directly retrieve it from the memory. This avoids repeated access, reduces the waiting time of processor 110, and thus improves system efficiency.

[0330] In some embodiments, the processor 110 can execute the interface display method for application startup provided in this application embodiment. For example, the processor 110 can display a desktop through the display screen 194, which includes a first icon of the first application. After receiving a startup command from the first application, the processor 110 remains on the desktop on the display screen 194, waiting for the application to start. The processor 110 can also generate animation effects on the desktop, such as removing a first object from the first icon and displaying it according to a first animation effect. After the first application starts, the processor 110 displays a first interface of the first application through the display screen 194, and the first object is displayed on top of the first interface.

[0331] In some embodiments, the processor 110 may include one or more interfaces. Interfaces may include 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.

[0332] The I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple I2C buses. The processor 110 can couple to the touch sensor 180K, charger, flash, camera 193, etc., through different I2C bus interfaces. For example, the processor 110 can couple to the touch sensor 180K through the I2C interface, enabling the processor 110 and the touch sensor 180K to communicate through the I2C bus interface, thereby realizing the touch function of the electronic device 100.

[0333] The I2S interface can be used for audio communication. In some embodiments, the processor 110 may include multiple I2S buses. The processor 110 can be coupled to the audio module 170 via the I2S bus to enable communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the I2S interface to enable the function of answering phone calls through a Bluetooth headset.

[0334] The PCM interface can also be used for audio communication, sampling, quantizing, and encoding analog signals. In some embodiments, the audio module 170 and the wireless communication module 160 can be coupled via the PCM bus interface. In some embodiments, the audio module 170 can also transmit audio signals to the wireless communication module 160 via the PCM interface, enabling the function of answering phone calls through a Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.

[0335] The UART interface is a universal serial data bus used for asynchronous communication. This bus can be a bidirectional communication bus. It converts the data to be transmitted between serial and parallel communication. In some embodiments, the UART interface is typically used to connect the processor 110 and the wireless communication module 160. For example, the processor 110 communicates with the Bluetooth module in the wireless communication module 160 via the UART interface to implement Bluetooth functionality. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the UART interface to enable music playback through Bluetooth headphones.

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

[0337] The GPIO interface can be configured via software. It can be configured as a control signal or a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 to a camera 193, a display screen 194, a wireless communication module 160, an audio module 170, a sensor module 180, etc. The GPIO interface can also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, etc.

[0338] USB port 130 is a USB standard compliant interface, specifically a Mini USB port, Micro USB port, USB Type-C port, etc. USB port 130 can be used to connect a charger to charge electronic device 100, and can also be used for data transfer between electronic device 100 and peripheral devices. It can also be used to connect headphones for audio playback. This interface can also be used to connect other electronic devices, such as AR devices.

[0339] It is understood that the interface connection relationships between the modules illustrated in the embodiments of the present invention 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.

[0340] The wireless communication function of the electronic device can be implemented through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor, and baseband processor. Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in the electronic device can be used to cover one or more communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in conjunction with a tuning switch.

[0341] The mobile communication module 150 can provide solutions for wireless communication applications including 2G / 3G / 4G / 5G in electronic devices. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 may be housed in processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be housed in the same device.

[0342] The wireless communication module 160 can provide solutions for wireless communication applications in electronic devices, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0343] In some embodiments, antenna 1 of the electronic device is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, enabling the electronic device to communicate with networks and other devices via wireless communication technology.

[0344] The display screen 194 is used to display the application's interface, etc. The display screen 194 includes a display panel. In some embodiments, the electronic device may include one or N display screens 194, where N is a positive integer greater than 1.

[0345] The electronic device 100 can perform shooting functions through an ISP, a camera 193, a video codec, a GPU, a display 194, and an application processor. The ISP is used to process the data fed back by the camera 193.

[0346] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of the electronic device by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system and software code for at least one application program. The data storage area may store data generated during the use of the electronic device (e.g., images, videos, etc.). Furthermore, internal memory 121 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, general-purpose flash memory, etc.

[0347] The external storage interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, images, videos, and other files can be saved on the external memory card.

[0348] Electronic devices can implement audio functions such as music playback and recording through audio modules 170, speakers 170A, receivers 170B, microphones 170C, headphone jacks 170D, and application processors.

[0349] The audio module 170 is used to convert digital audio information into analog audio signals for output, and also to convert analog audio input into digital audio signals. The audio module 170 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 170 may be located in the processor 110, or some functional modules of the audio module 170 may be located in the processor 110.

[0350] The speaker 170A, also known as a "loudspeaker," is used to convert audio electrical signals into sound signals. The electronic device 100 can listen to music or listen to hands-free calls and other external playback scenarios through one or more speakers 170A.

[0351] The receiver 170B, also known as a "handpiece," can be one or more, and is used to convert audio electrical signals into sound signals. When the electronic device 100 answers a telephone call or voice message, the receiver 170B can be brought close to the ear to listen to the voice.

[0352] The microphone 170C, also known as a "microphone" or "voice transducer," is used to convert sound signals into electrical signals.

[0353] The 170D headphone jack is used to connect wired headphones.

[0354] The pressure sensor 180A is used to sense pressure signals and can convert the pressure signals into electrical signals. In some embodiments, the pressure sensor 180A may be disposed on the display screen 194.

[0355] The gyroscope sensor 180B can be used to determine the motion attitude of an electronic device. In some embodiments, the gyroscope sensor 180B can determine the angular velocity of the electronic device about three axes (i.e., the x, y, and z axes). The gyroscope sensor 180B can be used for image stabilization.

[0356] The barometric pressure sensor 180C is used to measure air pressure. In some embodiments, the electronic device calculates altitude using the air pressure value measured by the barometric pressure sensor 180C to assist in positioning and navigation.

[0357] The magnetic sensor 180D includes a Hall effect sensor. Electronic devices can use the magnetic sensor 180D to detect the opening and closing of a flip cover.

[0358] The 180E accelerometer can detect the magnitude of acceleration in various directions (typically three axes) of electronic devices. When the electronic device is stationary, it can detect the magnitude and direction of gravity.

[0359] The 180F distance sensor is used to measure distance. Electronic devices can measure distance using infrared or laser.

[0360] The proximity sensor 180G may include, for example, a light-emitting diode (LED) and a light detector, such as a photodiode. The LED may be an infrared LED. The electronic device emits infrared light outward through the LED. The electronic device uses the photodiode to detect infrared reflected light from nearby objects. When sufficient reflected light is detected, it can be determined that an object is near the electronic device. When insufficient reflected light is detected, the electronic device can determine that no object is near the electronic device.

[0361] An ambient light sensor 180L is used to detect ambient light levels. Electronic devices can adaptively adjust the brightness of the display screen 194 based on the detected ambient light levels.

[0362] The fingerprint sensor 180H is used to collect fingerprints.

[0363] The 180J temperature sensor is used to detect temperature.

[0364] 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 screen." Touch sensor 180K is used to detect touch operations applied to or near it. The touch sensor can then transmit the detected touch operation to the application processor to determine the type of touch event.

[0365] The bone conduction sensor 180M can acquire vibration signals. In some embodiments, the bone conduction sensor 180M can acquire vibration signals from the vibrating bone segments of the human vocal cords.

[0366] Buttons 190 include a power button, volume buttons, etc. Buttons 190 can be mechanical buttons or touch buttons. The electronic device can receive button inputs and generate key signal inputs related to user settings and function control. Motor 191 can generate vibration alerts. Motor 191 can be used for incoming call vibration alerts or for touch vibration feedback. Indicator 192 can be an indicator light, used to indicate charging status, battery level changes, messages, missed calls, notifications, etc. SIM card interface 195 is used to connect a SIM card. The SIM card can be inserted into or removed from the SIM card interface 195 to achieve contact and separation with the electronic device.

[0367] Understandable, Figure 11 The components shown do not constitute a specific limitation on the electronic device. The electronic device in the embodiments of the present invention may include, but is not limited to, components that are more advanced than those shown. Figure 11 More or fewer parts. Furthermore, Figure 11 The combination / connection relationships between the components can also be adjusted and modified.

[0368] Figure 12 This is a schematic diagram of the structure of the electronic device 1200 provided in an embodiment of this application. The electronic device 1200 can be one of the electronic devices described above (e.g., a mobile phone). Figure 12As shown, the electronic device 1200 may include: one or more processors 1201; one or more memories 1202; a communication interface 1203; and one or more computer programs 1204. These devices can be connected via one or more communication buses 1205. The one or more computer programs 1204 are stored in the memory 1202 and configured to be executed by the one or more processors 1201. The one or more computer programs 1204 include instructions. For example, when the electronic device 1200 is the electronic device described above, the instructions can be used to perform relevant steps of the electronic device as in the corresponding embodiments above, such as executing... Figures 2A to 10B The relevant steps of the electronic device. The communication interface 1203 is used to enable communication between the electronic device 1200 and other devices, such as a transceiver.

[0369] In the embodiments provided above, the methods provided by the embodiments of this application are described from the perspective of an electronic device (e.g., a mobile phone) as the executing entity. To implement the functions of the methods provided in the embodiments of this application, the electronic device may include hardware structures and / or software modules, implementing the above functions in the form of hardware structures, software modules, or a combination of hardware structures and software modules. Whether a particular function is implemented in the form of hardware structures, software modules, or a combination of hardware structures and software modules depends on the specific application and design constraints of the technical solution.

[0370] In the above embodiments, implementation can be achieved entirely or partially through software, hardware, firmware, or any combination thereof. When implemented using software, it can be implemented entirely or partially in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments of the present invention are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) means. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that integrates one or more available media. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., solid state disk (SSD)). Where there is no conflict, the solutions in the above embodiments can be combined.

[0371] Based on the above embodiments, this application also provides a computer program product containing instructions, which, when run on a computer, causes the computer to execute the methods described in the embodiments of this application.

[0372] Based on the above embodiments, this application also provides a computer-readable storage medium storing a computer program, which, when executed by a computer, causes the computer to perform the methods described in the embodiments of this application.

[0373] Based on the above embodiments, this application also provides a chip for reading computer programs stored in a memory to implement the methods described in the embodiments of this application.

[0374] Based on the above embodiments, this application provides a chip system including a processor for supporting a computer device in implementing the methods described in the embodiments of this application. In one possible design, the chip system further includes a memory for storing necessary programs and data of the computer device. This chip system may be composed of chips or may include chips and other discrete devices.

[0375] Those skilled in the art will understand that embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0376] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to this application. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart illustrations. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0377] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0378] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0379] Obviously, those skilled in the art can make various modifications and variations to this application without departing from the scope and intent of this application. Therefore, if such modifications and variations fall within the scope of the claims of this application and their equivalents, this application is also intended to include such modifications and variations.

Claims

1. A method for displaying an application's interface upon startup, characterized in that, Applied to electronic devices, the method includes: Displaying a first interface, the first interface including display elements, the display elements being used to launch a first application, the display elements including a first object; Receive a startup command, the startup command being used to launch the first application; In response to the launch command, the first application is launched and the first object is displayed using a first animation effect, wherein the first animation effect includes obtaining a visual effect that moves the first object out of the display elements; During or after the first object is displayed in accordance with the first animation, a second interface is displayed. The second interface is the first interface after the first application is launched.

2. The method according to claim 1, characterized in that, In the process of displaying the first object using the first animation effect, the method further includes: displaying the display element, wherein the first object is not retained in the display element, or the first object in the display element is blurred or transparent.

3. The method according to claim 1 or 2, characterized in that, During the process of displaying the first object using the first motion effect, at least one of the first object's posture, shape, area, and expression changes.

4. The method according to any one of claims 1-3, characterized in that, The first object is displayed using a first animation effect, including: The first object is moved from a first starting position to a first ending position according to a first trajectory curve and / or a first velocity curve, wherein the first starting position is located inside the display element and the first ending position is located outside the display element.

5. The method according to claim 4, characterized in that, The first endpoint position is the first target position in the second interface.

6. The method according to claim 5, characterized in that, The first target location is a preset location or a user-specified location.

7. The method according to claim 5 or 6, characterized in that, The second interface includes the first object, and the first target position is the display position of the first object in the second interface.

8. The method according to any one of claims 4-7, characterized in that, Moving the first object from the first starting position to the first ending position according to the first trajectory curve and / or the first velocity curve includes: Obtain the animation display medium of the first object, wherein the animation display medium is a static image, dynamic image, image sequence, 3D model or video; The animated display media moves from the first starting point to the first ending point according to the first trajectory curve and / or the first speed curve.

9. The method according to claim 8, characterized in that, The first animation display medium is: The image or 3D model of the first object within the display element; or... Converting a 2D image within the display element into a 3D image or 3D model; or... The 3D image within the display element is converted into a 3D model.

10. The method according to claim 8, characterized in that, Before moving the animated display media from a first starting position to a first ending position according to a first trajectory curve and / or a first speed curve, the method further includes: Replace the first object within the display element with the motion effect display media.

11. The method according to claim 10, characterized in that, The step of replacing the first object within the display element with the motion effect display media includes: The display element containing the first object is replaced with the display element that does not contain the first object, and the animation display media is overlaid on the display element that does not contain the first object.

12. The method according to claim 11, characterized in that, The step of replacing the display element containing the first object with the display element that does not contain the first object includes: Set the display element containing the first object to be invisible; Display the display element that does not contain the first object at the display position of the display element that contains the first object.

13. The method according to claim 11 or 12, characterized in that, The method further includes: increasing the display area of ​​the display element that does not contain the first object starting from a first moment, wherein the first moment is the starting moment when the first object is displayed using a first animation effect.

14. The method according to any one of claims 5-7, characterized in that, Before, after, or simultaneously with the display of the second interface, the first object moves to the first target position.

15. The method according to claim 14, characterized in that, The first object stops moving when it reaches the first target position.

16. The method according to claim 14 or 15, characterized in that, After the first object is moved to the first target location, the method further includes: Cancel display of the first object that has moved to the first target location.

17. The method according to claim 16, characterized in that, Cancel displaying the first object that has moved to the first target location, including: Within a first time period after the first object moves to the first target location, the display of the first object is automatically canceled; or... When a user action is received instructing the user to switch the second interface to another interface, the first object is de-displayed.

18. The method according to any one of claims 1-17, characterized in that, The display element also includes a second object; the method further includes: displaying the second object using a third animation effect during the startup of the first application.

19. The method according to claim 18, characterized in that, The third form of motion effect includes achieving a visual effect that removes the second object from the display element.

20. The method according to claim 18 or 19, characterized in that, The third motion effect form differs from the first motion effect form in at least one of the endpoint position, trajectory curve, and velocity curve.

21. The method according to any one of claims 1-20, characterized in that, The second interface display includes: The second interface is displayed in full screen; or, Display the second interface within a floating window; or, The second interface is displayed in one of the multiple areas in split-screen mode.

22. The method according to any one of claims 1-21, characterized in that, The method further includes: displaying application interface animation effects, wherein the application interface animation effects include one of the following animation effects: The second interface is displayed with a first area, and the area of ​​the second interface gradually increases until the second interface fills the display area of ​​the second interface; and / or the second interface is displayed with a first transparency, and the transparency of the second interface gradually decreases until the second interface is fully displayed; or, A preset image corresponding to the second interface is displayed with a first area, and the area of ​​the preset image gradually increases. When the preset image fills the display area of ​​the second interface, the preset image is replaced with the second interface.

23. The method according to claim 22, characterized in that, After the first object is displayed using the first animation effect, the application interface animation effect is displayed after a second duration.

24. The method according to claim 23, characterized in that, The third duration is the sum of the second duration and the fourth duration, wherein the third duration is the duration for displaying the first object using the first animation effect, and the fourth duration is the duration for displaying the application interface animation effect.

25. The method according to any one of claims 1-24, characterized in that, The method further includes: A return instruction is received when the third interface of the first application is displayed. The return instruction is used to indicate returning to the first interface, wherein the third interface is the second interface or another interface of the first application. In response to the return command, during the process of returning to the first interface, the first object is displayed using a second animation effect, the second animation effect including obtaining a visual effect of moving the first object back to the display element.

26. The method according to claim 25, characterized in that, Before displaying the first object using the second animation effect, the method further includes: The third interface is displayed in a minimized state; When the third interface is shrunk to a preset area, the first object used to display the animation effect is superimposed at the second starting position, and the first object is displayed in the form of the second animation effect, wherein the second starting position is located on the shrunk third interface.

27. The method according to claim 25 or 26, characterized in that, The method of displaying the first object using a second animation effect includes: The first object is moved from the second starting position to the second target position according to the second trajectory curve and / or the second speed curve, the second target position being located within the display element.

28. The method according to any one of claims 25-27, characterized in that, During the process of displaying the first object using the second animation method, at least one of the first object's posture, shape, area, and expression changes.

29. The method according to any one of claims 25-28, characterized in that, When returning to the first interface, the area of ​​the displayed element in the first interface increases; when the first object is moved back behind the displayed element, the area of ​​the displayed element decreases.

30. The method according to any one of claims 25-29, characterized in that, After returning to the first interface, the first application switches to the background, and the method further includes: Received a first operation for the displayed element; In response to the first operation, the first object is displayed using a fourth motion effect, wherein the fourth motion effect includes obtaining a visual effect that moves the first object out of the display elements, and wherein the duration of the fourth motion effect is less than the duration of the first motion effect. During or after the first object is displayed in accordance with the fourth animation effect, a fourth interface is displayed, which is the interface displayed before the first application switches to the background.

31. An electronic device, characterized in that, include: Processor, memory, and one or more programs; The one or more programs are stored in the memory, and the one or more programs include instructions that, when executed by the processor, cause the electronic device to perform the steps of the method as described in any one of claims 1-30.

32. A computer-readable storage medium, characterized in that, The computer-readable storage medium is used to store a computer program that, when run on a computer, causes the computer to perform the method as described in any one of claims 1 to 30.

33. A computer program product, characterized in that, Includes a computer program that, when run on a computer, causes the computer to perform the method as described in any one of claims 1 to 30.

Images