CN115035217A - Method, storage medium and computer device for realizing dynamic data animation preview - Google Patents

Abstract

The application provides a method for realizing dynamic data animation preview, which comprises the following steps: loading a source animation file and displaying a first dynamic picture for a user to preview; acquiring a user-defined variable and a parameter value in a source animation file; displaying the user-defined variable and the parameter value corresponding to the user-defined variable in an interface where a dynamic picture is located for a user to edit; and when the condition that the user edits the parameter value is detected, updating the first dynamic picture by using the user-defined variable and the parameter value edited by the user to generate a second dynamic picture for the user to preview. According to the technical scheme, dynamic data animation preview can be achieved more conveniently.

Description

Method, storage medium and computer device for realizing dynamic data animation preview

Technical Field

The present application relates to the field of mobile internet, and in particular, to a method, a computer-readable storage medium, and a computer device for implementing dynamic data animation preview.

Background

When the animation effect is realized by using a mobile application animation effect framework (lottiee), the purely static lottiee file cannot meet the requirement because the animation has dynamic variables. When communicating with the animation designer, the designer provides a static scheme, and the effects of the adopted sample file, the length and the like are fixed, so that the requirements cannot be met. Therefore, communication requires a designer to set some special characters during drawing, and then the designer develops the special characters to replace the special characters in the static resources to realize dynamic effects. However, in the actual operation process, various detailed problems such as word size, space, centering and the like still occur, and especially after the dynamic content is replaced, unexpected situations often occur, for example, after real data is filled, the space is not correct, and the most common problem is that the space is not centered.

Disclosure of Invention

In view of the foregoing, there is a need to provide a method, a computer-readable storage medium, and a computer device for implementing dynamic data animation preview more conveniently.

In a first aspect, an embodiment of the present application provides a method for implementing dynamic data animation preview, where the method for implementing dynamic data animation preview includes the following steps:

loading a source animation file and displaying a first dynamic picture for a user to preview;

acquiring a user-defined variable and a parameter value in a source animation file;

displaying the user-defined variable and the parameter value corresponding to the user-defined variable in an interface where a dynamic picture is located for a user to edit; and

and when the condition that the user edits the parameter value is detected, updating the first dynamic picture by using the user-defined variable and the parameter value edited by the user to generate a second dynamic picture for the user to preview.

In a second aspect, embodiments of the present application provide a computer-readable storage medium for storing program instructions executable by a processor to implement a method for implementing dynamic data animation preview as described above.

In a third aspect, an embodiment of the present application provides a computer device, where the computer device includes:

a computer readable storage medium for storing program instructions; and

the processor and the bus execute the program instructions to implement the method for previewing dynamic data animation described above.

According to the method for realizing dynamic data animation preview, the computer readable storage medium and the computer equipment, the first dynamic picture is generated by directly transmitting the source animation file on the interface where the animation display is located by the user, and the user can modify the first dynamic picture and preview the actual effect on the interface where the animation display of the first dynamic picture is located, so that the communication cost between the user and a developer is reduced.

Drawings

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present application, and for those skilled in the art, other drawings can be obtained according to the structures shown in the drawings without creative efforts.

Fig. 1 is a flowchart of a method for implementing dynamic data animation preview according to an embodiment of the present application.

Fig. 2 is a first sub-flowchart of a method for implementing dynamic data animation preview according to an embodiment of the present application.

Fig. 3 is a second sub-flowchart of a method for implementing dynamic data animation preview according to an embodiment of the present application.

Fig. 4 is a schematic internal structural diagram of a computer device according to an embodiment of the present application.

Fig. 5 is a schematic diagram of a dynamic data animation preview device according to an embodiment of the present application.

Fig. 6 is a schematic diagram of an update module according to an embodiment of the present application.

Fig. 7 is a schematic diagram of a reading module according to an embodiment of the present application.

The implementation, functional features and advantages of the objectives of the present application will be further explained with reference to the accompanying drawings.

Detailed Description

In order to make the objects, technical solutions and advantages of the present application more clearly understood, the present application is further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of and not restrictive on the broad application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

The terms "first," "second," "third," "fourth," and the like in the description and claims of this application and in the above-described drawings, if any, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged under appropriate circumstances, in other words, the described embodiments may be practiced other than as illustrated or described herein. Moreover, the terms "comprises," "comprising," and any other variation thereof, may also include other things, such as processes, methods, systems, articles, or apparatus that comprise a list of steps or elements is not necessarily limited to only those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such processes, methods, articles, or apparatus.

It should be noted that the descriptions in this application referring to "first", "second", etc. are for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. In addition, technical solutions between various embodiments may be combined with each other, but must be realized by a person skilled in the art, and when the technical solutions are contradictory or cannot be realized, such a combination should not be considered to exist, and is not within the protection scope of the present application.

