Page rendering method and device, equipment and storage medium

Abstract

The embodiment of the invention provides a page rendering method and device, equipment and a storage medium. The method comprises the steps of determining a target page associated with a page switching control in response to a triggering operation on the page switching control in a displayed page; if it is detected that a transition animation effect is set relative to the target page, when execution conditions are met at the current moment, page rendering data of the target page are obtained, and the target page is presented according to a set target transition animation while the target page is rendered according to the page rendering data. By means of the method, the effect that the transition animation and the page content involved in the target page to be switched can be presented at the same time can be achieved, and then the problem that the target page is presented in a blank screen mode in the transition animation playing process is avoided. In addition, the method also better avoids the problem of lagging or unsmooth playing of the conversion animation, and effectively improves the user experience.

Description

Technical Field

[0001] The embodiments of the present disclosure relate to the field of computer technology, and in particular to a page rendering method, apparatus, device, and storage medium. Background Art

[0002] Generally, when the application software switches the currently displayed page to a new page, a transition animation can be added to the new page to be displayed, so that the new page can be presented in the form set by the transition animation. For example, the presentation forms included in the transition animation may include flying in from the left side of the page, flying in from the right side, and gradually spreading from the middle to the surrounding areas.

[0003] These transition animation functions need to be implemented through programming during the application software development phase. And for application software under the Android system, it needs to rely on the relevant function functions involved in the Android system to program the transition animation. As the open source code version involved in the Android system is continuously upgraded, there is an execution timing problem between the function functions used to support the implementation of transition animation and the function functions used to support page content rendering in the system code, so that the page content can only be rendered after the transition animation is played. This situation causes the application software to have a black screen, freeze, and the transition animation cannot be smooth in the process of responding to page switching, thus affecting the user experience. Summary of the invention

[0004] The present disclosure provides a page rendering method, apparatus, device and storage medium to achieve the effect of simultaneously rendering the transition animation and page content involved in a target page.

[0005] In a first aspect, an embodiment of the present disclosure provides a page rendering method, the method comprising:

[0006] In response to a triggering operation on a page switching control in a displayed page, determining a target page associated with the page switching control;

[0007] If it is detected that a transition animation effect is set relative to the target page, when the execution condition is met at the current moment, the page rendering data of the target page is obtained and while the target page is rendered according to the page rendering data, the target page is presented according to the set target transition animation.

[0008] In a second aspect, an embodiment of the present disclosure further provides a page rendering device, the device comprising:

[0009] A response module, configured to determine a target page associated with a page switching control in response to a triggering operation on the page switching control in the displayed page;

[0010] The rendering and display module is used to obtain the page rendering data of the target page if it is detected that a transition animation effect is set relative to the target page, and when the execution condition is met at the current moment, while rendering the target page according to the page rendering data, present the target page according to the set target transition animation.

[0011] In a third aspect, an embodiment of the present disclosure further provides an electronic device, the electronic device comprising:

[0012] one or more processors;

[0013] a storage device for storing one or more programs,

[0014] When the one or more programs are executed by the one or more processors, the one or more processors implement the page rendering method provided in the first aspect of the embodiment of the present disclosure.

[0015] In a fourth aspect, the embodiments of the present disclosure further provide a storage medium comprising computer executable instructions, which, when executed by a computer processor, are used to implement the page rendering method provided in the first aspect of the embodiments of the present disclosure.

[0016] The disclosed embodiment provides a page rendering method, device, equipment and storage medium, the method comprising: in response to a trigger operation of a page switching control in a displayed page, determining a target page associated with the page switching control; if it is detected that a transition animation effect is set relative to the target page, then when the execution condition is met at the current moment, the page rendering data of the target page is obtained and while rendering the target page according to the page rendering data, the target page is presented according to the set target transition animation. The above technical scheme of this embodiment can simultaneously display the transition animation involved in the target page and render the content of the target page after the time node meets the execution condition in the process of switching the currently displayed page to the target page, so that the page content involved in the target page is rendered while the target page is displayed in the form of a transition animation, thereby achieving the effect that the transition animation and page content involved in the target page to be switched can be presented at the same time, thereby avoiding the problem of the target page being presented in the form of a black screen during the transition animation playback. In addition, this method also better avoids the problem of freeze or unsmooth playback of the transition animation, effectively improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0018] Figure 1 A flowchart of a page rendering method provided by an embodiment of the present disclosure;

