Animation display method and device, computer equipment, storage medium and program product

Abstract

The invention relates to an animation display method and device, computer equipment, a storage medium and a program product, and relates to the technical field of user interface design. The method comprises the following steps: displaying a first page managed by a first active component in an application program; when the display of the first page is finished, displaying a second page managed by a second active component in the application program; the second movable assembly is different from the first movable assembly; the page content of the first page is associated with the content of the target content element in the second page; the target content element is one of the content elements of the second page; and displaying an animation that the target image is shrunk to the target area on the upper layer of the second page through the target window, the target window is other windows except the window corresponding to the second active component, the target image is the last frame image of the first page, and the target area is the area where the target content element is located.

Description

Technical Field

[0001] The embodiments of the present application relate to the technical field of user interface design, and in particular to an animation display method, apparatus, computer equipment, storage medium, and program product. Background Art

[0002] In mobile applications, OneShot is a technology that seamlessly connects the splash screen with the content on the main page of the application when the application is opened.

[0003] In the related technology, when a mobile application is opened, the activity component corresponding to the main page is started. The activity component of the main page inserts a splash screen view in the root view to display the splash screen page. When the splash screen page is displayed, the splash screen page is transitioned to the area corresponding to the splash screen page in the main page through view animation, thereby achieving the OneShot effect.

[0004] However, the solutions shown in the above-mentioned related technologies have great restrictions on the component framework of mobile applications, resulting in limited application scenarios. Summary of the invention

[0005] The embodiments of the present application provide an animation display method, device, computer equipment, storage medium and program product, which can improve the application scenarios of the splash screen animation effect. The technical solution is as follows:

[0006] In one aspect, an animation display method is provided, the method comprising:

[0007] Displaying a first page managed by a first activity component in an application;

[0008] When the first page ends displaying, displaying a second page in the application that is managed by a second active component; the second active component is different from the first active component; the page content of the first page is associated with the content of a target content element in the second page; the target content element is one of the content elements of the second page; and,

[0009] An animation of shrinking the target image to the target area is displayed on the upper layer of the second page through the target window; the target window is a window other than the window corresponding to the second active component, the target image is the last frame image of the first page, and the target area is the area where the target content element is located.

[0010] In another aspect, an animation display device is provided, the device comprising:

[0011] A first page display module, used to display a first page managed by a first activity component in an application program;

[0012] A second page display module is used to display a second page managed by a second activity component in the application when the display of the first page ends; the second activity component is different from the first activity component; the page content of the first page is associated with the content of a target content element in the second page; the target content element is one of the content elements of the second page; and

[0013] An animation display module is used to display an animation of a target image shrinking to a target area on the upper layer of the second page through a target window; the target window is a window other than the window corresponding to the second active component, the target image is the last frame image of the first page, and the target area is the area where the target content element is located.

[0014] In some embodiments, the animation display module is used to add a target window on the upper layer of the second page; the size of the target window is the same as the size of the first page; and an animation of shrinking the target image to the target area is displayed based on the target window.

[0015] In some embodiments, the animation display module is used to add the target window on the upper layer of the second page through a window management component;

[0016] The animation display module is used to tile the target image to the target window; and display the animation of the target image shrinking to the area surrounded by the area coordinates through the window management component.

[0017] In some embodiments, the apparatus further comprises:

[0018] A target image transmission module is used to obtain the target image before the animation display module displays the animation of the target image shrinking to the target area based on the target window; wherein the target image is an image obtained from the server; or, the target image is provided and managed by the first activity component.

[0019] In a possible implementation manner, the device further includes:

[0020] a tag sending module, configured to set an image acquisition tag after acquiring the target image, when the target image is provided by the first active component; the image acquisition tag is used to indicate that the target image is successfully acquired;

[0021] A component destroying module is used to destroy the first active component when the display of the first page ends and the image acquisition mark exists.

[0022] In some embodiments, the apparatus further comprises:

[0023] An area coordinate acquisition module is used to obtain the area coordinates of the target area where the target content element is located in the rendered second page through the second active component before the animation display module displays the animation of shrinking the target image to the target area based on the target window; and obtain the area coordinates provided by the second active component through the window management component.

[0024] In some embodiments, the animation display module is used to keep the size of the target window unchanged through the window management component, and display an animation in the target window in which the target image is reduced frame by frame to the area surrounded by the area coordinates; wherein the target window is a window with zero transparency.

[0025] In some embodiments, the animation display module is used to keep the target image tiled in the target window through the window management component, and shrink the target window frame by frame to the area surrounded by the area coordinates.

[0026] In some embodiments, the apparatus further comprises:

[0027] A second activity component starting module is used to start the second activity component at a specified time before the first page ends displaying and before the second page managed by the second activity component in the application is displayed when the first page ends displaying; the time length between the specified time and the time length when the first page ends displaying is not less than a time length threshold;

[0028] The area coordinate acquisition module is used to acquire the area coordinates of the target area provided and managed by the second activity component through the window management component before the first page is displayed.

[0029] In some embodiments, the duration threshold is a preset threshold; or, the duration threshold is a threshold obtained based on hardware parameters of a device running the application.

[0030] In some embodiments, the window management component runs in a child thread, and the child thread is a thread other than a main thread where the second active component is located.

[0031] In some embodiments, the first page is a splash screen page, and the second page is a main page of the application.

[0032] On the other hand, a computer device is provided, which includes a processor and a memory, wherein the memory stores at least one instruction, at least one program, a code set or an instruction set, and the at least one instruction, the at least one program, the code set or the instruction set are loaded and executed by the processor to implement the animation display method as described above.

[0033] On the other hand, a computer-readable storage medium is provided, wherein at least one instruction, at least one program, a code set or an instruction set is stored in the storage medium, and the at least one instruction, the at least one program, the code set or the instruction set is loaded and executed by a processor to implement the animation display method as described above.

[0034] In another aspect, a computer program product is provided, the computer program product comprising a computer program, the computer program being stored in a computer-readable storage medium. A processor of a computer device reads the computer program from the computer-readable storage medium, and the processor executes the computer program, so that the computer device executes the animation display method provided in the above-mentioned various optional implementations.

[0035] The technical solution provided by this application may have the following beneficial effects:

[0036] The computer device manages different pages (a first page managed by a first active component, a second page managed by a second active component) through different active components, so that the function of each page is more focused, the processing logic of the animation display is simplified, the complexity of the animation switching is reduced, the efficiency of the animation display is improved, and the efficiency and stability of the animation display are ensured. At the same time, the computer device displays the animation of the target image shrinking to the target area through an independent window on the upper layer of the second page. The animation effect uses the last frame image of the first page as the basis for the transition, and realizes the splash screen animation effect by dynamically shrinking to the area where the target content element is located. Therefore, in the application framework where the splash screen page and the main page of the application are respectively realized by different active components, the splash screen animation effect can also be realized, thereby expanding the application scenario of the splash screen animation.