Please refer to fig. 1 in combination, which is a flowchart illustrating a method for implementing dynamic data animation preview according to an embodiment of the present application. The method for realizing the dynamic data animation preview is realized by a computer device executing a program for realizing the dynamic data animation preview. The computer device may be a desktop computer, a notebook, a smartphone, etc. The method for implementing the dynamic data animation preview specifically includes the following steps S102-S108.

And step S102, loading the source animation file and displaying a first dynamic picture for a user to preview. In particular, a computer device executes a program for dynamic data animation preview to provide a user interface. The user interface may provide for a user to upload the source animation file. For example, the main interface provides a user to upload a source animation file so that the source animation file is stored in the cache to obtain a temporary animation file, and the computer device calls the source animation file from the cache to generate and display a first dynamic picture. In this embodiment, the user may be an animation designer, may be a general user, or may be a source animation file developer.

And step S104, obtaining the user-defined variables and parameter values in the source animation file. Specifically, in the present embodiment, the custom variable is set by the user. Specifically, when the computer device executes the program for previewing the dynamic data animation to provide the user interface, a dialog box for setting the custom variable by the user is displayed on the user interface, and the user inputs the custom variable through the dialog box. And the computer equipment searches the custom variables in the source animation file according to the custom variables set by the user to obtain the parameter values corresponding to the variables. The custom variables and the parameter values are variables and parameter values agreed by animation file designers and animation file developers, and are marked by the developers, and the developers develop according to the marks. That is, the developer writes custom variables and parameter values provided by the designer into the source animation file at development time. Custom variable and parameter value changes will affect the element visual effect of the animation frames generated by the source animation file.

And S106, displaying the user-defined variable and the parameter value corresponding to the user-defined variable in an interface where the first dynamic picture is located for a user to edit. Specifically, the custom variable and the parameter value corresponding to the custom variable are displayed on the first animation page as long as the display effect of the first dynamic picture is not affected. The parameter values are available for editing by the user. When the user observes that the effect of the first dynamic page display is different from the expected page effect, the user can modify the parameter value by means of a keyboard, a touch screen, a soft keyboard and the like. For example, the animator observing that the effect of the first dynamic page display differs from the expected page effect may adjust the elements displayed on the first animated page by modifying the parameter values.

And S108, when the parameter value edited by the user is detected, updating the first dynamic picture by using the user-defined variable and the parameter value edited by the user to generate a second dynamic picture for the user to preview. The method includes that the computer equipment monitors that the parameter value of an interface variable where the animation display is located changes, and the computer equipment re-renders the first dynamic picture according to the monitored parameter value of the changed variable to obtain a second dynamic picture. The specific operation will be described in detail below

In the above embodiment, the source animation file is directly uploaded on the interface where the animation display is located by the user to generate the first dynamic picture, and the user can modify and preview the actual effect of the first dynamic picture on the interface where the animation display of the first dynamic picture is located, so that the communication cost between the user and the developer is reduced

Please refer to fig. 2 in combination, which is a first sub-flowchart of a method for implementing dynamic data animation preview according to an embodiment of the present application. Step S108 specifically includes the following steps S202-S204.

Step S202, modifying the parameter value in the temporary animation file in the cache, wherein the temporary animation file in the cache is a file generated in the cache for loading the source animation file. It can be understood that, in this embodiment, the source animation file is not modified, but the temporary file in the cache is modified, so that the source animation file is prevented from being modified, and it can be ensured that a source animation file developer cannot trace back the modified content, which affects subsequent updating of the source animation file, and further ensure the consistency of the version of the source animation file.

And step S204, reading the modified temporary animation file and updating the first dynamic picture into a second dynamic picture. And if the computer device modifies the parameter values in the temporary animation file according to the step S202, the computer device reads the temporary file again, renders the animation display interface again according to the read temporary animation file again, and updates the interface where the animation display is located from the first dynamic picture to the second dynamic picture. It can be understood that, in the embodiment, the temporary animation file is updated by the parameter value modified by the designer, and the dynamic picture can also be updated, so that the designer can know that the parameter value can be adjusted to at most a few values to obtain the expected dynamic picture effect, that is, the designer can know the appropriate parameter value of the customized variable, and then inform the developer of the appropriate parameter value. Since the designer is the person who decides the expected effect of the final state picture, the designer can obtain the appropriate parameter value by providing the designer with the mode of previewing the dynamic picture and modifying the parameter value, and the repeated modification between the developer and the designer to the custom variable before can be greatly shortened.

In the above embodiment, the effect of the dynamic picture can be truly restored by modifying the temporary animation file, reading the modified temporary animation file and updating the dynamic picture.