[0019] Figure 2 A schematic diagram of the structure of a page rendering device provided by an embodiment of the present disclosure;

[0020] Figure 3 A schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION

[0021] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0022] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0023] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0024] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0025] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0026] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0027] It is understandable that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, scope of use, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0028] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution of the present disclosure according to the prompt message.

[0029] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0030] It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet the relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0031] It should be noted that in actual applications with page display, there are cases where the page to be displayed has a transition animation. For this case, the existing method often obtains page rendering data after completing the playback of the transition animation involved in the page and renders the page content through the page rendering data. In the implementation of page rendering using the existing method, the page black screen and the transition animation playback jamming and not smoothness will occur due to the asynchronous implementation of the transition animation and page rendering.

[0032] The above existing methods affect the user experience of page display in application software. Based on this, this embodiment provides a page rendering method to solve the above problems through the method provided by this embodiment.

[0033] Specifically, Figure 1 A flow chart of a page rendering method provided in an embodiment of the present disclosure is provided. The embodiment of the present disclosure is applicable to the situation where a page is rendered. The method can be executed by a page rendering device, which can be implemented in the form of software and / or hardware. Optionally, it can be implemented by an electronic device as an execution terminal, which can be a mobile terminal, a PC or a server, etc.

[0034] like Figure 1 As shown, a page rendering method provided by an embodiment of the present disclosure specifically includes the following operations:

[0035] S110: In response to a triggering operation on a page switching control in a displayed page, determine a target page associated with the page switching control.

[0036] It should be noted that the method provided in this embodiment is applicable to any application software installed on the Android system, and the displayed page can be considered as the function page related to the application displayed after any application software is started. For example, the application software can be a music player, and the displayed page can be the playback page of a song.

[0037] In this embodiment, the page switching control is included in the displayed page, and the page switching control can be considered as an operation control for triggering the page to enter a new page from the current displayed page. Each page may include one or more page switching controls according to the functional items of the page, and the page switching control can be displayed as a page link entrance, as a functional component, or as a floating icon. The displayed page.

[0038] In this embodiment, each page switching control corresponds to a page to be displayed after switching, and this embodiment can record the page to be displayed as the target page. The association relationship between the page switching control and the target page can be established in the page development stage. Therefore, this step can determine which page to be displayed the page switching control specifically corresponds to after receiving the trigger of any page switching control in the displayed page, and determine the page to be displayed as the associated target page.

[0039] S120: If it is detected that a transition animation effect is set relative to the target page, when the execution condition is met at the current moment, the page rendering data of the target page is obtained, and while the target page is rendered according to the page rendering data, the target page is presented according to the set target transition animation.

[0040] What needs to be known is that, in the implementation of regular page switching, as long as the trigger operation of the page switching component is received through the above steps and the target page to be switched is determined, if no transition animation effect is set for the target page, the page content data related to the target page can be obtained, and the rendered target page can be displayed on the screen by rendering the page content data.

[0041] Continuing with the above description, if the target page is set with a transition animation effect, the display of the target page is no longer just rendering the page content, but also requires the use of a target transition animation that matches the set transition animation effect to display the rendering process of the target page. For this situation, in the implementation of the existing page rendering method, it is necessary to first call the first function function involved in the transition animation rendering, and control the target page to be presented in the form of a target transition animation through the operation of the function function. Only after the target transition animation is played, the second function function involved in obtaining the page rendering data will be called and started, and then the second function function will be used to realize the rendering of the page content contained in the target page.

[0042] In the above existing implementation, due to the limitation of the upgraded version of the Android system, the first function and the second function can only be performed asynchronously. In the page rendering process, the target page is first presented in the form of a target transition animation, and then the page content rendered relative to the target page is presented. Therefore, during the target transition animation playback process, it is equivalent to no page content being rendered to the target page, which in turn shows a black screen during the page switching process. At the same time, some of the data relied on in the target transition animation playback exists in the page rendering data. When this part of the data cannot be obtained in time, the target transition animation will also appear stuck and not smooth.

