WO2019214615A1

WO2019214615A1 - Frame animation realization method and apparatus, electronic device and computer-readable storage medium

Info

Publication number: WO2019214615A1
Application number: PCT/CN2019/085854
Authority: WO
Inventors: 魏治平
Original assignee: 鸿合科技股份有限公司
Priority date: 2018-05-09
Filing date: 2019-05-07
Publication date: 2019-11-14
Also published as: CN110473275B; CN110473275A

Abstract

Disclosed is a frame animation realization method, comprising: acquiring multiple frame pictures; determining attribute information and index information of the multiple frame pictures; and according to the attribute information and the index information, packaging the multiple frame pictures to generate a frame animation file. Further disclosed are a frame animation realization apparatus, an electronic device and a computer-readable storage medium. According to the present invention, a frame animation file for frame animation playing is generated based on acquired frame pictures, there is no limitation to both the size and the number of the frame pictures, and smooth playing of a frame animation can be realized while the playing limitation is low.

Description

Frame animation implementation method, device, electronic device and computer readable storage medium

Technical field

The present invention relates to the field of image processing technologies, and in particular, to a frame animation implementation method, apparatus, electronic device, and computer readable storage medium.

Background technique

At present, the Android system provides a set of frame animation implementation methods, but the existing method has obvious limitations. For example, the total number of frames of the frame picture is not too large, and the size of each frame cannot be too large, etc. Otherwise, it is very easy to cause problems such as memory overflow when the frame animation is played.

Summary of the invention

In view of this, the present invention proposes a frame animation implementation method, which can implement frame animation simply and efficiently, and has a small playback limit.

In an embodiment of the invention, the method may include:

Get multiple frame images;

Obtaining attribute information and index information of the plurality of frame pictures; and

And encoding the plurality of frame pictures according to the attribute information and the index information to generate a frame animation file.

In some embodiments of the present invention, the acquiring a plurality of frame pictures includes: setting attributes of the plurality of frame pictures such that width, height, and suffix names of the plurality of frame pictures are the same.

In some embodiments of the present invention, the acquiring the plurality of frame pictures comprises: renaming the plurality of frame pictures according to a play order, and associating the file names of the frame pictures with a play order thereof.

In some embodiments of the present invention, the attribute information of the frame picture includes: a total number of frames of the plurality of frame pictures, and a width, a height, and a suffix name of each of the plurality of frame pictures; The index information of the frame picture includes: a play order of each frame picture in the plurality of frame pictures.

In some embodiments of the present invention, the packaging the plurality of frame pictures to generate a frame animation file comprises:

Reading and saving the attribute information and index information;

Create a frame animation file;

Writing a total number of frames of the plurality of frame pictures in the frame animation file, and a width and a height of each frame picture;

Applying a buffer of four times the total number of frames of the plurality of frame pictures and writing the frame animation file;

And cyclically reading the plurality of frame pictures and writing the frame animation file according to a play order, and recording an offset of the plurality of frame pictures in the empty frame animation file to a corresponding buffer;

Write back to the buffer;

Close the frame animation file.

In some embodiments of the present invention, after the method of packaging the plurality of frame pictures to generate a frame animation file, the method further includes: storing the frame animation file in a /res/raw/ directory of the Android system.

In some embodiments of the present invention, the above method may further include: calling a preset frame animation playback control to read the frame animation file and playing the frame animation.

In some embodiments, the preset frame animation playback control is a FrameAnimationView.

In some embodiments, the calling a preset frame animation playing control to read the frame animation file to implement frame animation playback includes:

Reading the frame animation file to obtain the attribute information and index information;

And applying, according to the attribute information, a buffer for the currently played frame image;

Reading the currently played frame picture to the buffer according to the index information;

Decoding the buffer to generate a current play picture in a preset format corresponding to the frame picture;

Obtaining the current play picture, and rendering the current play picture to a user interface for playing.

Corresponding to the above-mentioned frame animation implementation method, the present invention also provides a frame animation implementation device, including:

An acquisition module, configured to acquire multiple frame images;

a parameter determining module, configured to determine attribute information and index information of the plurality of frame pictures; and

And a generating module, configured to package the plurality of the frame images to generate a frame animation file according to the attribute information and the index information.