Please refer to fig. 2 in combination, which is a second sub-flowchart of a method for implementing dynamic data animation preview according to an embodiment of the present application. The following steps S302-S306 are also specifically included before step S204.

Step S302, when the condition that the user edits the parameter value is detected, a preview key is displayed for the user to select. It can be understood that, after the user edits the parameter value in the dynamic picture in the parameter value modification frame of the dynamic picture of the interface where the animation display is located, the computer device monitors that the data of the dynamic picture is changed, and then the animation display interface automatically displays a preview key on the interface where the animation display is located, so that the user can select whether to preview the modified dynamic picture.

Step S304, when the user selects the preview key, a preview request is generated. It can be understood that, according to step S302, the user clicks the preview key to select to preview the dynamic picture of the interface where the animation display is located, and when the computer device monitors the preview request, the computer device obtains the modified parameter value and updates the modified parameter value to the temporary animation file.

Step S306, according to the preview request, reading the modified temporary animation file to update the first dynamic picture to a second dynamic picture. It can be understood that, after the computer device updates the temporary animation file according to the step S304 and reads the temporary animation file again, the computer device renders the first dynamic picture in the interface where the animation is displayed again according to the read temporary animation file to obtain the second dynamic picture.

In the embodiment, after the parameter value of the dynamic picture is modified by the user, the modified dynamic picture can be selected to be previewed, so that the effect of different dynamic pictures with modified parameter values can be really seen.

Please refer to fig. 5, which is a schematic diagram of a dynamic data previewing apparatus 1000 according to an embodiment of the present application. The animation preview device 1000 for dynamic data includes a display module 100, an obtaining module 200, an editing module 300, and an updating module 400.

The display module 100 is configured to load the source animation file and display a first dynamic image for a user to preview.

And the obtaining module 200 is used for obtaining the user-defined variables and the parameter values in the source animation file.

And the editing module 300 is configured to edit the custom variable and the parameter value corresponding to the custom variable in an interface where the dynamic picture is displayed by the user.

And the updating module 400 is configured to, when it is detected that the user edits the parameter value, update the first dynamic picture by using the user-defined variable and the parameter value edited by the user to generate a second dynamic picture for the user to preview.

Please refer to fig. 6, which is a schematic diagram of an update module according to an embodiment of the present disclosure. The update module 400 includes a modification module 401 and a reading module 402.

And a modification module 401, configured to modify a parameter value in the temporary animation file in the cache.

A reading module 402, configured to read the modified temporary animation file and update the first dynamic picture to a second dynamic picture.

Please refer to fig. 7 in combination, which is a schematic diagram of a reading module according to an embodiment of the present disclosure. The reading module 402 includes a selection module 4021, a request module 4022, and a processing module 4023.

A selecting module 4021, configured to display a preview key for user selection when it is detected that the user edits the parameter value.

A request module 4022, configured to generate a preview request when the user selects the preview key.

A processing module 4023, configured to read the modified temporary animation file according to the preview request, and update the first dynamic image to a second dynamic image.

Embodiments of the present application provide a computer-readable storage medium for storing a computer program, where the computer program is executed by a processor to implement part or all of the steps of any one of the methods as set forth in the above embodiments.

Please refer to fig. 4, which is a schematic diagram of an internal structure of a computer device according to an embodiment of the present application. Computer device 10 includes a computer-readable storage medium 11, a processor 12, and a bus 13. The computer-readable storage medium 11 includes at least one type of readable storage medium, which includes a flash memory, a hard disk, a multimedia card, a card-type memory (e.g., SD or DX memory, etc.), a magnetic memory, a magnetic disk, an optical disk, and the like. The computer-readable storage medium 11 may in some embodiments be an internal storage unit of the computer device 10, such as a hard disk of the computer device 10. The computer readable storage medium 11 may also be, in other embodiments, an external computer device 10 storage device, such as a plug-in hard drive, Smart Media Card (SMC), Secure Digital (SD) Card, Flash memory Card (Flash Card), or the like, provided on the computer device 10. Further, the computer-readable storage medium 11 may also include both an internal storage unit and an external storage device of the computer device 10. The computer-readable storage medium 11 may be used not only to store application software and various types of data installed in the computer device 10 but also to temporarily store data that has been output or is to be output.

The bus 13 may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown in FIG. 4, but this does not indicate only one bus or one type of bus.

Further, computer device 10 may also include a display component 14. The display component 14 may be a Light Emitting Diode (LED) display, a liquid crystal display, a touch-sensitive liquid crystal display, an Organic Light-Emitting Diode (OLED) touch panel, or the like. The display component 14 may also be referred to as a display device or display unit, among other things, for displaying information processed in the computer device 10 and for displaying a visualized user interface.