[0037] It should be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present application. BRIEF DESCRIPTION OF THE DRAWINGS

[0038] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and, together with the description, serve to explain the principles of the present application.

[0039] Figure 1 is a system configuration diagram of an animation display involved in one embodiment of the present application;

[0040] Figure 2 is a flow chart of an animation display method provided by an embodiment of the present application;

[0041] Figure 3 is a flow chart of an image recognition method provided by an embodiment of the present application;

[0042] Figure 4 It is a system framework diagram of an animation display method provided by an embodiment of the present application;

[0043] Figure 5 It is a schematic diagram of switching from a splash screen Activity to a home page Activity provided by an embodiment of the present application;

[0044] Figure 6 is a block diagram of an animation display device provided by an exemplary embodiment of the present application;

[0045] Figure 7 It is a structural diagram of a computer device provided by an exemplary embodiment of the present application. DETAILED DESCRIPTION

[0046] Here, exemplary embodiments are described in detail, and examples thereof are shown in the accompanying drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The implementations described in the following exemplary embodiments do not represent all implementations consistent with the present application.

[0047] Rather, they are merely examples of apparatus and methods consistent with some aspects of the present application as recited in the appended claims.

[0048] The present application proposes an animation display solution, which can manage different pages through different active components, and achieve animation effects by immediately displaying the second page when the first page display ends. It can effectively avoid blank periods or black screens that may occur when pages are switched, ensure the continuity and smoothness of the animation content display, and improve the efficiency of animation display. For ease of understanding, some concepts involved in the present application are explained below.

[0049] 1) Activity: An Activity is a component in an existing application that is responsible for the presentation of the user interface and user interaction. Each Activity represents a single screen where the user can operate. The Activity is responsible for managing its life cycle, including states such as creation, start, pause, resume, and destruction.

[0050] 2) OneShot: Commercial OneShot advertising animation, starting from the splash screen stage and continuing to the application homepage display, zooms to a certain position on the homepage through the effect. Possible positions include banners, tabs, certain units, etc. The OneShot animation splash screen has a better visual impact, higher click-through rate and commercial value.

[0051] 3) Window: A window is a user interface element displayed in an operating system. They can be activities, dialog boxes, or other types of views. Windows are used to display application content and interact with users.

[0052] 4) WindowManager: WindowManager is a system service used to manage application windows. It is responsible for adding, deleting and updating windows, as well as the layout and display of windows. WindowManager provides some important functions, such as: window management, controlling the display order and hierarchy of application windows. Window property setting: setting window size, position, transparency and other properties. Input event processing: managing window touch and keyboard input events.

[0053] 5) DecorView: DecorView is the top-level view in the application and is responsible for managing the application's window content and layout. It is the root view of all views and contains the status bar, title bar, and content area. DecorView also handles various features of the window, such as full-screen mode and display of system UI.

[0054] 6) Main thread: In system development, the main thread is the thread responsible for handling the user interface and user interaction. All UI-related operations, such as updating the interface, processing user input, etc., must be performed in the main thread.

[0055] 7) Subthread: A subthread is a thread that runs outside the main thread and is usually used to perform time-consuming operations, such as network requests, file reading and writing, to avoid blocking the user interface. Using subthreads can improve the responsiveness of the application.

[0056] Figure 1 1 is a system configuration diagram of an animation display method according to an embodiment of the present application. Figure 1 As shown, the system includes a user terminal device 120 for animation display and a server 130.

[0057] The user terminal device 120 may be a personal computer device such as a desktop computer, a laptop computer, a personal workstation, etc.

[0058] The server 130 may be a single server, or a plurality of servers, or a virtualization platform, or a cloud computing service center.

[0059] The user terminal device 120 and the server 130 may be connected via a communication network. Optionally, the communication network is a wired network or a wireless network.

[0060] Optionally, the above-mentioned wireless network or wired network uses standard communication technology and / or protocol. The network is usually the Internet, but it can also be any network, including but not limited to any combination of local area network (LAN), metropolitan area network (MAN), wide area network (WAN), mobile, wired or wireless network, private network or virtual private network. In some embodiments, the data exchanged through the network is represented by technology and / or format including Hyper Text Mark-up Language (HTML), Extensible Markup Language (XML), etc. In addition, conventional encryption technologies such as Secure Socket Layer (SSL), Transport Layer Security (TLS), Virtual Private Network (VPN), Internet Protocol Security (IPsec) can also be used to encrypt all or some links. In other embodiments, customized and / or dedicated data communication technology can also be used to replace or supplement the above-mentioned data communication technology.

[0061] exist Figure 1 In the system shown, the user terminal device 120 can display a first page managed by a first active component and a second page managed by a second active component in an application.

[0062] When the user opens the application, the user terminal device 120 displays the first page 120a through an activity component (Activity component), the user terminal device 120 can obtain the last frame image of the first page 120a as the target image 120b, and at a specified time before the display of the first page 120a ends, start the second page 120c through another activity component. After the first page 120a is displayed, in the user terminal device 120, through another window (target window) independent of the window where the second page 120c is located, an animation of the target image 120b shrinking to the target area of ​​the second page 120c is displayed, that is, the user can see the animation of the displayed second page 120c changing to the second page 120d in the user terminal device 120.

[0063] It should be noted that, in the embodiments of the present application, the above solution is implemented by a single-sided device as an example. Optionally, the above solution can also be implemented by the interaction of two-sided devices.

[0064] Figure 2 is a flowchart of an animation display method provided by an embodiment of the present application. The image recognition can be performed by a computer device, for example, the computer device can be the above-mentioned Figure 1 The user terminal device 120 shown, or the computer device mentioned above may also be other computer devices, such as a server, or a personal computer, etc. The animation display method mentioned above includes steps 210, 222 and 224, wherein step 222 and step 224 are performed simultaneously, as follows.

[0065] Step 210: Display a first page managed by a first activity component in an application.

[0066] The above application includes at least one page, each page is managed by an active component, different pages can be managed by different active components, or some pages can be managed by the same active component. In an embodiment of the present application, a computer device can display one or more pages in an application, and in some embodiments, a computer device can display pages in multiple different applications.

[0067] The first active component is one of the different active components. In the embodiment of the present application, the computer device can manage the first page through the first active component, for example, perform a zoom-in / zoom-out operation on the first page through the first active component, or perform an open / close operation on the first page through the first active component.

[0068] The first page is one of at least one page included in the application.

[0069] In an embodiment of the present application, the computer device may display a first page managed by a first activity component when the application is started.