In some embodiments of the present invention, the frame animation implementation apparatus further includes: a playing module, configured to call a preset frame animation playing control to read the frame animation file and play the frame animation.

The present invention also provides an electronic device comprising a memory, a processor, and a computer program stored on the memory and operable on the processor, the processor executing the program to implement the frame animation of any of the above Implementation.

The present invention also provides a computer readable storage medium having stored thereon a computer program that, when executed by a processor, implements the frame animation implementation method of any of the above.

As can be seen from the above, the frame animation implementation solution provided by the present invention generates a frame animation file for frame animation playback based on the acquired frame image, and has no limitation on the size of the frame image and the total number of frames, and can be played during playback. The problem is that the playback restriction is small, the playback is smooth, the card is not stuck, and there is no memory overflow.

DRAWINGS

In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the embodiments or the description of the prior art will be briefly described below. Obviously, the drawings in the following description are only It is a certain embodiment of the present invention, and other drawings can be obtained from those skilled in the art without any creative work.

1 is a flowchart of a method for implementing frame animation according to an embodiment of the present invention;

2 is a schematic structural diagram of a frame animation file according to an embodiment of the present invention;

3 is a schematic diagram of a frame animation playing process according to an embodiment of the present invention;

4 is a schematic structural diagram of a frame animation implementation apparatus according to an embodiment of the present invention;

FIG. 5 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.

detailed description

The present invention will be further described in detail below with reference to the specific embodiments of the invention.

As described above, in order to solve the problem that the existing Android system restricts too much or the playback is not smooth when the frame animation is played, the embodiment of the present invention provides a frame animation implementation method.

FIG. 1 is a flowchart of a method for implementing frame animation according to an embodiment of the present invention. As shown in FIG. 1 , a method for implementing a frame animation according to an embodiment of the present invention includes the following steps:

Step 101: Acquire multiple frame pictures.

In an embodiment of the invention, a plurality of frame pictures for playing a frame animation may first be acquired. The frame picture may be a frame picture directly obtained from a specified position, or may be a frame picture generated after processing according to the original picture.

Since the frame picture of each frame is required to play the frame animation, it needs to have the same specifications and file format for subsequent data processing. Therefore, in the embodiment of the present invention, the processing of the frame picture in the step of acquiring the plurality of frame pictures may specifically include: setting the attributes of the plurality of frame pictures, and making the width, height, and suffix name of the plurality of the frame pictures. All the same. Specifically, the attributes of the acquired multiple frame pictures may be set, and the width and height thereof are set to be the same, so that the size of each frame picture will be exactly the same. In addition, the suffix names of multiple frame pictures can be set to be the same, which can ensure that multiple frame pictures are the same file format.

In addition, since the plurality of frame pictures will be used for playing frame animation, there should be a certain timing relationship, that is, a play order. Therefore, in the embodiment of the present invention, the processing of the frame picture in the step of acquiring the plurality of frame pictures may further include: renaming the plurality of frame pictures according to the playing order, so that the file names of the plurality of frame pictures are The playback order is associated. Specifically, the file names of the plurality of frame pictures may be directly renamed into consecutive numbers, or the play order list may be established between the file names of the plurality of frame pictures according to the play order, and multiple frames may be used by using the foregoing multiple manners. The file name after the picture is renamed is associated with the play order for convenient storage and subsequent calls. Taking the example of renaming a continuous number as an example, the naming of the first frame picture in the playback order is arranged from 0, which can be expressed as: 0.png, 1.png, 2.png....

Step 102: Determine attribute information and index information of the plurality of frame pictures.

In an embodiment of the present invention, after acquiring a plurality of frame pictures, attribute information and index information of the plurality of frame pictures may be further acquired. The attribute information of the frame picture includes: a total number of frames of the plurality of frame pictures, and a width, a height, and a suffix name of each of the plurality of frame pictures. The index information of the frame picture includes: a play sequence of each of the plurality of frame pictures.

Step 103: Packet the plurality of frame pictures according to the attribute information and the index information of the frame picture to generate a frame animation file.