[0043] In this embodiment, the above-mentioned problem can be solved by this step. Specifically, this step can detect whether the target page to be switched is set with a transition animation effect, and when it is detected that the transition animation effect is set, continue to execute the subsequent execution logic of this step. The implementation of its subsequent execution logic can be described as: setting the same execution time point for the acquisition of page rendering data and the execution of the target transition animation, and when the execution time point is reached, it can be considered that the acquisition permission of the page rendering data is met, and the playback conditions of the target transition animation are met, thereby obtaining the page rendering data of the target page, and while rendering the target page based on the page rendering data, controlling the target page to be presented in the form of a target transition animation.

[0044] In this example, the current moment reaching a preset execution time point for triggering subsequent logic execution can be determined as the execution condition in this step, and the execution time point can be set to a preset end time of the proxy animation playback.

[0045] Exemplarily, as an implementation method, this embodiment can preferably execute the condition that the playing of the proxy animation with an animation duration of 0 seconds is detected to be completed at the current moment, and the acquisition permission of the page rendering data is enabled.

[0046] In this embodiment, a playable proxy animation can be pre-set, and the playing time of the proxy animation can be set to 0 seconds. The playing time of the proxy animation can be preferably when a transition animation effect is detected relative to the target page. That is, it can be considered that when it is determined that the target page has information about the transition animation effect, the proxy animation can be started, and when the playing time reaches 0 seconds, the playing of the proxy animation is considered to be completed. The time point when the proxy animation ends can be considered as the starting execution time point of the execution logic involved in this step.

[0047] It should be noted that, in this embodiment, the execution logic of the proxy animation can be preferably implemented by running the execution code of the proxy animation. Further, in this embodiment, the execution code of the proxy animation can be preferably created in the animation creation function during the code development stage. The animation creation function can be considered to be constructed based on the animation-related functions that come with the Android system.

[0048] Based on the above optimization, this embodiment can optimize the playing steps of the proxy animation with an animation duration of 0 seconds as follows: by calling the animation creation function, starting the playing of the proxy animation until the playing duration reaches the animation duration.

[0049] Specifically, in the development stage of the application software related pages based on the open source code of the Android system, the animation creation function can be programmed and constructed through the animation related functions in the open source code, and the creation and writing of the proxy animation related code content can be performed in the animation creation function. Therefore, in the application stage of the application software, when it is determined that the execution requirements of the proxy animation are met relative to the target page (such as the target page is set with a transition animation effect), the proxy animation can be started by calling the animation creation function based on the steps given in this preferred example until the playback time reaches the set animation time. In this embodiment, the animation time is preferably 0.

[0050] The purpose of setting the animation duration to 0 in this embodiment can be explained as follows: according to the execution logic of the existing transition animation, the playback of the animation associated with the animation creation function must be started before the page rendering-related functions can be called. If the animation to be played in the animation creation function has a certain duration, it is equivalent to still having to wait for a certain period of time before calling the page rendering-related functions. Similarly, the page rendering cannot be performed due to a certain delay, causing a black screen of the displayed page. Therefore, setting the animation duration of the animation to be played in the animation creation function to 0 can ensure that the calling operation of the animation creation function is executed, and the calling timing of subsequent page rendering-related functions will not be delayed due to the excessive animation duration, thereby causing a black screen of the page.

[0051] In this embodiment, it can be found from the above description that the execution conditions to be met in this embodiment also include enabling the permission to obtain page rendering data. Further, in this embodiment, the step of enabling the permission to obtain page rendering data can be concretized as: enabling the permission to obtain page rendering data by calling and starting the program to continue executing the function.

[0052] In this embodiment, compared with the implementation method of transition animation in existing page rendering, this embodiment preferably places the acquisition of page rendering data and the execution code related to rendering and the code related to transition animation execution in the same function. In this embodiment, the function function is preferably a program continuation execution function that depends on the animation-related functions of the Android system. The function of the program continuation execution function can be described as: after an interruption occurs in the execution of the previous program, the program continuation execution function can be called to restore the callback to the execution node before the interruption occurs, and then continue to execute the operation of the related program from the execution node backward.