[0070] Step 222: When the first page ends displaying, a second page managed by a second active component in the application is displayed; the second active component is different from the first active component; the page content of the first page is associated with the content of a target content element in the second page; the target content element is one of the content elements of the second page.

[0071] The second activity component is one of the different activity components. In the embodiment of the present application, the computer device can manage the second page through the second activity component, for example, perform a zoom-in / zoom-out operation on the second page through the second activity component, or perform an open / close operation on the second page through the second activity component.

[0072] The second page is different from the first page.

[0073] In the embodiment of the present application, the second page may include at least one content element, and the target content element is one of the at least one content element. The content element includes but is not limited to any of the following:

[0074] 1) Text box: used to display text information.

[0075] 2) Edit box: allows users to enter information.

[0076] 3) Button: Users can trigger specific actions by clicking a button.

[0077] 4) Image view: used to display pictures or icons.

[0078] 5) List View / Grid View: Displays a list of a series of items or projects.

[0079] 6) Progress bar: displays the progress of the operation.

[0080] 7) Switch: Indicates the on / off status of the first page.

[0081] 8) Slider: Users can adjust the value by dragging the slider.

[0082] 9) Drop-down menu: displays a list of selectable options.

[0083] In the embodiment of the present application, the page content of the first page is associated with the content of the target content element in the second page, which may mean that the content of the target content element in the second page is the same as or related to the page content of the first page. For example, when a user performs a specific operation on the page content on the first page, it can directly trigger the entry into the subordinate page corresponding to the target content element in the second page.

[0084] Exemplarily, the first page is a poster page, where users can view posters of a product / service; the second page is the application main page, which contains a details entry for the product / service (i.e., the target content element mentioned above); if the user clicks on the poster page, the application can be triggered to directly display the details page of the product / service, which can be a page entered through the details entry.

[0085] Step 224: An animation of shrinking the target image to the target area is displayed on the upper layer of the second page through the target window; the target window is a window other than the window corresponding to the second active component, the target image is the last frame image of the first page, and the target area is the area where the target content element is located.

[0086] The target image is a frame of image displayed in the upper view of the second page.

[0087] The upper view is a view above the second page view, which can be used to temporarily display information, prompt users, or provide interactive functions.

[0088] The above-mentioned first page can be displayed through the window where the second active component is located; the computer device starts another target window outside the window where the second active component is located, and the target window is superimposed on the upper layer of the window where the second active component is located, and displays the animation of the target image shrinking to the target area through the target window.

[0089] The target area is an area in the second page that contains a target content element.

[0090] In an embodiment of the present application, the first page can display at least one frame of image, the computer device obtains the last frame of image displayed in the first page as the target image, and adds the last frame of image of the first page to the upper view of the second page through an independent window.

[0091] In an embodiment of the present application, a computer device displays a dynamic process of a target image shrinking from an initial area to a target area, wherein the initial area is the area where the target image is first displayed in an upper view of a second page; optionally, the initial area is the area occupied by the target image when it is displayed in the first page.

[0092] In an embodiment of the present application, a computer device manages different pages (a first page managed by a first active component, a second page managed by a second active component) through different active components, so that the function of each page is more focused, the processing logic of the animation display is simplified, the complexity of the animation switching is reduced, the efficiency of the animation display is improved, and the efficiency and stability of the animation display are ensured. At the same time, the computer device displays an animation of shrinking the target image to the target area through an independent window on the upper layer of the second page. The animation effect uses the last frame image of the first page as the basis for the transition, and realizes the splash screen animation effect by dynamically shrinking to the area where the target content element is located. Therefore, in an application framework in which the splash screen page and the main page of the application are respectively realized through different active components, the splash screen animation effect can also be realized, thereby expanding the application scenario of the splash screen animation.

[0093] In addition, since the page content of the first page is associated with the target content element content in the second page, the animation effect is achieved by immediately displaying the second page when the first page display ends, which can effectively avoid the blank period or black screen phenomenon that may occur when the pages are switched, ensure the continuity and smoothness of the animation content display, and improve the animation display efficiency; from the user's perspective, the displayed page content does not change much, and the transition of the animation between the two pages is natural and reasonable. The user can intuitively understand the continuity of the page content, which improves the visual coherence and comprehensibility of the animation display and enhances the user experience.

[0094] Based on the solutions shown in any one or more of the above embodiments, in some embodiments, the first page is a splash screen page, and the second page is a main page of the application.

[0095] The above-mentioned splash screen page refers to the first page that is briefly displayed when the application is started. The main function of the splash screen page is to provide a startup interface to inform the user that the application is loading. The splash screen page can display the application's logo, brand color or a short welcome message. The splash screen page can contain animations or static images to show the startup process of the application.

[0096] The main page is the first functional page that the application enters after the startup process is completed. The main page is the core interface of the application, which contains the main functional entrance of the application, and the user can interact with the application through the main page.

[0097] In an embodiment of the present application, the display content of the main page is associated with the display content of the splash screen page. For example, the splash screen page displays the brand logo of the application, and the main page displays information related to the brand logo. In the main page, there can be a specific target content element associated with the content of the splash screen page. The target content element can be a button, a label, or a specific icon in the main page.

[0098] In the embodiment of the present application, the application scenarios corresponding to the first page and the second page are defined. When switching from the splash screen page to the main page, the visual continuity can be enhanced through the animation effect to ensure the user experience.

[0099] based on Figure 2 , please refer to Figure 3 , Figure 3 This is a flowchart of an image recognition method provided by an embodiment of the present application. Figure 2 Step 224 in the embodiment can be implemented as step 224a and step 224b, as follows:

[0100] Step 224a: Add a target window on the upper layer of the second page; the size of the target window is the same as that of the first page.

[0101] In the embodiment of the present application, the computer device may create a target window having the same size as that of the first page in the upper view of the second page.

[0102] Step 224b: Displaying an animation of the target image shrinking to the target area based on the target window.

[0103] In an embodiment of the present application, the computer device may display an animation corresponding to the entire process of shrinking the target image to the target area based on the target window.

[0104] For example, after displaying the target image in the target window, the computer device may shrink the target image from one area (i.e., the initial area) to another area (i.e., the above-mentioned target area) in the target window; optionally, after displaying the target image in the target window, the computer device may shrink the target window displaying the target image to the target area.

[0105] In an embodiment of the present application, the computer device adds a target window on the upper layer of the second page. The size of the target window is the same as that of the first page, so that the target window can seamlessly cover the display area of ​​the first page. Therefore, when displaying the animation, it can accurately simulate the effect of the last frame of the first page shrinking to a certain position in the second page, avoid the mismatch between the last frame of the first page and the first frame of the splash screen animation, and ensure the accuracy of the splash screen animation display.