Embodiments of the present invention provide a frame animation packaging tool that is specifically used to package a plurality of frame pictures to generate a frame animation file. Specifically, the frame animation packaging tool may be implemented by means of a batch file, which may include: firstly establishing a batch file make.bat, and then modifying the second, third, fourth, fifth, and sixth parameter information of the batch file, The second parameter indicates how many frames are in total, the third parameter is the width of the frame picture, the fourth parameter is the height of the picture, the fifth parameter is the suffix of the frame picture, and the sixth parameter is the generated frame animation file storage path.

In the embodiment of the present invention, the step of the frame animation package tool, that is, the step of packaging the plurality of frame images to generate the frame animation file according to the attribute information and the index information may specifically include:

Reading and saving attribute information and index information of the plurality of frame pictures;

Create a frame animation file;

The total number of frames in which a plurality of frame images are written in a frame animation file, and the width and height of each frame image;

Applying a buffer having a capacity of four times the total number of frames of a plurality of frame pictures and writing the frame animation file;

Cycling a plurality of frame images and writing the frame animation file according to the playing order, and recording the offset of the plurality of frame images in the empty frame animation file to the corresponding buffer;

Write back to the buffer;

Close the frame animation file.

In the embodiment of the present invention, the frame animation packaging tool may be written and generated using any programming language, and is written in the C language in this embodiment.

After the above packaging process, the structure of the generated frame animation file can be as shown in FIG. 2, wherein the first 4 bytes of the frame animation file is the total number of frames, that is, the total number of frame images, corresponding to the second batch file. Parameter; the second 4 bytes indicates the width of the frame picture, corresponding to the third parameter of the batch file; the third 4 bytes indicates the height of the frame picture, corresponding to the fourth parameter of the batch file; then the data index The length of the total frame is *4 bytes, corresponding to the start position of the first frame picture in this file, the start position of the second frame picture in this file, and the nth frame picture in this file. The starting position; the last is the data area, which can be written directly in the order in which the frame pictures are played.

In some embodiments of the present invention, after the step 103 is performed, the generated frame animation file may be further stored in the /res/raw/ directory of the Android system.

Usually, the /res/raw/ directory of Android is used to store common files, and the files in this folder will not be compiled into binary files and copied to the device as they are. The generated frame animation file is stored in the /res/raw/ directory, which ensures the normal storage of the frame animation file and subsequent normal reading.

Through the above steps 101-103, a frame animation file may be generated according to a plurality of frame images, and the frame animation file has no limitation on the total number of frames of the frame image and the width and height of the frame image, that is, the process of generating the frame animation file to the frame image There is no limit to the number and size.

After the frame animation file is generated, the frame animation implementation method in the embodiment of the present invention may further perform the following steps to perform frame animation playback.

Step 104: Call a preset frame animation playback control to read the frame animation file and play the frame animation.

In the embodiment of the present invention, the preset frame animation playing control may be specifically a FrameAnimationView. FrameAnimationView is inherited from SurfaceView for the user interface (UI). The reason why the embodiment of the present invention selects the SurfaceView is because the ordinary View can only update the UI in the main thread, and the SurfaceView can update the UI in the child thread, so if we use the SurfaceView, one thread can be used to read from the frame animation file. The current frame data, another thread is used to render the UI, in order to ensure smooth playback of the frame animation. In other embodiments of the present invention, other animation playing plugins may also be employed as the preset frame animation playing plug-in.

Specifically, in the embodiment of the present invention, the foregoing steps may specifically include: first, initializing frame animation information, reading the frame animation file, acquiring the attribute information and index information; and playing according to the attribute information The frame image application buffer; reading the currently played frame image to the buffer according to the index information; decoding the buffer to generate a current format of a preset format corresponding to the frame image And acquiring the current play picture, and rendering the current play picture to a user interface for playing. In an embodiment of the present invention, the foregoing preset format may be a Bitmap format.

Specifically, in the actual implementation process of using the FrameAnimationView control, reference may be made to the process shown in FIG. 3, when starting to play the frame animation, firstly, step 301 is required to start initializing the animation information; then, two child threads are started, and one child thread is frame animation data. The decoding thread 302 (Image Decode Thread) is used to continuously parse the data of the current frame image from the animation file and put it into the corresponding buffer; another sub-thread is the frame animation UI rendering thread 303 (Animation Draw Thread), used to The data in the current frame image is continuously read in the buffer and rendered onto the UI.