[0053] It can be known that for the page switching event to be executed, after responding to the page switching trigger, the page rendering data should be directly obtained and the switched page should be displayed based on the page rendering data. However, because the transition animation effect is set, the presentation of the transition animation effect requires the acquisition of the page rendering data to be interrupted first, and the execution of the transition animation related function to be started first. Therefore, the transition animation related function executed first can be considered to have caused the interruption of the page rendering program. In this embodiment, if you want to continue the implementation of page rendering, you need to call the program to continue executing the function, and open the permission to obtain the page rendering data by starting the program to continue executing the function.

[0054] Continuing with the above description, in the application development stage, this embodiment can construct the code content involved in the acquisition of page rendering data and the execution of transition animation into the program continuation execution function. Therefore, in actual applications, after the operation of the program continuation execution function is triggered by the playback duration of the proxy animation, it is equivalent to simultaneously starting the acquisition permission of the page rendering data and the execution permission of the transition animation. It is then equivalent to being able to obtain the page rendering data of the target page through the operation of the program continuation execution function, and while rendering the target page according to the page rendering data, present the logic execution of the target page according to the set target transition animation.

[0055] A page rendering method provided in this embodiment can simultaneously display the transition animation involved in the target page and render the target page content after the time node meets the execution condition during the process of switching the currently displayed page to the target page, so that the page content involved in the target page is rendered while the target page is displayed in the form of a transition animation, thereby achieving the effect that the transition animation and page content involved in the target page to be switched can be presented at the same time, thereby avoiding the problem of the target page being presented in the form of a black screen during the transition animation playback. In addition, this method also better avoids the problem of the transition animation playback being stuck or not smooth, effectively improving the user experience.

[0056] As a first optional embodiment of this embodiment, based on the above embodiment, obtaining the page rendering data of the target page and rendering the target page according to the page rendering data while presenting the target page according to the set target transition animation can be further concretized into the following steps:

[0057] a1) continuing to execute the page rendering sub-function in the function through the called program, and rendering the target page according to the page rendering data of the target page.

[0058] In this embodiment, it can be considered that the program continuation execution function includes a page rendering sub-function for page rendering. Therefore, this embodiment can run the page rendering sub-function in the program continuation execution function through this step, so as to bind the page rendering data of the target page through the execution of the page rendering sub-function and render the target page according to the page rendering data of the target page.

[0059] b1) continuing to execute the animation display sub-function in the function through the program, calling the target transition animation, and controlling the target page with rendered page content to be presented in the form of the target transition animation.

[0060] In this embodiment, the above step a1) and this step b1) can be considered as two parallel steps, which can be executed simultaneously, that is, while the page is rendered through the above step a1), the animation display sub-function contained in the program continuation function can also be executed through this step. The animation display sub-function contains code content for playing the transition animation. By running the relevant code content, the target transition animation involved in the target page can be called, so that the target page for rendering the page content through the above steps can be presented in the form of the target transition animation.

[0061] It can be known that the transition animation involved in the transition animation effect may include animation effects such as flying in from the left, flying in from the right, and radiating from the middle to the edge.

[0062] The above technical solution of this embodiment considers building the rendering sub-function for page rendering and the animation display sub-function for transition animation playback in the program continuation execution function at the same time to ensure that the two have the same execution time, so that the transition animation forms a display target page while the target page can also present the actual rendered page content. This avoids the problem of a black screen in the page. In addition, some of the data involved in the execution of the transition animation can also be obtained in the page rendering data acquisition stage, thereby avoiding the problems of transition animation freeze and unsmoothness caused by the inability to obtain some related data.

[0063] As a second optional embodiment of this embodiment, based on the above embodiment, the process of determining the target transition animation can also be concretized into the following steps:

[0064] a2) Determine the target effect description information corresponding to the transition animation effect.

[0065] It can be known that to play the target transition animation, the target transition animation must be determined first. In this embodiment, the transition animation to be used can be determined based on the transition animation effect set relative to the target page. Specifically, the target effect description information corresponding to the transition animation effect corresponding to the target page can be determined first through this step. Among them, the target effect description information can be considered as information describing the target transition animation effect, which can describe the form of the target transition animation effect, such as the effect of flying in from the left, or the effect of flying in from the right, and the flying speed and other information.