[0106] Based on the solutions shown in any one or more of the above embodiments, in some embodiments, step 224a can be implemented by adding a target window on the upper layer of the second page through a window management component. Step 224b can be implemented by tiling the target image to the target window through the window management component; and by displaying an animation of the target image shrinking to the area surrounded by the area coordinates through the window management component.

[0107] The above-mentioned window management component is a component for managing windows in an application. In an embodiment of the present application, the computer device can manage a target window in an application through the window management component, for example, perform a zoom-in / zoom-out operation on the target window through the window management component, or perform an open / close operation on the target window through the window management component, or control the content displayed in the target window through the window management component.

[0108] In the embodiment of the present application, the computer device can create a window in the upper view of the second page as a target window through the window management component.

[0109] In the embodiment of the present application, after the computer device acquires the target image and creates the target window, the target image is tiled to the target window through the window management component, and the tiled target image is shrunk to the area surrounded by the regional coordinates. At this time, the computer device records the dynamic process of the target image shrinking from the initial position after tiling to the area surrounded by the regional coordinates through the window management component, and displays it as an animation of the target image shrinking to the area surrounded by the regional coordinates.

[0110] In an embodiment of the present application, before displaying the animation, the computer device can use a window management component to set a target window independent of the first active component and the second active component, tile the target image in the target window, and achieve a shrinking effect of the target image through the target window, thereby ensuring the feasibility of achieving the splash screen animation effect in the framework where the splash screen page and the main page belong to different active components through an independent window management component.

[0111] Based on the solutions shown in any one or more of the above embodiments, before step 224b, the computer device may obtain a target image; wherein the target image is an image obtained from the server; or, the target image is provided by the first active component.

[0112] In one possible implementation, the target image displayed through the target window can be obtained by the application (such as a process or thread of the application) requesting the server; for example, when the application is started, when obtaining the splash screen page from the server, the last frame of the splash screen page can be separately requested as the target image. The thread in the application that is used to display the animation effect of the target image displays the obtained target image in the target window when the target window is started through the window management component. For example, the view containing the target image can be displayed in the target window through the window management component.

[0113] Alternatively, the application may also obtain the target image through the first active component; for example, when the application is started, it obtains a splash screen page from the server and the first active component manages and displays the splash screen page. The first active component can extract the last frame of the splash screen page and cache it as the target image. The thread in the application that displays the animation effect of the target image can obtain the target image from the first active component (for example, obtain the address of the target image in the memory); subsequently, when the target window is started through the window management component, the obtained target image can be displayed in the target window.

[0114] In the embodiment of the present application, the computer device can obtain the target image through the first active component, and provide the target image to the target window created by the window management component for display.

[0115] Based on the schemes shown in any one or more of the above embodiments, in some embodiments, the computer device can obtain image data of the target image provided by the first active component through the window management component; or obtain the rendering result of the target image provided by the first active component through the window management component.

[0116] The above-mentioned image data indicates the image information of the target image, and the image information includes but is not limited to the color of the pixels of the target image and the size of the target image. In an embodiment of the present application, the first active component can obtain the image data of the target image, transmit the image data to the window management component, and the window management component receives the image data of the target image. Optionally, after obtaining the image data of the target image, the first active component can store the image data in a memory, and the window management component can obtain the image data of the target image by reading the memory.

[0117] Among them, the above-mentioned rendering result refers to the image finally presented on the first page after processing and drawing operations. That is, the final image content corresponding to the target image drawn by the first active component in the first page. In an embodiment of the present application, the first active component can obtain the rendering result of the target image, transmit the rendering result to the window management component, and the window management component receives and obtains the rendering result of the target image. Optionally, after obtaining the rendering result of the target image, the first active component can store the rendering result in the memory, and the window management component can obtain the rendering result of the target image by reading the memory.

[0118] In the embodiments of the present application, two methods for acquiring the target image are expanded. On the one hand, the last frame image of the splash screen page can be directly acquired from the server, that is, the acquisition process of the target image will not affect the display process of the splash screen page, thereby avoiding affecting the display logic of the splash screen page. On the other hand, the target image can also be directly acquired from the active component corresponding to the flash page, without the need to request an additional image from the server, thus saving network resources.

[0119] Based on the scheme shown in any one or more of the above embodiments, in some embodiments, the above method also includes: after acquiring the target image, setting an image acquisition mark; the image acquisition mark is used to indicate that the target image is successfully acquired; when the first page display ends and the image acquisition mark exists, destroying the first active component.

[0120] In an embodiment of the present application, when acquiring the target image through the first active component, the application can set an image acquisition mark after acquiring the target image. Accordingly, before destroying the first active component, it can also be checked whether the image acquisition mark exists. If it exists, it means that the thread used to display the animation effect of the above target image in the application has successfully acquired the target image. At this time, the first active component can be destroyed; optionally, if it does not exist, it means that the thread used to display the animation effect of the above target image in the application has failed to successfully acquire the target image. At this time, the first active component can be prohibited from being destroyed so as to re-acquire the target image from the first active component, thereby ensuring the accuracy of the target image acquisition.

[0121] Based on the scheme shown in any one or more of the above embodiments, in some embodiments, before the animation of shrinking the target image to the target area based on the target window display, the computer device can obtain the area coordinates of the target area where the target content element is located in the rendered second page through the second active component; and obtain the area coordinates provided by the second active component management through the window management component.

[0122] In an embodiment of the present application, when an application in a computer device is opened at different times, the first page and the corresponding target content element may be different, and accordingly, the area of ​​the above target content element in the second page may also be different; in addition, different computer devices may have different resolutions, so when the second page is displayed on different computer devices, even if the target content element is the same, the area displayed on the screen of different computer devices may be different; in this regard, in an embodiment of the present application, in order to accurately reduce the target image to the area where the target content element is located, the second active component can determine the area coordinates corresponding to the area where the target content element in the currently rendered second page is located when rendering the second page, and provide the determined area coordinates to the window management component, or in other words, to the thread in the application used to display the animation effect of the above target image through the window management component.

[0123] In an embodiment of the present application, the computer device can detect the target content element in the second page through the second activity component. In some embodiments, the computer device traverses all content elements in the second page through the second activity component, and when traversing to the target content element, it is determined that the target content element is detected.

[0124] When the target content element is detected, the computer device can obtain the area coordinates of the target content element in the second page provided by the second active component through the window management component. In an embodiment of the present application, each content element in the second page has corresponding coordinates in the page, and the coordinates can be based on the upper left corner of the second page as the origin, the top of the second page as the horizontal axis (X-axis), and the left side of the second page as the vertical axis (Y-axis).

[0125] In some embodiments, when the target content element is a regular shape (eg, a rectangle, a polygon), the computer device may obtain, through the window management component, coordinates corresponding to an area enclosed by vertex coordinates of the target content element provided by the second active component as area coordinates.