In addition, when starting to play the frame animation, you need to pass some parameters, such as whether you need to play in a loop, the frame rate is how many milliseconds, if it is a single play, the duration of the last frame after playing all the frames, and whether you need to play the completion callback, etc. .

Specifically, referring to FIG. 3, the frame animation data decoding thread 302 may specifically include: 3021: obtain current frame index information; 3022: apply for a buffer according to a current frame data size in the current frame index information; 3023: read from a current frame index position. Take data to the buffer; 3024: decode the buffer data to generate a Bitmap; 3025: use the synchronization method to put the Bitmap into the bitmap buffer; 3026: determine whether to loop play; if yes, further execute 3027 to determine whether it is the last frame; If not, the process ends 3028, and the frame counter is reset to zero and returns to 3021. If it is not the last frame, the process 3029 increments the frame counter by one and returns to 3021.

The frame animation UI rendering thread 303 specifically includes: 3031: obtain the current Bitmap; 3032: determine whether it is empty; if not empty, return 3021; if it is empty, execute 3033, use the synchronization method to render the Bitmap to the UI interface ; 3034: use the synchronization method to remove the current frame Bitmap from the frame buffer, and immediately release the resource; 3035: determine whether to loop, if not, then end; if yes, further perform 3036 to determine whether it is the last frame; If it is the last frame, execute 3037 to zero the frame counter and return to 3031; if it is not the last frame, execute 3038 to increment the frame counter by 1, and return to 3031.

The frame animation implementation method corresponding to the Android system of the above embodiment can be used by using the code in a program file that needs to use frame animation as follows:

Only one animation is played, the second parameter indicates the time to delay the callback after the play is finished, and the third parameter is the playback completion callback.

It can be seen from the above embodiment that the frame animation implementation method in the Android system of the present invention only needs to first use the frame animation production tool provided by the present invention to package a plurality of frame images into one frame animation file, thereby generating a frame animation file, and This frame animation file does not set a limit on the number and size of frame images, and frame animation can be implemented simply and efficiently, and the playback limit is small. After that, the user can use the custom frame animation playback control in the interface layout file, and call the frame animation playback and stop method provided by the custom control in the program code, and the number of unrestricted frames can be easily realized. , the size of the smooth play.

Based on the same aspect, referring to FIG. 4, an embodiment of the present invention further provides a frame animation implementation apparatus, including:

An obtaining module 401, configured to acquire multiple frame images;

The parameter determining module 402 is configured to determine attribute information and index information of the plurality of frame pictures.

The generating module 403 is configured to package the plurality of the frame pictures to generate a frame animation file according to the attribute information and the index information.

In an embodiment of the present invention, the frame animation implementation apparatus may further include: a playing module 404, configured to call a preset frame animation playing control to read the frame animation file and play a frame animation, in order to implement the playing of the animation file. .

In an embodiment of the present invention, the obtaining module 401 may specifically include:

And an attribute setting unit, configured to set an attribute of the plurality of frame pictures, so that the width, the height, and the suffix name of the plurality of the frame pictures are the same.

a renaming unit, configured to rename a plurality of the frame pictures according to a play order, so that a file name of the frame picture is associated with a play order thereof.

In an embodiment of the present invention, the attribute information of the frame picture includes: a total number of frames of the plurality of frame pictures, and a width, a height, and a suffix name of each frame picture. The index information of the frame picture includes: a play order of each frame picture. After acquiring a plurality of frame pictures, the parameter determination module 402 further acquires attribute information and index information of the frame pictures.

In an embodiment of the present invention, the generating module 403 may specifically include:

An information reading unit, configured to read the attribute information and the index information and save the information;

a file creation unit for creating a frame animation file;

An information writing unit, configured to write a total number of frames of the plurality of frame images in the created frame animation file, and a width and a height of each of the frame images;

a buffer application unit, configured to apply a buffer having a capacity of four times the total number of frames of the plurality of frame pictures and write the frame animation file;

a frame picture writing unit, configured to cyclically read the plurality of frame pictures and write the plurality of frame pictures to the frame animation file according to a play order, and to use the plurality of frame pictures in the empty frame animation file The offset is recorded to the corresponding buffer; the write buffer is written back; and the frame animation file is closed.

