CN113420246A - Processing method and device for page transition animation and electronic equipment - Google Patents
Processing method and device for page transition animation and electronic equipment Download PDFInfo
- Publication number
- CN113420246A CN113420246A CN202110529699.0A CN202110529699A CN113420246A CN 113420246 A CN113420246 A CN 113420246A CN 202110529699 A CN202110529699 A CN 202110529699A CN 113420246 A CN113420246 A CN 113420246A
- Authority
- CN
- China
- Prior art keywords
- page
- animation
- data
- resource file
- transition
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 230000007704 transition Effects 0.000 title claims abstract description 106
- 238000003672 processing method Methods 0.000 title description 9
- 238000012545 processing Methods 0.000 claims abstract description 43
- 238000000034 method Methods 0.000 claims abstract description 37
- 230000000694 effects Effects 0.000 description 18
- 230000008569 process Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 238000005516 engineering process Methods 0.000 description 5
- 230000005236 sound signal Effects 0.000 description 4
- 230000001960 triggered effect Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000012937 correction Methods 0.000 description 2
- 230000009191 jumping Effects 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000036316 preload Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
The application relates to a method and a device for processing a page transition animation and electronic equipment, wherein the method comprises the following steps: responding to page switching operation of a user, and acquiring an animation resource file from a server according to a starting page type and a target page type; acquiring page data of a starting page and/or cache data of a target page, and filling content data in the animation resource file; and generating a transition animation file according to the animation resource file, and playing. The embodiment of the invention acquires the corresponding animation resource file through the page types before and after the page switching, and then generates the animation file for playing at the client in a content data filling mode, thereby forming the transition animation.
Description
Technical Field
The application relates to a processing method and device of a page transition animation and electronic equipment, and belongs to the technical field of computers.
Background
Currently, various application platforms are all dedicated to enable users to have a good user experience in applications, so that users can stay in applications for a longer time. When a user uses an application, page switching can be frequently performed, for example, when the e-commerce application is accessed, a commodity of interest is selected from a page comprising a plurality of commodity views to be clicked, the view for displaying the clicked commodity is skipped to, page switching is involved in the process, new page data needs to be acquired from a platform in the page switching process, and a certain waiting time possibly exists, so that transition animations are generally added in the two page switching process to improve user experience.
In the prior art, a developer needs to perform animation file codes in advance for each page jump and needs to acquire an original page and a target page of the page jump in advance, and the following problems exist in such a processing mode. The page transition depends heavily on the writing of the prior animation codes, the animation codes need to be installed on the user terminal together with the codes of the application, if a new page transition requirement occurs or the existing transition animation needs to be modified, new code development needs to be carried out and a new application version needs to be released, and the mode consumes a great deal of manpower and limits the flexibility of the transition animation application.
Disclosure of Invention
The embodiment of the invention provides a method and a device for processing a page transition animation and electronic equipment, so that the implementation of the transition animation is more flexible.
In order to achieve the above object, an embodiment of the present invention provides a method for processing a page transition animation, including:
responding to page switching operation of a user, and acquiring an animation resource file from a server according to a starting page type and a target page type;
acquiring page data of a starting page and/or cache data of a target page, and filling content data in the animation resource file;
and generating a transition animation file according to the animation resource file, and playing.
The embodiment of the invention also provides a device for processing the page transition animation, which comprises the following steps:
the animation resource file acquisition module is used for responding to page switching operation of a user and acquiring an animation resource file from a server according to the initial page type and the target page type;
the animation data processing module is used for acquiring page data of a starting page and/or cache data of a target page and filling content data into the animation resource file;
and the animation playing module generates a transition animation file according to the animation resource file and plays the transition animation file.
The embodiment of the invention also provides a method for processing the page transition animation, which comprises the following steps:
acquiring an initial page type and a target page type corresponding to page switching operation of a user;
acquiring a corresponding animation resource file according to the starting page type and the target page type, and sending the animation resource file to the client;
and sending the page data of the target page to the client according to the address information of the target page accessed by the user.
An embodiment of the present invention further provides an electronic device, including:
a memory for storing a program;
and the processor is used for operating the program stored in the memory so as to execute the processing method of the page transition animation.
According to the method, the device and the electronic equipment for processing the page transition animation, the corresponding animation resource file is obtained through the page types before and after page switching, then the animation file for playing is generated at the client side through a content data filling mode, so that the transition animation is formed, and by adopting the mode, animation codes do not need to be embedded in the client side application in advance, so that the configuration and the updating of the transition animation can be more flexibly carried out.
The foregoing description is only an overview of the technical solutions of the present invention, and the embodiments of the present invention are described below in order to make the technical means of the present invention more clearly understood and to make the above and other objects, features, and advantages of the present invention more clearly understandable.
Drawings
FIG. 1 is a flowchart illustrating a method for processing a transition animation according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of an application scenario of a method for processing a transition animation according to an embodiment of the present invention;
fig. 3 is a schematic diagram of a presentation example of a transition animation according to an embodiment of the present invention.
FIG. 4 is a schematic structural diagram of a device for processing a transition animation 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
Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
The technical solution of the present invention is further illustrated by some specific examples.
Fig. 1 is a schematic flowchart of a processing method of a page transition animation according to an embodiment of the present invention, fig. 2 is a schematic application scenario diagram of the processing method of the page transition animation according to the embodiment of the present invention, and fig. 3 is a schematic diagram of a presentation example of the transition animation according to the embodiment of the present invention. The method of the embodiment of the invention can be applied to one side of the client, and is used for generating and playing transition animations when the application of the client executes page jump, and specifically, the method can comprise the following steps:
s101: and responding to the page switching operation of the user, and acquiring the animation resource file from the server according to the starting page type and the target page type. The starting page and the target page are two pages relative to the jump operation triggered by page switching, namely, the page switching operation is triggered from the starting page, and the target page is presented after transition animation. The server can also apply a corresponding application service platform which is located at the cloud end and provides various services. As shown in fig. 2, two modules, namely a routing center and a transition framework, are included on the client, and the server in the figure corresponds to an application service platform. The routing center of the client is mainly used for acquiring page data according to the accessed page address and performing processing such as page switching, and the processing also comprises the step of extracting the page data in the local existing cache. In the embodiment of the invention, the page switching operation of the user can also trigger the routing center to acquire the animation resource file from the server.
The page type can include a view type of the page and content types such as characters, pictures and videos filled in the page, and the number of files can be greatly reduced by configuring an animation resource file according to the types of the pages before and after jumping occurs. Specifically, the animation resource file used may be determined according to the view types of the starting page and the target page, for example, the starting page is a view area including a plurality of small views as shown in fig. 3, and the target page is a full-screen view. For example, a starting page is a page with more text content, a link triggering jump to another video playing page is inserted into the text content, and a transition animation special effect that the starting page gradually fades away and a first frame of a video in a target page gradually appears can be adopted for a front and back page type of a line. The division of the page types and the animation resource files determined to be used according to the collocation of the starting page and the target page can be determined according to actual needs.
In the embodiment of the present invention, the animation resource file refers to a preconfigured logic in animation aspects, such as animation actions and animation effects, but is not a file filled with specific animation contents, and for example, an animation resource file based on a lottiee framework may be used. Lottie is an animation resource framework supporting multiple platforms, and the generated animation resource file can adopt a JSON format and can be directly applied to platforms such as iOS, Android, Web, and read Native (application program framework of open source code developed by facebook) without other additional operations. In the embodiment of the invention, animation resource files matched with various starting page types and target page types are pre-configured on the server, specific content data in the pages can be vacated in a placeholder mode in the animation resource files, and the client fills the animation resource files according to the content data of the specific starting page and the target page.
S102: and acquiring page data of the starting page and/or cache data of the target page, and filling content data in the animation resource file. Specifically, the animation resource file may be filled with content data according to the content identified by the placeholder in the animation resource file. As shown in fig. 2, the transition frame is mainly used to perform the processing related to the transition animation, and the content data filling in this step is processed by the transition frame, and the content data of the transition frame is provided by the routing center.
As previously described, the portions of the animation resource file that relate to particular animation content are pre-populated with placeholders, and then the client is populated with the data that is currently available. The existing data includes page data of a starting page and/or cache data of a target page, for a page switching operation, the starting page is a current page, the page data of the current page is latest, for the target page, some cache data may exist, that is, cache data generated by a user opening a target page before, and based on the cache data, filling content required by an animation resource file can be provided. Different types of content data can be identified by setting placeholders, for example, different placeholders are used for pictures, texts or videos, and in addition, different placeholders can be made to correspond to different contents through a rule agreed in advance. In the view page of the application, various text contents or picture contents and the like can be given with uniform name identifiers, such as "commodity name", "author", "date", "cover map", and the like, and correspondingly, the same identifier can be given to the placeholder in the animation resource file, so that corresponding content data can be acquired from the page data of the start page and/or the cache data of the target page according to different placeholders, and the filling of animation contents is completed. In some cases, the content data may be obtained by combining with a user operation, and the page data of the starting page and/or the cache data of the target page are obtained according to a page area where a page switching operation of the user is located. For example, as shown in fig. 3, a processing manner of transition animation is shown as an example. In the view A, a user clicks an upper left corner sub-page area to trigger page switching, wherein a page in the view A is a starting page, a page in the view C is a target page, a view B is an intermediate page in a transition process, the special effect of the whole transition animation is that the view of the page area clicked by the user in the view A is gradually enlarged to cover the whole page, and finally the transition animation jumps to the target page. After detecting the user click operation, the client acquires the page data of the corresponding sub-view area in the starting page as content data to be filled according to the user click position, namely acquires the picture and the character of the sub-view area at the upper left corner in the starting view as the picture and the character used in the animation, and fills the content of the animation resource file.
Furthermore, in the case where the image in the target page is required as the content data of the animation resource file, if the target page is accessed, the image may be obtained from the cache data of the target page, and in the case where the target page and the starting page have the same portion in view, for example, as illustrated in the example shown in fig. 3, the image in the target page (the image in view C) is actually an image of a sub-page in the starting page, and only the size of the image is different, and in this case, the image in the sub-page may be directly used as the content data, but some size enlargement processing and the like may be required. As another way to obtain the image in the target page, according to a pre-loaded address of the image in the target page, the image of the target page may be obtained from a CDN (Content distribution Network) server for performing image caching and/or image processing so as to be filled in an animation resource file, where the image may include a picture or a video, and the picture is obtained in a general case. For some application platforms, if a large amount of image data is involved, a CDN server dedicated to storing images is provided, the images delivered in the pages are stored in the CDN server, a preload address pointing to a storage location of the CDN server is embedded in the page file for the image content or the video content, and the client may obtain the image data through the preload address to cache and load the image data. Therefore, in the process of filling the animation resource file, the corresponding image file can be obtained by obtaining the preloading address corresponding to the image in the target page, and the preloading address of the image in the target page can also come from the cache data of the target page, or the preloading address of the image in each page stored in advance is applied.
In addition, in parallel with step 102 or after step 102 is executed, step S103 may be further included: and acquiring animation dependency data according to the view information of the starting page and/or the view information of the target page, and correcting the animation attribute information of the animation resource file according to the animation dependency data. The processing of this step may be implemented by the transition framework in fig. 2, as an example.
The animation property information referred to herein means coordinate data, view size data, and the like included in the animation resource file, which are required to realize an animation effect, and these data are related to the view position of the terminal device or the start page used by the user. The animation dependency data refers to information related to view protection in the starting page and/or the target page, for example, user click positions, position information of pictures, characters and the like of the starting page and the target page, picture sizes in the target page and the starting page, and the like. The starting frame and the ending frame of the animation and various animation attribute parameters required by the change process can be determined through the animation dependency data, so that a complete animation file can be generated by combining the configured transition logic of the animation resource file and the aforementioned content data. Generally, the start frame of the transition animation corresponds to the view of the current page (start page), and the end frame corresponds to the view of the target page, and it should be noted that the start frame and the end frame of the animation file are in different files from the start page and the target page, that is, they only have a corresponding relationship and do not have the same view. However, as a transition animation file, in order to achieve a better linking effect, the start frame and the end frame adopt views close to the start page and the target page as much as possible.
S104: and generating a transition animation file according to the animation resource file, and playing. After the filling of the content data in step S102 and the correction of the animation attribute information in step S103 are performed, a transition animation file may be generated, and then a plurality of animation views are formed from the running transition animation file, and then loaded and played, thereby achieving a transition effect. The processing of this step may be implemented by the transition framework in fig. 2, as an example. The transition effect may refer to that between two scenes (i.e. two segments of material, such as two pages), a certain skill such as drawing, folding, scrolling, etc. is used to realize smooth transition between scenes or scenes, or to achieve the effect of enriching pictures to attract viewers. The processing logic implementation of the transition effect already exists in the animation resource file.
In addition, after the user triggers the page switching operation, the client requests the service platform in the cloud to record the target page, that is, in the process of executing the steps S101 to S104, cache loading is synchronously executed on the target page view, and then, after the transition animation file is played, the target page view can be loaded, so that the jump from the starting page to the target page is completed. The cache loading of the target page may be done by the routing hub of the client.
According to the method for processing the page transition animation, the corresponding animation resource file is obtained through the page types before and after page switching, then the animation file for playing is generated at the client side through a content data filling mode, so that the transition animation is formed, and due to the adoption of the mode, animation codes do not need to be embedded into the application of the client side in advance, so that the configuration and the updating of the transition animation can be more flexibly carried out.
Correspondingly, on the server side, the following processing method of the page transition animation can be applied, and is used for interacting with the client to complete the processing of the transition animation, and the server can be specifically a server on an application service platform providing various services at the cloud, and specifically, the method can include:
s201: and acquiring a starting page type and a target page type corresponding to the page switching operation of the user. After acquiring the page switching operation of the user, the client can acquire the corresponding starting page type and the target page type and report the starting page type and the target page type to the server so that the server can determine the animation resource file.
S202: and acquiring a corresponding animation resource file according to the starting page type and the target page type, and sending the animation resource file to the client. The server selects a proper animation resource file according to a preset matching strategy and provides the proper animation resource file for the client, and the client is filled according to the existing data so as to generate a transition animation file.
S203: and sending the page data of the target page to the client according to the address information of the target page accessed by the user. While or after the animation resource file is provided to the client, page data of the target page can be sent to the client, so that the client can present a view of the target page after the transition animation file is played. According to the method for processing the page transition animation, the corresponding animation resource file is determined according to the page types before and after the page switching is obtained from the client, and the page types are provided for the client to generate the transition animation and play the transition animation in a content data filling mode.
The processing method of the page transition animation can be applied to games, virtual live broadcast and other scenes, so that the live broadcast and game effects are more vivid and rich. For example, in a game, there are many situations that need to transition, for example, entering the game from a game login interface, or performing different scene transitions during the game, in which case, the switching of different scene pages may correspond to the situations of a start page and a target page in the embodiment of the present invention, and a corresponding animation resource file may be determined according to the types of the different scene pages, and is filled according to actual game cache data to generate transition animation in the game scene. For another example, in a live scene, the anchor may also switch between a live interface and a content presentation interface, and these interfaces may also correspond to the situations of a start page and a target page in the embodiments of the present invention, and determine a corresponding animation resource file according to different live scenes and the types of the live interface and the content presentation interface, and perform filling according to actual live scene data to generate transition animation in the live scene.
In addition, it should be noted that the animation resource file may be configured on the client side in advance, so that the client may obtain the animation resource file locally according to the types of the start page and the target page for filling. The data packet containing a plurality of animation resource files can be stored locally at the client, updated animation resource files and corresponding configuration data can be acquired from the server together at regular intervals, and the configuration data can comprise matching strategies of the animation resource files determined according to the types of the starting page and the target page. Animation resource files pre-configured by different clients can be different and can be determined according to the page access habits of users of the clients, namely, the animation resource files which are frequently used are stored, and the animation resource files corresponding to the page types which are not frequently accessed by the users can be obtained through interaction with the cloud server. By locally configuring the animation resource file at the client, when the page switching occurs, the animation resource file can be more efficiently acquired and correspondingly configured.
As shown in fig. 4, which is a schematic structural diagram of a processing apparatus of a page transition animation according to an embodiment of the present invention, the apparatus according to the embodiment of the present invention may be applied to a client side, and is used for generating and playing the transition animation when an application of the client performs a page jump, and specifically, the apparatus may include:
and the animation resource file acquisition module 11 is configured to respond to a page switching operation of a user, and acquire an animation resource file from a server according to the starting page type and the target page type. The starting page and the target page are two pages relative to the jump operation triggered by page switching, namely, the page switching operation is triggered from the starting page, and the target page is presented after transition animation.
The page type can include a view type of the page and content types such as characters, pictures and videos filled in the page, and the number of files can be greatly reduced by configuring an animation resource file according to the types of the pages before and after jumping occurs. The division of the page types and the animation resource files determined to be used according to the collocation of the starting page and the target page can be determined according to actual needs.
In the embodiment of the present invention, the animation resource file refers to a preconfigured logic in animation aspects, such as animation actions and animation effects, but is not a file filled with specific animation contents, and for example, an animation resource file based on a lottiee framework may be used. In the embodiment of the invention, animation resource files matched with various starting page types and target page types are pre-configured on the server, specific content data in the pages can be vacated in a placeholder mode in the animation resource files, and the client fills the animation resource files according to the content data of the specific starting page and the target page.
And the animation data processing module 12 is configured to obtain page data of the starting page and/or cache data of the target page, and perform content data filling on the animation resource file. Specifically, the animation resource file may be filled with content data according to the content identified by the placeholder in the animation resource file.
As previously described, the portions of the animation resource file that relate to particular animation content are pre-populated with placeholders, and then the client is populated with the data that is currently available. The existing data includes page data of a starting page and/or cache data of a target page, for a page switching operation, the starting page is a current page, the page data of the current page is latest, for the target page, some cache data may exist, that is, cache data generated by a user opening a target page before, and based on the cache data, filling content required by an animation resource file can be provided. In some cases, the content data may be obtained by combining with a user operation, and the page data of the starting page and/or the cache data of the target page are obtained according to a page area where a page switching operation of the user is located.
In addition, in the case where the image in the target page is required to be used as the content data of the animation resource file, if the target page is accessed, the image can be obtained from the cache data of the target page, and in addition, in the case where the target page and the starting page have the same part in view, the image in the sub-page can be directly used as the content data, but some size enlargement processing and the like may be required. As another way to obtain the image in the target page, the image of the target page may be obtained from a CDN server for performing image caching and/or image processing according to a pre-loaded address of the image in the target page, so as to fill in the animation resource file, where the image may include a picture or a video.
In addition, the animation data processing module 12 may be further configured to obtain animation dependency data according to the view information of the start page and/or the view information of the target page, and correct animation attribute information of the animation resource file according to the animation dependency data.
The animation property information referred to herein means coordinate data, view size data, and the like included in the animation resource file, which are required to realize an animation effect, and these data are related to the view position of the terminal device or the start page used by the user. The animation dependency data refers to information related to view protection in the starting page and/or the target page, for example, user click positions, position information of pictures, characters and the like of the starting page and the target page, picture sizes in the target page and the starting page, and the like. The starting frame and the ending frame of the animation and various animation attribute parameters required by the change process can be determined through the animation dependency data, so that a complete animation file can be generated by combining the configured transition logic of the animation resource file and the aforementioned content data. Generally, the start frame of the transition animation corresponds to the view of the current page (start page), and the end frame corresponds to the view of the target page, and it should be noted that the start frame and the end frame of the animation file are in different files from the start page and the target page, that is, they only have a corresponding relationship and do not have the same view. However, as a transition animation file, in order to achieve a better linking effect, the start frame and the end frame adopt views close to the start page and the target page as much as possible.
And the animation playing module 13 generates a transition animation file according to the animation resource file and plays the transition animation file. After the filling of content data and the correction of animation attribute information are carried out on the animation resource file, a transition animation file can be generated, then a plurality of animation views are formed according to the running transition animation file, and then loading and playing are carried out, so that the transition effect is realized. The transition effect may refer to that between two scenes (i.e. two segments of material, such as two pages), a certain skill such as drawing, folding, scrolling, etc. is used to realize smooth transition between scenes or scenes, or to achieve the effect of enriching pictures to attract viewers. The processing logic implementation of the transition effect already exists in the animation resource file.
In addition, after the user triggers the page switching operation, the client requests the service platform at the cloud for recording the target page, namely in the process of generating the transition animation and playing the transition animation, cache loading is synchronously performed on the target page view, and then after the transition animation file is played, the target page view can be loaded, so that the jump from the starting page to the target page is completed.
The processing device of the page transition animation of the embodiment of the invention obtains the corresponding animation resource file through the page types before and after the page switching, and then generates the animation file for playing at the client side through the content data filling mode, thereby forming the transition animation.
Correspondingly, on the server side, the device may further include a processing device of the following page transition animation, configured to interact with the client to complete transition animation processing, where the device may be deployed on an application service platform in which the cloud provides various services, and specifically, the device may include:
the page type obtaining module 21 is configured to obtain, from the client, a start page type and a target page type corresponding to a page switching operation of the user. After acquiring the page switching operation of the user, the client can acquire the corresponding starting page type and the target page type and report the starting page type and the target page type to the server so that the server can determine the animation resource file.
And the animation resource file sending module 22 is configured to obtain a corresponding animation resource file according to the starting page type and the target page type, and send the animation resource file to the client. The server selects a proper animation resource file according to a preset matching strategy and provides the proper animation resource file for the client, and the client is filled according to the existing data so as to generate a transition animation file.
And the page data sending module 23 is configured to send page data of the target page to the client according to the address information of the target page accessed by the user. While or after the animation resource file is provided to the client, page data of the target page can be sent to the client, so that the client can present a view of the target page after the transition animation file is played.
The processing device of the page transition animation determines the corresponding animation resource file according to the page types before and after the page switching is obtained from the client, and provides the corresponding animation resource file to the client for the client to generate and play the transition animation in a content data filling mode.
The foregoing embodiment describes a flow process and a device structure of a method for processing a page transition animation, and the functions of the method and the device can be implemented by an electronic device, as shown in fig. 5, which is a schematic structural diagram of the electronic device according to the embodiment of the present invention, and specifically includes: a memory 110 and a processor 120.
And a memory 110 for storing a program.
In addition to the programs described above, the memory 110 may also be configured to store other various data to support operations on the electronic device. Examples of such data include instructions for any application or method operating on the electronic device, contact data, phonebook data, messages, pictures, videos, and so forth.
The memory 110 may be implemented by any type or combination of volatile or non-volatile memory devices, such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks.
The processor 120, coupled to the memory 110, is used for executing the program in the memory 110 to perform the operation steps of the processing method of the page transition animation described in the foregoing embodiments.
Furthermore, the processor 120 may also include various modules described in the foregoing embodiments to perform the processing of the page transition animation, and the memory 110 may be used, for example, to store data required by the modules to perform operations and/or data output.
The detailed description of the above processing procedure, the detailed description of the technical principle, and the detailed analysis of the technical effect are described in the foregoing embodiments, and are not repeated herein.
Further, as shown, the electronic device may further include: communication components 130, power components 140, audio components 150, display 160, and other components. Only some of the components are schematically shown in the figure and it is not meant that the electronic device comprises only the components shown in the figure.
The communication component 130 is configured to facilitate wired or wireless communication between the electronic device and other devices. The electronic device may access a wireless network based on a communication standard, such as WiFi, a mobile communication network, such as 2G, 3G, 4G/LTE, 5G, or a combination thereof. In an exemplary embodiment, the communication component 130 receives a broadcast signal or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 130 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
The power supply component 140 provides power to the various components of the electronic device. The power components 140 may include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power for an electronic device.
The audio component 150 is configured to output and/or input audio signals. For example, the audio component 150 includes a Microphone (MIC) configured to receive external audio signals when the electronic device is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signal may further be stored in the memory 110 or transmitted via the communication component 130. In some embodiments, audio assembly 150 also includes a speaker for outputting audio signals.
The display 160 includes a screen, which may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation.
Those of ordinary skill in the art will understand that: all or a portion of the steps of implementing the above-described method embodiments may be performed by hardware associated with program instructions. The aforementioned program may be stored in a computer-readable storage medium. When executed, the program performs steps comprising the method embodiments described above; and the aforementioned storage medium includes: various media that can store program codes, such as ROM, RAM, magnetic or optical disks.
Finally, it should be noted that: the above embodiments are only used to illustrate the technical solution of the present invention, and not to limit the same; while the invention has been described in detail and with reference to the foregoing embodiments, it will be understood by those skilled in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present invention.
Claims (10)
1. A method for processing a page transition animation comprises the following steps:
responding to page switching operation of a user, and acquiring an animation resource file from a server according to a starting page type and a target page type;
acquiring page data of a starting page and/or cache data of a target page, and filling content data in the animation resource file;
and generating a transition animation file according to the animation resource file, and playing.
2. The method of claim 1, further comprising:
and acquiring animation dependence data according to the view information of the starting page and/or the view information of the target page, and correcting the animation attribute information of the animation resource file according to the animation dependence data.
3. The method of claim 1, further comprising:
and according to the preloading address of the image in the target page, acquiring the image of the target page from a CDN server for image caching and/or image processing, and filling the image into the animation resource file.
4. The method of claim 1, wherein the animation resource file includes placeholders corresponding to the cached data, and wherein populating the animation resource file with content data includes: and filling content data in the animation resource file according to the content identified by the placeholder in the animation resource file.
5. The method of claim 1, further comprising:
and carrying out cache loading on the target page view, and loading the target page view after the transition animation file is played.
6. The method of claim 1, wherein obtaining page data of a starting page and/or cache data of a target page comprises:
and acquiring page data of the initial page and/or cache data of the target page according to the page area where the page switching operation of the user is positioned.
7. A device for processing a page transition animation, comprising:
the animation resource file acquisition module is used for responding to page switching operation of a user and acquiring an animation resource file from a server according to the initial page type and the target page type;
the animation data processing module is used for acquiring page data of a starting page and/or cache data of a target page and filling content data into the animation resource file;
and the animation playing module generates a transition animation file according to the animation resource file and plays the transition animation file.
8. The device of claim 7, wherein the animation data processing module is further configured to obtain animation dependency data according to the view information of the start page and/or the view information of the target page, and correct the animation attribute information of the animation resource file according to the animation dependency data.
9. A method for processing a page transition animation comprises the following steps:
acquiring an initial page type and a target page type corresponding to page switching operation of a user;
acquiring a corresponding animation resource file according to the starting page type and the target page type, and sending the animation resource file to the client;
and sending the page data of the target page to the client according to the address information of the target page accessed by the user.
10. An electronic device, comprising:
a memory for storing a program;
a processor for executing the program stored in the memory to perform the method for processing a page transition animation according to any one of claims 1 to 6 and claim 9.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110529699.0A CN113420246A (en) | 2021-05-14 | 2021-05-14 | Processing method and device for page transition animation and electronic equipment |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110529699.0A CN113420246A (en) | 2021-05-14 | 2021-05-14 | Processing method and device for page transition animation and electronic equipment |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113420246A true CN113420246A (en) | 2021-09-21 |
Family
ID=77712436
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110529699.0A Pending CN113420246A (en) | 2021-05-14 | 2021-05-14 | Processing method and device for page transition animation and electronic equipment |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113420246A (en) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050104886A1 (en) * | 2003-11-14 | 2005-05-19 | Sumita Rao | System and method for sequencing media objects |
CN104639725A (en) * | 2013-11-08 | 2015-05-20 | 腾讯科技(深圳)有限公司 | Interface switching method and device |
CN107943552A (en) * | 2017-11-16 | 2018-04-20 | 腾讯科技(成都)有限公司 | The page switching method and mobile terminal of a kind of mobile terminal |
CN110780939A (en) * | 2019-09-20 | 2020-02-11 | 苏州达家迎信息技术有限公司 | Method and device for loading resource file, computer equipment and storage medium |
CN111031375A (en) * | 2019-11-19 | 2020-04-17 | 青岛海信电器股份有限公司 | Method for skipping detailed page of boot animation and display equipment |
-
2021
- 2021-05-14 CN CN202110529699.0A patent/CN113420246A/en active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050104886A1 (en) * | 2003-11-14 | 2005-05-19 | Sumita Rao | System and method for sequencing media objects |
CN104639725A (en) * | 2013-11-08 | 2015-05-20 | 腾讯科技(深圳)有限公司 | Interface switching method and device |
CN107943552A (en) * | 2017-11-16 | 2018-04-20 | 腾讯科技(成都)有限公司 | The page switching method and mobile terminal of a kind of mobile terminal |
CN110780939A (en) * | 2019-09-20 | 2020-02-11 | 苏州达家迎信息技术有限公司 | Method and device for loading resource file, computer equipment and storage medium |
CN111031375A (en) * | 2019-11-19 | 2020-04-17 | 青岛海信电器股份有限公司 | Method for skipping detailed page of boot animation and display equipment |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10754668B2 (en) | Media file presentation method, client application, and plug-in | |
CN108965397A (en) | Cloud video editing method and device, editing equipment and storage medium | |
CN110062284B (en) | Video playing method and device and electronic equipment | |
CN108066986B (en) | Streaming media determining method and device and storage medium | |
US20180315098A1 (en) | Information processing method, server, and computer storage medium | |
US20150113429A1 (en) | Real-time dynamic content display layer and system | |
US8943164B2 (en) | Apparatus and methods for retrieving/ downloading content on a communication device | |
CN112399192A (en) | Gift display method and system in network live broadcast | |
CN104216697B (en) | Animation playing method and device for mobile terminal and mobile terminal | |
CN108449409B (en) | Animation pushing method, device, equipment and storage medium | |
CN107690084B (en) | The playing method and device of media file | |
CN108228293B (en) | Interface skin switching method and device | |
CN107682713B (en) | Media file playing method and device | |
US20160284382A1 (en) | Method, Device And System For Playing Video | |
CN108769816B (en) | Video playing method, device and storage medium | |
WO2016150388A1 (en) | Interface processing method, apparatus, and system | |
CN110874217A (en) | Interface display method and device for fast application and storage medium | |
CN110704059A (en) | Image processing method, image processing device, electronic equipment and storage medium | |
WO2021218221A1 (en) | Webpage display method and apparatus, and client and storage medium | |
KR102578024B1 (en) | Advertisement display method, advertisement display device, and advertisement display program | |
CN112712575A (en) | Sticker template image generation method and device, anchor terminal equipment and storage medium | |
US20150268808A1 (en) | Method, Device and System for Multi-Speed Playing | |
CN112016023A (en) | Service processing method, device, terminal and storage medium | |
CN114356155A (en) | Video-based interaction method, device, equipment and storage medium | |
CN114679621A (en) | Video display method and device and terminal equipment |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20240313 Address after: Singapore Applicant after: Alibaba Innovation Co. Country or region after: Singapore Address before: Room 01, 45th Floor, AXA Building, 8 Shanton Road, Singapore Applicant before: Alibaba Singapore Holdings Ltd. Country or region before: Singapore |
|
TA01 | Transfer of patent application right |