[0126] In an embodiment of the present application, when the second active component detects the target content element, the computer device obtains the area coordinates corresponding to the target content element, which can ensure the accuracy of the area coordinates, avoid the error caused by inaccurate area coordinates causing the position of the target image to be inconsistent with the position of the target content element, and ensure the quality of the animation display.

[0127] Based on the solutions shown in any one or more of the above embodiments, in some embodiments, the computer device uses a window management component to keep the size of the target window unchanged, and displays an animation in the target window in which the target image is reduced frame by frame to the area surrounded by the area coordinates. The target window is a window with zero transparency.

[0128] The size of the target window refers to the width and height of the target window when it is displayed on the user interface. The width refers to the horizontal size of the target window. For example, the unit of the width can be pixels. For example, if the width of a target window is 800 pixels, it means that the distance from the left side to the right side of the target window is 800 pixels. The height refers to the vertical size of the target window. For example, the unit of the height can be pixels. For example, if the height of a target window is 600 pixels, it means that the distance from the top to the bottom of the target window is 600 pixels.

[0129] In an embodiment of the present application, the computer device can set the size of the target window through a window management component. In an embodiment of the present application, the computer device can control the size of the target window to remain unchanged through a window management component, and at the same time display an animation in the target window that shrinks the target image frame by frame to the area surrounded by the area coordinates.

[0130] In an embodiment of the present application, a computer device can determine the initial size of a target image in a target window and the size range after the final reduction (i.e., the final size), and this range is limited by the coordinates of a pre-set target area. The computer device calculates the rate of change of the target image from the initial size to the final size and the image scaling ratio between each frame. In some embodiments, there is a fixed frame rate (FPS), such as 24 frames per second, which means that the image needs to perform 24 proportional reduction operations per second. During the rendering cycle of each frame of the image, the window management component can adjust the resolution of the image to adapt to the new size through linear interpolation or other image scaling algorithms. In an embodiment of the present application, a computer device can use the above scheme to reduce the target image from its initial size, and after a series of step-by-step reductions, it finally reaches the size defined by the coordinates of the target area, thereby achieving a smooth and natural reduction animation effect.

[0131] In the embodiment of the present application, since the size of the target window is fixed, during the shrinking process of the target image, it can be effectively avoided that the target image cannot be accurately shrunk to the target area due to the change of the window size. On the other hand, the target image is shrunk to the target area by shrinking frame by frame, which can ensure an intuitive and smooth visual effect and animation display effect. At the same time, by setting the transparency of the target window to 0, it can be avoided that the content other than the target image in the second page is blocked during the animation display process, thereby accurately simulating the effect of the splash screen animation.

[0132] Based on the solutions shown in any one or more of the above embodiments, in some embodiments, the computer device uses a window management component to keep the target image tiled in the target window and shrink the target window frame by frame to the area surrounded by the regional coordinates.

[0133] In an embodiment of the present application, the computer device can adjust the size of the target image by controlling the window management component so that the width and height of the target image match the width and height of the target window, that is, the horizontal and vertical directions of the target image completely overlap with the horizontal and vertical directions of the target window.

[0134] After the computer device keeps the target image tiled in the target window through the window management component, the computer device first determines the size of the area enclosed by the area coordinates, initializes the size and position of the target window, so that it can completely tile the target image; then, calculates the reduction path from the initial window size to the size of the target area (the area enclosed by the area coordinates), sets a fixed frame rate (such as 24 frames per second), and in each frame, adjusts the size and position of the window according to the preset reduction rate, and updates the tiled state of the target image in the target window corresponding to the new window size, until the window size of the target window is reduced to match the target area.

[0135] In the embodiment of the present application, the computer device ensures that the target image always occupies the visible area during the change of the size of the target window by keeping the target image tiled in the target window, avoiding the partial image loss or blank area caused by the change of the size of the target window, and ensuring the consistency and integrity of the displayed animation; on the other hand, by reducing the target window frame by frame to the area surrounded by the coordinates of the specific area, the change rate of the window size of each frame can be accurately controlled, ensuring that the transition from the initial size of the target window to the target size is gradual and uniform, making the displayed animation effect more natural and smooth, and effectively ensuring the display effect of the animation.

[0136] Based on the schemes shown in any one or more of the above-mentioned embodiments, in some embodiments, before the above-mentioned step 222, the computer device starts the second active component at a specified time before the display of the first page ends; the duration between the specified time and the time when the display of the first page ends is not less than the duration threshold; before the display of the first page ends, the area coordinates of the target area provided by the second active component management are obtained through the window management component.

[0137] Among them, the above-specified moment can be a specified moment preset by a developer. For example, it can be the moment corresponding to 2 seconds before the end of the display of the first page; it can also be a moment that is a specified proportion of the display duration of the first page. For example, if the total display duration of the first page is T seconds, the developer can preset a proportionality factor P (0 < P < 1), and the specified moment can be the P * T-th second.

[0138] Among them, the above duration threshold can be a threshold preset by a developer. For example, it can be 3 seconds; it can also be a duration threshold that is a specified proportion of the display duration of the first page. For example, if the total display duration of the first page is X seconds, the developer can preset a proportionality factor Q (0 < Q < 1), and the duration threshold can be X * Q seconds.

[0139] In the embodiments of the present application, the computer device can start / stop any active component at any time. The computer device can monitor the display time of the first page through a timer or a listener, and start the second active component at the specified moment before monitoring the end of the display of the first page.

[0140] In the embodiments of the present application, by setting a duration threshold to limit the specified moment, the computer device can ensure that when the display of the first page is approaching the end, the second active component is started in advance, avoiding operation interruptions and visual incoherence caused by starting the second active component to manage the display of the second page after the display of the first page ends. Obtaining the regional coordinates of the target area of the second active component in advance enables the computer device to prepare the display layout for the next stage before the display of the first page ends, reducing delays and lags during the switching process of active components, ensuring a smooth transition from the first page to the second page managed by the second active component. Obtaining the regional coordinates of the target area in advance can preload relevant resources in the background, improving the response speed of the animation and the overall efficiency of the animation display.

[0141] Based on the solutions shown in any one or more of the above embodiments, in some embodiments, the duration threshold is a preset threshold; or, the duration threshold is a threshold obtained according to the hardware parameters of the device running the application program.

[0142] In the embodiments of the present application, the above preset duration threshold can be a time interval determined by the developer based on user testing. The specific duration threshold can depend on the type of the application program. For example, in an e-commerce application, if the user is browsing the product details page, the duration threshold can be set to 3 seconds to ensure that the user has enough time to confirm whether they are ready to view the next product. By setting a specific duration threshold according to the type of the application program, it is possible to transition to the next active component without interrupting the user operation process, effectively guaranteeing the user experience.