[0066] b2) searching for a target transition animation corresponding to the target effect description information from a pre-given transition animation set, wherein the transition animation set includes at least one pre-generated transition animation, and each transition animation is generated based on the corresponding effect description information.

[0067] In this embodiment, a transition animation set can be pre-formed in the transition animation setting stage, and the transition animation set can include one or more pre-designed transition animations, and each transition animation is associated with an effect description information. Therefore, this embodiment can determine a matching target transition animation for the target page through the target effect description information of the transition animation effect corresponding to the target page.

[0068] In a specific implementation, the determined acquisition information related to the target transition animation can be passed to the animation display function of the program continue execution function, so that after starting the movement of the animation display function, the storage location information of the target transition animation can be determined by analyzing the acquisition information related to the target transition animation, thereby calling the target transition animation from the storage location to ensure the effective playback of the target transition animation.

[0069] As a third optional embodiment of this embodiment, based on the above embodiment, the following steps may be further optimized:

[0070] a3) Presenting a page configuration area in a page creation interface for page creation.

[0071] In this embodiment, it can be considered that the transition animation effects of the pages in the application need to be pre-configured. In this embodiment, the configuration of the transition animation effects involved in the pages can be implemented through this step and the following steps.

[0072] Specifically, during the creation phase of the application page, a page creation interface for page creation may be displayed, and the page creation interface may include a page configuration area for configuring page display effects. The page configuration area may include configuration items for configuring transition effects. Page creators may configure configuration items corresponding to the transition effect configuration in the page configuration area.

[0073] b3) In response to the configuration of the transition effect configuration items contained in the page configuration area, determining the transition animation effect of the created target page.

[0074] In this embodiment, this step can respond to the configuration operation of the transition effect configuration item triggered above, thereby obtaining configuration information related to each transition effect configuration item. Among them, the transition effect configuration item can be used to configure the playback duration of the transition animation, can be used to configure the animation description information of the transition animation, and can also be used to configure the animation playback speed of the transition animation. This step can determine what kind of transition animation effect is configured for the created target page through the obtained configuration information.

[0075] The technical solution provided in the above optional embodiment of the present embodiment can be used as the basic data support for page rendering in the present embodiment, and provide data support for the effective playback of transition animation in page rendering.

[0076] Figure 2 A schematic diagram of the structure of a page rendering device provided by an embodiment of the present disclosure is shown in FIG. Figure 2 As shown, the device includes: a response module 210 and a rendering and display module 220.

[0077] The response module 210 is used to determine the target page associated with the page switching control in response to the triggering operation of the page switching control in the displayed page;

[0078] The rendering and display module 220 is used to obtain the page rendering data of the target page if it is detected that a transition animation effect is set relative to the target page, and when the execution condition is met at the current moment, while rendering the target page according to the page rendering data, present the target page according to the set target transition animation.

[0079] The technical solution provided by the disclosed embodiment can simultaneously display the transition animation involved in the target page and render the target page content when the time node meets the execution condition during the process of switching the currently displayed page to the target page, so that the page content involved in the target page is rendered while the target page is displayed in the form of a transition animation, thereby achieving the effect that the transition animation and page content involved in the target page to be switched can be presented at the same time, thereby avoiding the problem of the target page being presented in the form of a black screen during the transition animation playback. In addition, this method also better avoids the problem of the transition animation playback being stuck or not smooth, and effectively improves the user experience.

[0080] Furthermore, the execution condition is to detect that the playing of the proxy animation with an animation duration of 0 seconds has been completed at the current moment, and the acquisition permission of the page rendering data has been enabled.

[0081] Furthermore, the execution code of the proxy animation is created in the animation creation function;

[0082] Accordingly, the device includes an animation playing module, which can be used to start playing the proxy animation by calling the animation creation function until the playing duration reaches the animation duration.

[0083] Furthermore, the device also includes a permission determination module, and the permission determination module can be specifically used to enable the acquisition permission of the page rendering data by calling and starting the program to continue executing the function.