Further, the computer device 10 may also comprise a communication component 15. The communication component 15 may optionally include a wired communication component and/or a wireless communication component, such as a WI-FI communication component, a bluetooth communication component, etc., typically used to establish a communication connection between the computer device 10 and other intelligent control devices.

The processor 12 may be, in some embodiments, a Central Processing Unit (CPU), controller, microcontroller, microprocessor or other data Processing chip for executing program codes stored in the computer-readable storage medium 11 or Processing data. In particular, processor 12 executes a processing program to control computer device 10 to implement a method for implementing dynamic data animation previews.

It is to be understood that fig. 4 only shows the computer device 10 with the components 11-15 and the method of implementing a dynamic data animation preview, and that the structure shown in fig. 4 does not constitute a limitation of the computer device 10, and may include fewer or more components than shown, or combine certain components, or a different arrangement of components, as will be appreciated by those skilled in the art.

It will be apparent to those skilled in the art that various changes and modifications may be made in the present application without departing from the spirit and scope of the application. Thus, to the extent that such modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, it is intended that the present application also encompass such modifications and variations.

The above-mentioned embodiments are only examples of the present invention, and the scope of the claims of the present invention should not be limited by these examples, so that the claims of the present invention should be construed as equivalent and still fall within the scope of the present invention.

Claims (10)

1. A method for realizing dynamic data animation preview is characterized in that the method for realizing dynamic data animation preview comprises the following steps:

loading a source animation file and displaying a first dynamic picture for a user to preview;

acquiring a user-defined variable and a parameter value in a source animation file;

displaying the user-defined variable and the parameter value corresponding to the user-defined variable in an interface where a dynamic picture is located for a user to edit; and

and when the condition that the user edits the parameter value is detected, updating the first dynamic picture by using the user-defined variable and the parameter value edited by the user to generate a second dynamic picture for the user to preview.

2. The method for implementing preview of dynamic data animation as claimed in claim 1, wherein the obtaining of custom variables and parameter values in the animation file specifically comprises: and acquiring the corresponding custom variable and the parameter value corresponding to the custom variable according to the custom variable set by the user.

3. The method for enabling dynamic data animation preview of claim 1, wherein the method further comprises:

and when the first dynamic picture is displayed, displaying the user-defined variable input box for a user to input the user-defined variable.

4. The method of claim 1, wherein the updating the first dynamic image with the user-edited custom variables and parameter values to generate a second dynamic image for the user to preview specifically comprises:

modifying parameter values in a temporary animation file in a cache, wherein the temporary animation file in the cache is a file generated in the cache for loading the source animation file; and

and reading the modified temporary animation file to update the first dynamic picture into a second dynamic picture.

5. The method for implementing a dynamic data animation preview of claim 4, wherein before reading the modified temporary animation file to update the first dynamic picture to the second dynamic picture, the method for implementing a dynamic data animation preview further comprises:

when the condition that the user edits the parameter value is detected, displaying a preview key for the user to select;

generating a preview request when the user selects the preview key; and

and reading the modified temporary animation file according to the preview request to update the first dynamic picture into a second dynamic picture.

6. An apparatus for implementing dynamic data animation preview, the apparatus comprising:

the display module is used for loading the source animation file and displaying a first dynamic picture for a user to preview;

the acquisition module is used for acquiring the user-defined variables and the parameter values in the source animation file;

the editing module is used for editing the custom variable and the parameter value corresponding to the custom variable on an interface where a dynamic picture is displayed by a user; and

and the updating module is used for updating the first dynamic picture by using the user-defined variable and the parameter value edited by the user to generate a second dynamic picture for the user to preview when the parameter value edited by the user is detected.

7. The apparatus for previewing animation of dynamic data according to claim 6, wherein said updating module specifically comprises:

the modification module is used for modifying the parameter values in the temporary animation file in the cache; and

and the reading module is used for reading the modified temporary animation file and updating the first dynamic picture into a second dynamic picture.

8. The apparatus for previewing animation of dynamic data according to claim 7, wherein said reading module comprises:

the selection module is used for displaying a preview key for the user to select when the condition that the user edits the parameter value is detected;

the request module is used for generating a preview request when the user selects the preview key; and

and the processing module is used for reading the modified temporary animation file according to the preview request and updating the first dynamic picture into a second dynamic picture.

9. A computer-readable storage medium for storing program instructions executable by a processor to implement a method for dynamic data animation preview as claimed in any one of claims 1 to 5.

10. A computer device. Characterized in that the device comprises:

a computer readable storage medium for storing program instructions; and

a processor for executing the program instructions to implement a method of implementing a dynamic data animation preview as claimed in any one of claims 1 to 5.

Images