[0143] In other embodiments, the duration threshold is dynamically obtained by evaluating the hardware parameters of the device running the application. The hardware parameters include but are not limited to at least one of CPU processing power, memory capacity, and screen refresh rate. The devices include but are not limited to smartphones, tablet computers, desktop computers, game consoles, smart TVs, streaming media devices, wearable devices, and in-vehicle information systems.

[0144] Since applications can run on different devices and the hardware performance of different devices varies, by evaluating the hardware parameters of the device and dynamically adjusting the specific value of the duration threshold, it can be ensured that the animation display effect in the application can be optimized on devices with different hardware configurations. For example, on a high-end smartphone, due to its powerful processor and high refresh rate screen, it can quickly process the computing tasks required for page switching and can support a shorter duration threshold, such as 1 second; for another example, on a low-end mobile phone or tablet, due to its relatively slow processing speed, it is necessary to set a longer duration threshold, such as 2 seconds, to ensure that there will be no freezes or delays when switching pages. By dynamically adjusting the specific value of the duration threshold according to the hardware parameters of the device, the animation display can intelligently adapt to various hardware environments and effectively ensure the animation display effect.

[0145] In other embodiments, the developer may first set a baseline threshold value according to the type of application, and then fine-tune it based on the hardware parameters of the device running the application to achieve the optimal duration threshold value. For example, for a cross-platform application, a moderate default duration threshold value may be set in advance, and then the hardware performance of the device may be detected during operation. If the device performance is detected to be strong, the threshold value may be lowered to speed up the page switching speed; conversely, if the device performance is detected to be low, the threshold value may be appropriately increased to ensure the smoothness of the page switching.

[0146] In other embodiments, the computer device can be personalized according to the user's usage habits and preferences. For example, for users who like to browse quickly, they can be allowed to manually adjust the duration threshold to meet their personalized usage needs.

[0147] In the embodiments of the present application, a plurality of methods for setting duration thresholds are expanded, and different setting methods can set different duration thresholds to adapt to different display scenarios of the animation, thereby effectively ensuring the display effect of the animation.

[0148] Based on the solutions shown in any one or more of the above embodiments, in some embodiments, the window management component runs in a child thread, which is a thread other than the main thread where the second active component is located.

[0149] In the embodiment of the present application, the above-mentioned main thread is a thread used for application core logic and user interface updates, and is responsible for processing tasks related to user interaction, such as button clicks, touch events, etc.

[0150] The above-mentioned sub-threads are independent threads created specifically for executing time-consuming tasks. They can process tasks unrelated to the main thread in parallel, such as network requests, file reading and writing, complex calculations, etc.

[0151] In the embodiment of the present application, by placing the window management component in a child thread to run, it is possible to avoid the management tasks of the window management component occupying the time of the main thread, ensure the efficiency of animation display, and ensure the smoothness of the user interface.

[0152] Based on the solutions shown in any one or more of the above embodiments, please refer to Figure 4 , Figure 4 It is a system framework diagram of an animation display method provided by an embodiment of the present application.

[0153] The animation display method shown in the embodiment of the present application includes three stages, each stage includes two parts: terminal display and back-end implementation. The user terminal device goes through the above three stages in sequence. The terminal display part can be Figure 1 The user terminal device 120 of the animation display in the embodiment is implemented, and the application can be run in the user terminal device, and the application includes a splash screen page and a main page; the back-end implementation part can be implemented by Figure 1 The user terminal device 120 or the server 130 of the animation display is implemented, and the specific process of this solution is as follows:

[0154] Phase 1: front-end splash screen phase + back-end preparation phase.

[0155] A splash screen page 400 is displayed in the user terminal device, and the splash screen page 400 includes a target content element 41. The first activity component 400a manages the splash screen page 400, can obtain the last frame image of the splash screen, and provides the last frame image of the splash screen to the window management component 405a running in the child thread, and the last frame image includes the target content element 41.

[0156] The second active component 410a running in the main thread manages the main page 410, can obtain the area coordinates of the target area in the main page 410 (that is, the position to which the last frame image of the splash screen is to be shrunk in the main page 410), and provide the obtained area coordinates to the window management component 405a.

[0157] The user terminal device obtains the last frame image of the splash screen and the region coordinates of the target region through the window management component 405 a . After obtaining the region coordinates, the user terminal device can locate the target region in the main page 401 .

[0158] The second stage: front-end animation display stage + back-end animation implementation stage.

[0159] The user terminal device adds a target window 405 having the same size as that of the splash screen page 400 to the main page 400 through the window management component 405a, and adds the last frame image of the splash screen containing the target content element 41 to the target window 405; when the splash screen page 400 is finished being displayed, the user terminal device displays an animation of the last frame image of the splash screen shrinking to the target area in the main page 410 through the target window 405.

[0160] The third stage: the main page display stage + the backend completion stage running in the child thread.

[0161] After the user terminal device finishes displaying the animation, the main page 410 is displayed, and at this time, the target content element 41 in the main page 410 is in the target area position.

[0162] Based on the above Figure 2 and Figure 3 The steps in the embodiment of the present application illustrate a solution for implementing OneShot across Activities.

[0163] For example, please refer to Figure 5 , Figure 5 This is a schematic diagram of switching from a splash screen Activity to a home page Activity provided by an embodiment of the present application.

[0164] In the embodiment of the present application, the computer device enters the home page Activity (corresponding to the second page in each of the above embodiments) some time in advance, and after entering the home page Activity, a picture (corresponding to the target image in each of the above embodiments) that is the same as the last frame of the splash screen (corresponding to the first page in each of the above embodiments) is added to the window (corresponding to the target window in each of the above embodiments) through WindowManager (corresponding to the window management component in each of the above embodiments), and then the picture is shrunk to the target position (corresponding to the target area in each of the above embodiments) through the child thread animation. Therefore, from the user's perspective, it looks consistent with the OneShot effect achieved by a single Activity.

[0165] The last frame of the splash screen is obtained in advance from the server by the computer device.

[0166] In the embodiment of the present application, the advance time refers to the time before the splash screen ends. For example, if the splash screen duration is 5000 milliseconds, if the activity is entered 500 milliseconds in advance, the activity will enter the main activity when the splash screen duration is 4500 milliseconds.

[0167] In the embodiment of the present application, the computer device needs to enter the Activity in advance for the following reasons:

[0168] First: From the splash screen Activity to the home page Activity startup, it will be scheduled by Ams (Activity Management Service), which takes hundreds of milliseconds.

[0169] Second: It takes hundreds of milliseconds from the start of the home page activity to the successful drawing of the first frame of the image. The computer device can only know the specific coordinates of the OneShot target after the first frame of the image is drawn. Combining the first and second points, it is necessary to enter the home page activity about 500 milliseconds earlier.