In an embodiment of the present invention, the generating module 403 further includes: a storage unit, configured to store the frame animation file in an /res/raw/ directory of the Android system.

In an optional embodiment of the present invention, the preset frame animation playing control is a FrameAnimationView. In this case, the foregoing playing module 404 may specifically include:

An information determining unit, configured to read a frame animation file, and obtain attribute information and index information;

a cache application unit, configured to apply for a buffer for the currently played frame image according to the attribute information;

a frame picture reading unit, configured to read the currently played frame picture to the buffer according to the index information;

a decoding unit, configured to decode the buffer, and generate a current play picture in a preset format corresponding to the frame picture;

And a rendering unit, configured to acquire the current play picture, and render the current play picture to a user interface for playing.

In an embodiment of the present invention, the foregoing preset format may be a Bitmap format.

The device of the foregoing embodiment is used to implement the corresponding frame animation implementation method in the foregoing embodiment, and has the beneficial effects of the corresponding method embodiments, and details are not described herein again.

Based on the same aspect, an embodiment of the present invention further provides an electronic device, which is configured as shown in FIG. 5, and includes a memory 501 and a processor 502. The memory 501 and the processor 502 are connected by a bus; and the memory is stored and processed. The computer program 503 running on the device, when the processor executes the program, implements a frame animation implementation method as described in any of the above embodiments.

The electronic device of the foregoing embodiment is used to implement the corresponding method in the foregoing embodiments, and has the beneficial effects of the corresponding method embodiments, and details are not described herein again.

Based on the same aspect, the embodiment of the present invention further provides a computer readable storage medium, where computer instructions are stored, and when the processor executes the computer instruction, the frame animation implementation method according to any one of the foregoing embodiments is implemented.

It should be understood by those of ordinary skill in the art that the discussion of any of the above embodiments is merely exemplary, and is not intended to suggest that the scope of the disclosure (including the claims) is limited to these examples; Combinations of the technical features in the different embodiments can also be combined, the steps can be carried out in any order, and there are many other variations of the various aspects of the invention as described above, which are not provided in detail for the sake of brevity.

In addition, well-known power/ground connections to integrated circuit (IC) chips and other components may or may not be shown in the drawings provided for simplicity of illustration and discussion, and in order not to obscure the invention. . Furthermore, the apparatus may be shown in block diagram form in order to avoid obscuring the invention, and this also contemplates the fact that the details of the embodiments of the block diagram apparatus are highly dependent on the platform on which the invention is to be implemented (ie These details should be fully understood by those skilled in the art). In the case where the specific details (e.g., circuits) are described to describe the exemplary embodiments of the present invention, it will be apparent to those skilled in the art The invention is carried out as follows. Accordingly, the description is to be considered as illustrative rather than restrictive.

Although the present invention has been described in connection with the specific embodiments of the present invention, many modifications, variations and variations of the embodiments are apparent to those skilled in the art. For example, other memory architectures (eg, dynamic RAM (DRAM)) may use the embodiments discussed.

All such alternatives, modifications, and variations are intended to be included within the scope of the appended claims. Therefore, any omissions, modifications, equivalents, improvements, etc., which are within the spirit and scope of the invention, are intended to be included within the scope of the invention.

Claims

A frame animation implementation method, comprising:

Get multiple frame images;

Determining attribute information and index information of the plurality of frame pictures;

And encoding the plurality of frame pictures according to the attribute information and the index information to generate a frame animation file.
The frame animation implementation method according to claim 1, wherein the acquiring the plurality of frame images comprises: acquiring the plurality of frame images from a specified location.
The frame animation implementation method according to claim 2, wherein the acquiring the plurality of frame images further comprises: setting an attribute of the plurality of frame images, and making a width, a height, and a suffix name of the plurality of frame images the same.
The frame animation implementation method according to claim 2 or 3, wherein the acquiring the plurality of frame images further comprises: renaming the plurality of frame images according to a play order, and causing the plurality of frame images The file name is associated with its play order.
The frame animation implementation method according to claim 1, wherein the packaging the plurality of frame images to generate a frame animation file comprises:

And reading the attribute information and the index information, where the attribute information includes: a total number of frames of the plurality of frame pictures, and a width, a height, and a suffix name of each of the plurality of frame pictures The index information includes: a play order of each frame picture in the plurality of frame pictures;

Create a frame animation file;

Writing a total number of frames of the plurality of frame pictures in the frame animation file, and a width and a height of each of the plurality of frame pictures;

Applying a buffer having a capacity four times the total number of frames of the plurality of frame pictures and writing the frame animation file;

And cyclically reading a plurality of the frame images and writing the frame animation files according to a play order, and recording offsets of the plurality of frame images in the empty frame animation file into corresponding buffers;

Write back to the buffer;

Close the frame animation file.
The frame animation implementation method according to claim 1, wherein after the plurality of the frame pictures are packaged to generate a frame animation file, the method further comprises: storing the frame animation file to an Android system/ Res/raw/ directory.
The frame animation implementation method according to claim 1, wherein the method further comprises: calling a preset frame animation playback control to read the frame animation file and playing the frame animation.
The frame animation implementation method according to claim 7, wherein the preset frame animation playback control is a FrameAnimationView.
The frame animation implementation method according to claim 8, wherein the calling the preset frame animation playing control to read the frame animation file and playing the frame animation comprises:

Reading the frame animation file to obtain the attribute information and index information;

And applying, according to the attribute information, a buffer for the currently played frame image;

Reading the currently played frame picture to the buffer according to the index information;

Decoding the buffer to generate a current play picture in a preset format corresponding to the frame picture;

Obtaining the current play picture, and rendering the current play picture to a user interface for playing.
A frame animation implementation device, comprising:

An acquisition module, configured to acquire multiple frame images;

a parameter determining module, configured to determine attribute information and index information of the plurality of frame pictures; and

And a generating module, configured to package the plurality of the frame images to generate a frame animation file according to the attribute information and the index information.
The frame animation implementation apparatus according to claim 10, wherein the obtaining module comprises:

An attribute setting unit, configured to set an attribute of the plurality of frame pictures, so that a width, a height, and a suffix name of the plurality of the frame pictures are the same;

a renaming unit, configured to rename a plurality of the frame pictures according to a play order, so that a file name of the frame picture is associated with a play order thereof.
The frame animation implementation apparatus according to claim 10, wherein the generating module comprises:

An information reading unit, configured to read the attribute information and the index information and save the information;

a file creation unit for creating a frame animation file;

An information writing unit, configured to write a total number of frames of the plurality of frame images in the created frame animation file, and a width and a height of each of the frame images;

a buffer application unit, configured to apply a buffer having a capacity of four times the total number of frames of the plurality of frame pictures and write the frame animation file;

a frame picture writing unit, configured to cyclically read the plurality of frame pictures and write the plurality of frame pictures to the frame animation file according to a play order, and to use the plurality of frame pictures in the empty frame animation file The offset is recorded to the corresponding buffer; the write buffer is written back; and the frame animation file is closed.
The frame animation implementation apparatus according to claim 12, wherein the generating module further comprises: a storage unit, configured to store the frame animation file in a /res/raw/ directory of the Android system.
The frame animation implementing apparatus according to claim 10, wherein the frame animation implementing device further comprises: a playing module, configured to call the preset frame animation playing control to read the frame animation file, and play the frame animation.
The frame animation implementation apparatus according to claim 14, wherein the playing module comprises:

An information determining unit, configured to read a frame animation file, and obtain attribute information and index information;

a cache application unit, configured to apply for a buffer for the currently played frame image according to the attribute information;

a frame picture reading unit, configured to read the currently played frame picture to the buffer according to the index information;

a decoding unit, configured to decode the buffer, and generate a current play picture in a preset format corresponding to the frame picture;

And a rendering unit, configured to acquire the current play picture, and render the current play picture to a user interface for playing.
An electronic device comprising a memory, a processor, and a computer program stored on the memory and operable on the processor, wherein the processor executes the program as claimed in any one of claims 1 to The frame animation implementation method described.
A computer readable storage medium, characterized in that the computer readable storage medium stores a computer program, and when the computer program is executed by a processor, the frame animation implementation according to any one of claims 1 to 9 is implemented method.