[0084] Furthermore, the rendering and display module can be used to:

[0085] The page rendering sub-function in the function continues to be executed by the called program, and the target page is rendered according to the page rendering data of the target page;

[0086] The program continues to execute the animation display sub-function in the function, calls the target transition animation, and controls the target page that has rendered the page content to be presented in the form of the target transition animation.

[0087] Furthermore, the device also includes a target animation determination module, which is used to determine the target effect description information corresponding to the transition animation effect; search for the target transition animation corresponding to the target effect description information from a pre-given transition animation set, the transition animation set includes at least one pre-generated transition animation, and each transition animation is generated based on the corresponding effect description information.

[0088] Furthermore, the device also includes a transition effect configuration module, which is used to present a page configuration area in a page creation interface for page creation; in response to the configuration of the transition effect configuration items contained in the page configuration area, determine the transition animation effect of the created target page.

[0089] The page rendering device provided in the embodiments of the present disclosure can execute the page rendering method provided in any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of the execution method.

[0090] It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above-mentioned division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the embodiments of the present disclosure.

[0091] Figure 3 This is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Figure 3 , which shows an electronic device (eg, Figure 3 The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 3 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0092] like Figure 3 As shown, the electronic device 300 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 301, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 302 or a program loaded from a storage device 308 into a random access memory (RAM) 303. In the RAM 303, various programs and data required for the operation of the electronic device 300 are also stored. The processing device 301, the ROM 302, and the RAM 303 are connected to each other via a bus 304. An edit / output (I / O) interface 305 is also connected to the bus 304.

[0093] Typically, the following devices may be connected to the I / O interface 305: input devices 306 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; output devices 307 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; storage devices 308 including, for example, a magnetic tape, a hard disk, etc.; and communication devices 309. The communication devices 309 may allow the electronic device 300 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 3 The electronic device 300 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0094] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 309, or installed from the storage device 308, or installed from the ROM 302. When the computer program is executed by the processing device 301, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0095] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0096] The electronic device provided by the embodiment of the present disclosure and the page rendering method provided by the above embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0097] The embodiments of the present disclosure provide a computer storage medium on which a computer program is stored. When the program is executed by a processor, the page rendering method provided by the above embodiments is implemented.

[0098] It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0099] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0100] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0101] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device:

[0102] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device: determines the current resource usage information corresponding to each resource item on the execution terminal during the operation of the application software; determines the target resource items that currently meet the resource allocation warning conditions based on each of the current resource usage information; and adjusts the resource allocation logic of each of the target resource items during the operation of the application software.

[0103] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0104] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0105] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware. The name of a unit does not limit the unit itself in some cases. For example, the first acquisition unit may also be described as a "unit for acquiring at least two Internet Protocol addresses".

[0106] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0107] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0108] According to one or more embodiments of the present disclosure, [Example 1] provides a page rendering method, the method comprising: in response to a triggering operation on a page switching control in a displayed page, determining a target page associated with the page switching control;

[0109] If it is detected that a transition animation effect is set relative to the target page, when the execution condition is met at the current moment, the page rendering data of the target page is obtained and while the target page is rendered according to the page rendering data, the target page is presented according to the set target transition animation.

[0110] According to one or more embodiments of the present disclosure, [Example 2] provides a page rendering method, in which the execution condition is to detect that the playback of a proxy animation with an animation duration of 0 seconds has been completed at the current moment, and to enable the acquisition permission of the page rendering data.

[0111] According to one or more embodiments of the present disclosure, [Example 3] provides a page rendering method, in which the execution code of the proxy animation is created in an animation creation function;

[0112] The steps for playing the proxy animation with an animation duration of 0 seconds include:

[0113] By calling the animation creation function, the playing of the proxy animation is started until the playing duration reaches the animation duration.

[0114] According to one or more embodiments of the present disclosure, [Example 4] provides a page rendering method, in which the step of enabling the permission to obtain the page rendering data includes: enabling the permission to obtain the page rendering data by calling and starting a program to continue executing a function.