[0170] In the embodiment of the present application, the computer device draws the first frame image, the user interface can see the complete interface, the position coordinates of each view element can be determined, and after the position coordinates are confirmed, OneShot animation can be performed.

[0171] In an embodiment of the present application, the computer device needs to implement animation through a child thread. When the homepage Activity is started, various pages and functions are loading, and the main thread has a large amount of tasks. At this time, if animation is performed on the main thread, there will be jamming, so a child thread is used to implement animation. The specific steps are to add a picture that is the same as the last frame of the splash screen, and after the specific coordinates of the target are determined, OneShot is used to the target position in a child thread manner to achieve a smooth transition of the animation. The principle of the child thread animation is to obtain the WindowManager and add a Window using the child thread. Subsequent view operations in the Window use this child thread. The child thread is dedicated and can avoid the problem of animation jamming caused by the busy main thread.

[0172] It should be noted that in the embodiment of the present application, because the home page needs to be entered 500 milliseconds earlier from the splash screen activity, some models have differences. The drawing of the first frame image of the home page is also uncertain, requiring the material to remain stable as much as possible in the last 500 milliseconds, and no excessive animation changes should occur, otherwise the animation connection will be incoherent.

[0173] In the embodiment of the present application, this solution realizes the OneShot effect across Activities through certain technical means, and the animation effect can be transmitted across two Activities.

[0174] Please refer to Figure 6 , which shows a block diagram of an animation display device provided by an exemplary embodiment of the present application. The animation display device can be implemented as all or part of a computer device by hardware or a combination of hardware and software to achieve the above Figure 2and Figure 3 All or part of the steps in the embodiments shown. Figure 6 As shown, the animation display device comprises:

[0175] The first page display module 601 is used to display the first page managed by the first activity component in the application program;

[0176] The second page display module 602 is used to display a second page managed by a second activity component in the application program when the first page display ends; the second activity component is different from the first activity component; the page content of the first page is associated with the content of the target content element in the second page; the target content element is one of the content elements of the second page; and

[0177] Animation display module 603 is used to display an animation of shrinking the target image to the target area on the upper layer of the second page through the target window; the target window is a window other than the window corresponding to the second active component, the target image is the last frame image of the first page, and the target area is the area where the target content element is located.

[0178] In some embodiments, the animation display module 503 is used to add a target window on the upper layer of the second page; the target window is a window with zero transparency, and the size of the target window is the same as the size of the first page; based on the target window, an animation of shrinking the target image to the target area is displayed.

[0179] In some embodiments, the animation display module 603 is used to add a target window on the upper layer of the second page through the window management component;

[0180] The animation display module 603 is used to tile the target image to the target window; and display the animation of the target image shrinking to the area surrounded by the area coordinates through the window management component.

[0181] In some embodiments, the apparatus further comprises:

[0182] A target image transmission module is used to obtain the target image before the animation display module displays the animation of the target image shrinking to the target area based on the target window; wherein the target image is an image obtained from the server; or, the target image is provided and managed by the first activity component.

[0183] In a possible implementation manner, the device further includes:

[0184] a tag sending module, configured to set an image acquisition tag after acquiring the target image, when the target image is provided by the first active component; the image acquisition tag is used to indicate that the target image is successfully acquired;

[0185] A component destroying module is used to destroy the first active component when the display of the first page ends and the image acquisition mark exists.

[0186] In some embodiments, the above apparatus further comprises:

[0187] An area coordinate acquisition module is used to obtain the area coordinates of the target area where the target content element is located in the rendered second page through the second active component before the animation display module displays the animation of shrinking the target image to the target area based on the target window; and obtain the area coordinates provided by the second active component through the window management component.

[0188] In some embodiments, the animation display module 603 is used to keep the size of the target window unchanged through the window management component, and display an animation in the target window in which the target image is reduced frame by frame to the area surrounded by the area coordinates; wherein the target window is a window with zero transparency.

[0189] In some embodiments, the animation display module 603 is used to keep the target image tiled in the target window through the window management component, and shrink the target window frame by frame to the area surrounded by the area coordinates.

[0190] In some embodiments, the apparatus further comprises:

[0191] The second activity component starting module is used to start the second activity component at a specified time before the first page display ends, before the second page managed by the second activity component in the application is displayed, and before the first page display ends; the time between the specified time and the time when the first page display ends is not less than the time threshold;

[0192] The area coordinate acquisition module is used to acquire the area coordinates of the target area provided and managed by the second activity component through the window management component before the first page display ends.

[0193] In some embodiments, the duration threshold is a preset threshold; or, the duration threshold is a threshold obtained based on hardware parameters of a device running the application.

[0194] In some embodiments, the window management component runs in a child thread, which is a thread other than the main thread where the second active component is located.

[0195] In some embodiments, the first page is a splash screen page and the second page is a main page of the application.

[0196] Please refer to Figure 7 , Figure 7700 is a schematic diagram of the structure of a computer device provided by an exemplary embodiment of the present application. The computer device 700 includes a central processing unit (CPU) 701, a system memory 704 including a random access memory (RAM) 702 and a read-only memory (ROM) 703, and a system bus 705 connecting the system memory 704 and the central processing unit 701. The computer device 700 also includes a basic input / output system (I / O system) 706 that helps transmit information between various devices in the computer, and a large-capacity storage device 707 for storing an operating system 713, application programs 714 and other program modules 715.

[0197] The basic input / output system 706 includes a display 708 for displaying information and an input device 709 such as a mouse and a keyboard for user inputting information. The display 708 and the input device 709 are connected to the central processing unit 701 through an input / output controller 710 connected to the system bus 705. The basic input / output system 706 may also include an input / output controller 710 for receiving and processing inputs from a plurality of other devices such as a keyboard, a mouse, or an electronic stylus. Similarly, the input / output controller 710 also provides output to a display screen, a printer, or other types of output devices.

[0198] The mass storage device 707 is connected to the central processing unit 701 via a mass storage controller (not shown) connected to the system bus 705. The mass storage device 707 and its associated computer readable medium provide non-volatile storage for the computer device 700. That is, the mass storage device 707 may include a computer readable medium (not shown) such as a hard disk or a CD-ROM (Compact Disc Read-Only Memory) drive.

[0199] Without loss of generality, the computer-readable medium may include computer storage media and communication media. Computer storage media include volatile and non-volatile, removable and non-removable media implemented by any method or technology for storing information such as computer-readable instructions, data structures, program modules or other data. Computer storage media include RAM (Random Access Memory), ROM (Read-Only Memory), EPROM (Erasable Programmable Read-Only Memory), EEPROM (Electrically Erasable Programmable Read-Only Memory), flash memory or other solid-state storage technologies, CD-ROM, DVD (Digital Video Disc) or other optical storage, cassettes, tapes, disk storage or other magnetic storage devices. Of course, those skilled in the art will appreciate that the computer storage media is not limited to the above. The above-mentioned system memory 704 and mass storage device 707 can be collectively referred to as memory.

[0200] The computer device 700 can be connected to the Internet or other network devices through a network interface unit 711 connected to the system bus 705 .

[0201] The memory also includes one or more programs, which are stored in the memory. The central processing unit 701 implements the one or more programs by executing the one or more programs. Figures 2 to 3 All or part of the steps in the method shown.

[0202] In an exemplary embodiment, a chip is also provided, which includes a programmable logic circuit and / or program instructions. When the chip runs on a computer device, it is used to implement all or part of the steps of the method shown in the above embodiments of the present application.

[0203] In an exemplary embodiment, a computer program product is also provided, the computer program product includes computer instructions, the computer instructions are stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor reads and executes the computer instructions from the computer-readable storage medium to implement all or part of the steps of the method shown in the above-mentioned various embodiments of the present application.

[0204] In an exemplary embodiment, a computer-readable storage medium is further provided, in which a computer program is stored. The computer program is loaded and executed by a processor to implement all or part of the steps of the method shown in the above-mentioned embodiments of the present application.

[0205] A person skilled in the art will understand that all or part of the steps to implement the above embodiments may be accomplished by hardware or by instructing related hardware through a program, and the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a disk or an optical disk, etc.

[0206] Those skilled in the art should be aware that in one or more of the above examples, the functions described in the embodiments of the present application can be implemented with hardware, software, firmware, or any combination thereof. When implemented using software, these functions can be stored in a computer-readable medium or transmitted as one or more instructions or codes on a computer-readable medium. Computer-readable media include computer storage media and communication media, wherein the communication media include any media that facilitates the transmission of a computer program from one place to another. The storage medium can be any available medium that a general or special-purpose computer can access.

[0207] The above description is only an optional embodiment of the present application and is not intended to limit the present application. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present application shall be included in the protection scope of the present application.

Claims

1. An animation display method, characterized in that: The method comprises: Displaying a first page managed by a first activity component in an application; When the first page ends displaying, displaying a second page in the application that is managed by a second active component; the second active component is different from the first active component; the page content of the first page is associated with the content of a target content element in the second page; the target content element is one of the content elements of the second page; and, An animation of shrinking the target image to the target area is displayed on the upper layer of the second page through the target window; the target window is a window other than the window corresponding to the second active component, the target image is the last frame image of the first page, and the target area is the area where the target content element is located.

2. The method according to claim 1, characterized in that: The step of displaying an animation of shrinking the target image to the target area on the upper layer of the second page through the target window includes: Adding the target window on the upper layer of the second page; the size of the target window is the same as the size of the first page; An animation of shrinking the target image to the target area is displayed based on the target window.

3. The method according to claim 2, characterized in that Adding the target window on the upper layer of the second page includes: Adding the target window on the upper layer of the second page through a window management component; The animation of shrinking the target image to the target area based on the target window includes: Tiling the target image to the target window; The window management component is used to display an animation of the target image shrinking to the area surrounded by the area coordinates.

4. The method according to claim 3, characterized in that Before displaying the animation of shrinking the target image to the target area based on the target window, the method further includes: Acquire the target image; The target image is an image obtained from the server; or the target image is provided by the first activity component.

5. The method according to claim 3, characterized in that: In the case where the target image is provided by the first active component, the method further comprises: After acquiring the target image, setting an image acquisition mark; the image acquisition mark is used to indicate that the target image is successfully acquired; When the display of the first page ends and the image acquisition mark exists, the first activity component is destroyed.

6. The method according to claim 3, characterized in that Before displaying the animation of shrinking the target image to the target area based on the target window, the method further includes: Acquire, through the second activity component, the region coordinates of the target region where the target content element is located in the second page after rendering; The area coordinates provided and managed by the second activity component are acquired through the window management component.

7. The method according to claim 3, characterized in that The step of displaying, by the window management component, an animation of shrinking the target image to the area surrounded by the area coordinates comprises: By means of the window management component, the size of the target window is kept unchanged, and an animation of the target image being reduced frame by frame to the area surrounded by the area coordinates is displayed in the target window; The target window is a window with zero transparency.

8. The method according to claim 3, characterized in that The step of displaying, by the window management component, an animation of shrinking the target image to the area surrounded by the area coordinates comprises: The target image is kept tiled in the target window through the window management component, and the target window is reduced frame by frame to the area surrounded by the area coordinates.

9. The method according to any one of claims 3 to 8, characterized in that: The method further includes: before displaying a second page in the application program managed by a second activity component after the display of the first page ends, the method further includes: At a specified time before the first page ends displaying, the second activity component is started; the duration between the specified time and the time when the first page ends displaying is not less than a duration threshold; The acquiring, through the window management component, the area coordinates of the target area provided and managed by the second activity component comprises: Before the first page ends displaying, the area coordinates of the target area provided and managed by the second activity component are acquired through the window management component.

10. The method according to claim 9, characterized in that The duration threshold is a preset threshold; or, The duration threshold is a threshold obtained according to hardware parameters of a device running the application.

11. The method according to any one of claims 3 to 8, characterized in that: The window management component runs in a child thread, and the child thread is a thread other than the main thread where the second active component is located.

12. The method according to any one of claims 1 to 8, characterized in that: The first page is a splash screen page, and the second page is a main page of the application.

13. An animation display device, characterized in that: The device comprises: A first page display module, used to display a first page managed by a first activity component in an application program; A second page display module is used to display a second page managed by a second activity component in the application when the display of the first page ends; the second activity component is different from the first activity component; the page content of the first page is associated with the content of a target content element in the second page; the target content element is one of the content elements of the second page; and An animation display module is used to display an animation of a target image shrinking to a target area on the upper layer of the second page through a target window; the target window is a window other than the window corresponding to the second active component, the target image is the last frame image of the first page, and the target area is the area where the target content element is located.

14. A computer device, characterized in that: The computer device includes a processor and a memory, wherein instructions are stored in the memory, and the instructions are executed by the processor to implement the animation display method according to any one of claims 1 to 12.

15. A computer-readable storage medium, characterized in that: The storage medium stores instructions, and the instructions are executed by a processor of a computer device to implement the animation display method according to any one of claims 1 to 12.

16. A computer program product, characterized in that The computer program product includes computer instructions, which are stored in a computer-readable storage medium; the computer instructions are read and executed by a processor of a computer device to implement the animation display method as described in any one of claims 1 to 12.

Images