[0115] According to one or more embodiments of the present disclosure, [Example 5] provides a page rendering method, which includes rendering the target page according to the page rendering data and presenting the target page according to the set target transition animation, including: continuing to execute the page rendering sub-function in the function through the called program, and rendering the target page according to the page rendering data of the target page;

[0116] The program continues to execute the animation display sub-function in the function, calls the target transition animation, and controls the target page that has rendered the page content to be presented in the form of the target transition animation.

[0117] According to one or more embodiments of the present disclosure, [Example 6] provides a page rendering method, the method comprising: determining the target transition animation comprises:

[0118] Determine the target effect description information corresponding to the transition animation effect; search for the target transition animation corresponding to the target effect description information from a pre-given transition animation set, wherein the transition animation set includes at least one pre-generated transition animation, and each transition animation is generated based on the corresponding effect description information.

[0119] According to one or more embodiments of the present disclosure, [Example 7] provides a page rendering method, which includes: presenting a page configuration area in a page creation interface for page creation; and determining a transition animation effect of a created target page in response to configuration of transition effect configuration items contained in the page configuration area.

[0120] According to one or more embodiments of the present disclosure, [Example Eight] provides a page rendering device, which includes: a response module, used to determine a target page associated with the page switching control in response to a triggering operation on a page switching control in a displayed page; a rendering and display module, used to, if it is detected that a transition animation effect is set relative to the target page, obtain the page rendering data of the target page when the execution condition is met at the current moment, and while rendering the target page according to the page rendering data, present the target page according to the set target transition animation.

[0121] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

[0122] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0123] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. A page rendering method, characterized in that: include: In response to a triggering operation on a page switching control in a displayed page, determining a target page associated with the page switching control; If it is detected that a transition animation effect is set relative to the target page, when the execution condition is met at the current moment, the page rendering data of the target page is obtained and while the target page is rendered according to the page rendering data, the target page is presented according to the set target transition animation.

2. The method according to claim 1, characterized in that The execution condition is to detect that the playing of the proxy animation with an animation duration of 0 seconds has been completed at the current moment, and the acquisition permission of the page rendering data has been enabled.

3. The method according to claim 2, characterized in that The execution code of the proxy animation is created in the animation creation function; The steps for playing the proxy animation with an animation duration of 0 seconds include: By calling the animation creation function, the playing of the proxy animation is started until the playing duration reaches the animation duration.

4. The method according to claim 2, characterized in that: The steps of enabling the access permission for the page rendering data include: The permission to obtain the page rendering data is enabled by calling and starting the program to continue executing the function.

5. The method according to claim 1, characterized in that The acquiring the page rendering data of the target page and rendering the target page according to the page rendering data, while presenting the target page according to a set target transition animation, comprises: The page rendering sub-function in the function continues to be executed by the called program, the page rendering data of the target page is obtained, and the target page is rendered according to the page rendering data of the target page; The program continues to execute the animation display sub-function in the function, calls the target transition animation, and controls the target page that has rendered the page content to be presented in the form of the target transition animation.

6. The method according to claim 1, characterized in that: The determination of the target transition animation includes: Determine target effect description information corresponding to the transition animation effect; A target transition animation corresponding to the target effect description information is searched from a pre-given transition animation set, wherein the transition animation set includes at least one pre-generated transition animation, and each transition animation is generated based on the corresponding effect description information.

7. The method according to any one of claims 1 to 6, characterized in that: Also includes: Presenting a page configuration area in a page creation interface for page creation; In response to the configuration of the transition effect configuration items contained in the page configuration area, the transition animation effect of the created target page is determined.

8. A page rendering device, characterized in that: include: A response module, configured to determine a target page associated with a page switching control in response to a triggering operation on the page switching control in the displayed page; The rendering and display module is used to obtain the page rendering data of the target page if it is detected that a transition animation effect is set relative to the target page, and when the execution condition is met at the current moment, while rendering the target page according to the page rendering data, present the target page according to the set target transition animation.

9. An electronic device, characterized in that: The electronic device comprises: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the page rendering method as described in any one of claims 1 to 7.

10. A storage medium containing computer executable instructions, characterized in that: The computer executable instructions are used to execute the page rendering method as described in any one of claims 1 to 7 when executed by a computer processor.

Images