Animation display control method and device, readable storage medium and electronic device

By receiving animation operation events in a portable intelligent device and controlling the number of refreshes of the interactive interface, the problem of insufficient battery life during three-dimensional animation playback and touch events is solved, and power consumption is reduced and battery life is improved.

CN114708364BActive Publication Date: 2025-04-04GUANGDONG OPPO MOBILE TELECOMMUNICATIONS CORP LTD
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202011487147.X
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2020-12-16
Publication Date
2025-04-04
Estimated Expiration
2040-12-16

AI Technical Summary

Technical Problem

Due to its small size and limited battery capacity, portable smart devices are difficult to maintain high battery life while realizing three-dimensional animation playback and touch events.

Method used

By receiving the operation event of the animation, at least one refresh is performed on the interactive interface according to the time when the update callback of the animation is first called and the preset time interval to display the animation on the interactive interface. Controls the number of refresh times of the interactive interface than the number of update callbacks of the animation is called, reducing the power consumption of the device.

Benefits of technology

It realizes the three-dimensional display while reducing the power consumption of portable smart devices, improving their battery life, and improving users' visual experience.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN114708364B_ABST
    Figure CN114708364B_ABST
Patent Text Reader

Abstract

The present disclosure provides an animation display control method, an animation display control device, a computer-readable storage medium and an electronic device, and relates to the technical field of device performance optimization. The animation display control method comprises: receiving an operation event for an animation; refreshing an interactive interface at least once according to the time when the update callback of the animation is first called and a preset time interval, so as to display the animation on the interactive interface according to the operation event; wherein the number of refreshes of the interactive interface is less than the number of times the update callback of the animation is called. The present disclosure reduces the power consumption of the device and improves the battery life of the device by limiting the time interval for refreshing the interface while ensuring the realization of the animation operation event.
Need to check novelty before this filing date? Find Prior Art

Description

Background Art

[0002] In recent years, with the rapid development of science and technology, various smart devices have emerged one after another, greatly enriching and facilitating people's daily lives. For example, the emergence of smart watches not only has basic functions such as displaying time, but also can realize functions such as making and receiving calls, sending and receiving messages, and sports monitoring. This type of smart device is deeply loved by people because of its powerful functions and convenience.

[0003] Since portable smart devices are small in size and have relatively small battery capacity, the realization of some functions is limited. Taking the above-mentioned smart watch as an example, since the dynamic effect of 3D rendering consumes more power than 2D rendering, the medals and other animation-related functions in existing smart watches mostly use 2D images. However, the display effect of 2D images is not as good as 3D images.

[0004] Therefore, in order to ensure the cruising capability of the portable smart device while realizing events such as three-dimensional animation playback and touch, it is necessary to propose an animation display control method. Summary of the invention

[0005] The present disclosure provides an animation display control method, an animation display control device, a computer-readable storage medium and an electronic device, thereby reducing the power consumption of a portable smart device and improving its battery life while ensuring three-dimensional display.

[0006] Other features and advantages of the present disclosure will become apparent from the following detailed description, or may be learned in part by the practice of the present disclosure.

[0007] According to a first aspect of the present disclosure, there is provided an animation display control method, comprising:

[0008] Receive animation operation events;

[0009] Refreshing the interactive interface at least once according to the time when the update callback of the animation is first called and a preset time interval, so as to display the animation on the interactive interface according to the operation event;

[0010] The number of times the interactive interface is refreshed is less than the number of times the animation update callback is called.

[0011] According to a second aspect of the present disclosure, there is provided an animation display control device, comprising:

[0012] A receiving module, used for receiving operation events for animation;

[0013] A refresh module, configured to refresh the interactive interface at least once according to the time when the update callback of the animation is first called and a preset time interval, so as to display the animation on the interactive interface according to the operation event;

[0014] The number of times the interactive interface is refreshed is less than the number of times the animation update callback is called.

[0015] According to a third aspect of the present disclosure, there is provided a computer-readable storage medium on which a computer program is stored, and when the computer program is executed by a processor, the above-mentioned animation display control method is implemented.

[0016] According to a fourth aspect of the present disclosure, an electronic device is provided, comprising: a processor; and a memory for storing executable instructions of the processor; wherein the processor is configured to execute the above-mentioned animation display control method by executing the executable instructions.

[0017] The technical solution disclosed in this disclosure has the following beneficial effects:

[0018] According to the above-mentioned animation display control method, animation display control device, computer-readable storage medium and electronic device, an operation event for the animation is received; based on the time when the animation update callback is first called and the preset time interval, the interactive interface is refreshed at least once to display the animation on the interactive interface according to the received operation event; wherein the number of refreshes of the interactive interface is less than the number of times the animation update callback is called. On the one hand, the animation display control method provided in this example implementation can realize at least one refresh of the interactive interface based on the time when the animation update callback is called and the preset time interval, so that the operation event for the animation can be displayed on the interactive interface, thereby realizing three-dimensional display and improving the user's visual experience. On the other hand, by setting a preset time interval, the number of refreshes of the interactive interface can be controlled to be less than the number of animation update callbacks, thereby reducing the power consumption of the smart device and improving the battery life while displaying the animation.

[0019] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The accompanying drawings herein are incorporated into the specification and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the specification are used to explain the principles of the present disclosure. Obviously, the accompanying drawings described below are only some embodiments of the present disclosure, and for ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without creative work.

[0021] Figure 1 A schematic diagram showing a system architecture of this exemplary embodiment;

[0022] Figure 2A schematic diagram showing an electronic device according to the present exemplary embodiment;

[0023] Figure 3 A flowchart showing an animation display control method according to the exemplary embodiment;

[0024] Figure 4 A flowchart showing an animation display control method of a medal function applied to a smart watch according to the exemplary embodiment;

[0025] Figure 5 A structural block diagram showing an animation display control device according to the present exemplary embodiment. DETAILED DESCRIPTION

[0026] Example embodiments will now be described more fully with reference to the accompanying drawings. However, example embodiments can be implemented in a variety of forms and should not be construed as being limited to the examples set forth herein; on the contrary, these embodiments are provided so that the present disclosure will be more comprehensive and complete, and the concepts of the example embodiments are fully conveyed to those skilled in the art. The described features, structures, or characteristics may be combined in one or more embodiments in any suitable manner. In the following description, many specific details are provided to provide a full understanding of the embodiments of the present disclosure. However, those skilled in the art will appreciate that the technical solutions of the present disclosure may be practiced while omitting one or more of the specific details, or other methods, components, devices, steps, etc. may be adopted. In other cases, known technical solutions are not shown or described in detail to avoid obscuring various aspects of the present disclosure.

[0027] In addition, the accompanying drawings are only schematic illustrations of the present disclosure and are not necessarily drawn to scale. The same reference numerals in the figures represent the same or similar parts, and their repeated description will be omitted. Some of the block diagrams shown in the accompanying drawings are functional entities and do not necessarily correspond to physically or logically independent entities. These functional entities can be implemented in software form, or implemented in one or more hardware modules or integrated circuits, or implemented in different networks and / or processor devices and / or microcontroller devices.

[0028] In the related art, in order to reduce the power consumption of portable smart devices, the frame rate needs to be controlled when playing the entry animation and some animations that require interpolation. When controlling the interpolation animation, attribute animation is used for greater convenience. However, since the frame rate of attribute animation is mainly controlled by hardware, it is ineffective to control the frame rate through the existing method of setting the frame rate disclosed by attribute animation.

[0029] In order to solve the problems existing in the above method, this example implementation provides an animation display control method, animation display control device, computer-readable storage medium and electronic device, which can reduce the power consumption of portable smart devices and improve their endurance while ensuring three-dimensional display. The above animation display control method, animation display control device, computer-readable storage medium and electronic device are described in detail below:

[0030] Figure 1 FIG. 1 is a schematic diagram showing a system architecture of an exemplary embodiment of the present disclosure. Figure 1 As shown, the system architecture 100 may include: terminals 110, 120 and 130, a network 140 and a server 150. The terminals 110, 120 and 130 may be various electronic devices with animation operation event functions, including but not limited to mobile phones, smart watches, small game consoles, etc. The network 140 is a medium for providing a communication link between the terminals 110, 120, 130 and the server 150, and may include various connection types, such as wired, wireless communication links or optical fiber cables, etc. It should be understood that Figure 1 The number of terminals, networks and servers in the embodiment is only for illustration. Any number of terminals, networks and servers may be provided as required. For example, the server 150 may be a server cluster composed of multiple servers.

[0031] The animation display control method provided in the embodiment of the present disclosure can be executed by terminals 110, 120 and 130. When terminals 110, 120 and 130 receive animation operation events, such as playing an animation or a touch operation on an animation, they refresh the interaction interface at least once based on the time when the animation update callback is first called and a preset time interval, so as to display the animation on the interaction interface according to the received operation event; wherein the number of refreshes of the interaction interface is less than the number of times the animation update callback is called.

[0032] An exemplary embodiment of the present disclosure provides an electronic device for implementing an animation display control method, which may be Figure 1 The terminal 110, 120, 130 or the server 150 in the embodiment. The electronic device at least comprises a processor and a memory, the memory is used to store executable instructions of the processor, and the processor is configured to execute the animation display control method by executing the executable instructions.

[0033] Electronic devices can be implemented in various forms, for example, they can include mobile devices such as mobile phones, tablet computers, laptops, personal digital assistants (PDAs), navigation devices, wearable devices, drones, and fixed devices such as desktop computers and smart TVs.

[0034] Below Figure 2 Taking the mobile terminal 200 in the example, the structure of the electronic device is exemplarily described. It should be understood by those skilled in the art that, in addition to the components specifically used for the mobile purpose, Figure 2 The structure in the figure can also be applied to fixed type devices. In other embodiments, the mobile terminal 200 may include more or fewer components than shown in the figure, or combine some components, or split some components, or arrange the components differently. The components shown in the figure can be implemented in hardware, software, or a combination of software and hardware. The interface connection relationship between the components is only shown schematically and does not constitute a structural limitation of the mobile terminal 200. In other embodiments, the mobile terminal 200 may also adopt the same Figure 2 Different interface connection methods, or a combination of multiple interface connection methods.

[0035] like Figure 2 As shown, the mobile terminal 200 may specifically include: a processor 210, an internal memory 221, an external memory interface 222, a USB interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 250, a wireless communication module 260, an audio module 270, a speaker 271, a receiver 272, a microphone 273, an earphone interface 274, a sensor module 280, a display screen 290, a camera module 291, an indicator 292, a motor 293, a button 294 and a subscriber identification module (Subscriber Identification Module, SIM) card interface 295, etc.

[0036] The processor 210 may include one or more processing units, for example: the processor 210 may include an application processor (AP), a modem processor, a graphics processor (GPU), an image signal processor (ISP), a controller, an encoder, a decoder, a digital signal processor (DSP), a baseband processor and / or a neural network processor (NPU), etc. Among them, different processing units can be independent devices or integrated in one or more processors. The encoder can encode (i.e., compress) the image or video data to form a code stream data; the decoder can decode (i.e., decompress) the code stream data of the image or video to restore the image or video data.

[0037] In some embodiments, the processor 210 may include one or more interfaces. The interface may include an Inter-Integrated Circuit (I2C) interface, an Inter-Integrated Circuit Sound (I2S) interface, a Pulse Code Modulation (PCM) interface, a Universal Asynchronous Receiver / Transmitter (UART) interface, a Mobile Industry Processor Interface (MIPI), a General-Purpose Input / Output (GPIO) interface, a Subscriber Identity Module (SIM) interface, and / or a Universal Serial Bus (USB) interface, etc. Connections are formed with other components of the mobile terminal 200 through different interfaces.

[0038] The USB interface 230 is an interface that complies with the USB standard specification, and specifically can be a MiniUSB interface, a MicroUSB interface, a USB Type C interface, etc. The USB interface 230 can be used to connect a charger to charge the mobile terminal 200, can also be connected to headphones to play audio through the headphones, and can also be used to connect the mobile terminal 200 to other electronic devices, such as computers, peripheral devices, etc.

[0039] The charging management module 240 is used to receive charging input from a charger. While the charging management module 240 is charging the battery 242 , it can also power the device through the power management module 241 .

[0040] The power management module 241 is used to connect the battery 242, the charging management module 240 and the processor 210. The power management module 241 receives input from the battery 242 and / or the charging management module 240, supplies power to various parts of the mobile terminal 200, and can also be used to monitor the status of the battery.

[0041] The wireless communication function of the mobile terminal 200 can be implemented through the antenna 1, the antenna 2, the mobile communication module 250, the wireless communication module 260, the modem processor, the baseband processor, and the like.

[0042] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in the mobile terminal 200 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve the utilization of the antennas. The mobile communication module 250 can provide solutions for wireless communications including 2G / 3G / 4G / 5G applied to the mobile terminal 200.

[0043] The wireless communication module 260 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) network), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the mobile terminal 200. The wireless communication module 260 can be one or more devices integrating at least one communication processing module. The wireless communication module 260 receives electromagnetic waves via the antenna 2, modulates the frequency of the electromagnetic wave signal and filters it, and sends the processed signal to the processor 210. The wireless communication module 260 can also receive the signal to be sent from the processor 210, modulate the frequency of it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

[0044] In some embodiments, the antenna 1 of the mobile terminal 200 is coupled to the mobile communication module 250, and the antenna 2 is coupled to the wireless communication module 260, so that the mobile terminal 200 can communicate with the network and other devices through wireless communication technology. The wireless communication technology may include Global System for Mobilecommunications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Time Division-Synchronous Code Division Multiple Access (TD-SCDMA), Long Term Evolution (LTE), New Radio (NR), BT, GNSS, WLAN, NFC, FM, and / or IR technology.

[0045] The mobile terminal 200 implements the display function through a GPU, a display screen 290, and an application processor. The GPU is used to perform mathematical and geometric calculations to achieve graphics rendering and connect the display screen 290 and the application processor. The processor 210 may include one or more GPUs that execute program instructions to generate or change display information. The mobile terminal 200 may include one or more display screens 290 for displaying images, videos, etc.

[0046] The mobile terminal 200 can realize the shooting function through the ISP, the camera module 291, the encoder, the decoder, the GPU, the display screen 290 and the application processor.

[0047] The camera module 291 is used to capture static images or videos, collect light signals through photosensitive elements, and convert them into electrical signals. The ISP is used to process the data fed back by the camera module 291 and convert the electrical signals into digital image signals.

[0048] The external memory interface 222 may be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the mobile terminal 200 .

[0049] The internal memory 221 can be used to store computer executable program codes, which include instructions. The internal memory 221 may include a program storage area and a data storage area. Among them, the program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area may store data (such as images, videos), etc. created during the use of the mobile terminal 200. The processor 210 executes various functional applications and data processing of the mobile terminal 200 by running instructions stored in the internal memory 221 and / or instructions stored in a memory provided in the processor.

[0050] The mobile terminal 200 can implement audio functions through an audio module 270, a speaker 271, a receiver 272, a microphone 273, an earphone jack 274, and an application processor. For example, music playing, recording, etc. The audio module 270 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signals. The audio module 270 can also be used to encode and decode audio signals. The speaker 271 is used to convert audio electrical signals into sound signals. The receiver 272 is used to convert audio electrical signals into sound signals. The microphone 273 is used to convert sound signals into electrical signals. The earphone jack 274 is used to connect wired headphones.

[0051] The sensor module 280 may include a touch sensor 2801, a pressure sensor 2802, a gyroscope sensor 2803, an air pressure sensor 2804, and the like. The touch sensor 2801 is used to sense touch events input from the outside. It can be set below the display screen 290 to make the display screen 290 a touch screen, or it can be set at other locations, such as a touch panel independent of the display screen 290, or it can be set at a matching external device of the mobile terminal 200, such as an external touch panel, a touch remote control, etc., so that the user can achieve touch interaction through an external device. The pressure sensor 2802 is used to sense the pressure signal, and the pressure signal can be converted into an electrical signal for realizing functions such as pressure touch. The gyroscope sensor 2803 can be used to determine the motion posture of the mobile terminal 200, and can be used for scenes such as anti-shake shooting, navigation, and somatosensory games. The air pressure sensor 2804 is used to measure air pressure, and can assist in positioning and navigation by calculating the altitude. In addition, according to actual needs, sensors with other functions, such as a depth sensor, an acceleration sensor, a distance sensor, etc., may also be provided in the sensor module 280.

[0052] Indicator 292 may be an indicator light, which may be used to indicate charging status, power changes, messages, missed calls, notifications, etc.

[0053] The motor 293 can generate vibration prompts, such as vibration prompts for incoming calls, alarms, received messages, etc., and can also be used for touch vibration feedback, etc.

[0054] The key 294 includes a power key, a volume key, etc. The key 294 may be a mechanical key or a touch key. The mobile terminal 200 may receive key input and generate key signal input related to user settings and function control of the mobile terminal 200.

[0055] The mobile terminal 200 may support one or more SIM card interfaces 295 for connecting to a SIM card, so that the mobile terminal 200 interacts with the network through the SIM card to implement functions such as calls and data communications.

[0056] The following is a detailed description of an animation display control method and an animation display control device according to an exemplary embodiment of the present disclosure.

[0057] Figure 3 The flowchart of an animation display control method in this exemplary embodiment includes the following steps S310 to S320:

[0058] In step S310 , an operation event for the animation is received.

[0059] The animation display control method provided in this example implementation is suitable for electronic devices that focus on battery life. For example, wearable portable devices, due to the small size of the device, the battery capacity is also small and there is not much room for improvement, so it is usually necessary to improve the battery life through animation display control methods. For example, a smart watch is one of the above-mentioned wearable editing devices. It should be noted that the protection scope of this example implementation is not limited to the above examples, and other electronic devices that meet the above definition also fall within the protection scope of this example implementation.

[0060] In this example implementation, the terminal device includes an interactive interface for display and human-computer interaction. The animation refers to the three-dimensional dynamic rendering of an image. Taking the smart watch as an example, generally speaking, existing smart watches include a medal function to encourage users to carry out some daily activities, such as using sports achievement medals to motivate users to exercise and keep fit. However, the dynamic effect of three-dimensional rendering consumes more power than two-dimensional rendering. The animation display control method is proposed to ensure that the power consumption is reduced while the animation is displayed in three dimensions, and to ensure the endurance of the electronic device.

[0061] In this example implementation, the operation event is a display-related operation for the animation. The operation event can be a play trigger operation, or a touch operation, etc. Taking the medal function of the smart watch as an example, the operation event for the animation can be a play trigger operation for the three-dimensional medal, for example, in response to the user's operation of entering the medal function, the opening animation is played; it can also be a user's touch operation on the animation, such as an operation of moving the position of a three-dimensional medal, etc. This example implementation does not specifically limit this.

[0062] After receiving the operation event for the animation, the animation display control method provided in this exemplary embodiment reduces power consumption while displaying the operation event acting on the animation on the interactive interface by executing step S320.

[0063] In step S320, the interactive interface is refreshed at least once based on the time when the animation update callback is first called and the preset time interval to display the animation on the interactive interface according to the received operation event; wherein the number of refreshes of the interactive interface is less than the number of times the animation update callback is called.

[0064] When the above animation is played, such as when the entry animation or some animation that needs to use the difference is played, the interpolation animation can be more conveniently controlled by using the attribute animation. Among them, the interpolation animation is used to control the parameters such as the rate of animation playback. Since the frame rate of the attribute animation is controlled by the hardware and usually cannot be changed, this example implementation controls the frame rate of the above animation by setting the above preset time interval, and then controls the refresh times of the above interactive interface, thereby achieving the effect of reducing power consumption.

[0065] In this example implementation, the above-mentioned control of the frame rate of the animation by a preset time interval, and then the control of the number of refreshes of the interactive interface, can be achieved by: refreshing the interactive interface at least once according to the time when the animation update callback is first called and the preset time interval. Among them, the update callback is used to call back the screen corresponding to the above animation at each moment, and the number of times the update callback is called is usually determined by the frame rate of the animation. For example, when the frame rate is 60 frames per second, the animation update callback is called 60 times per second, that is, it is refreshed 60 times per second.

[0066] Among them, the preset time interval is the time interval between two consecutive refreshes of the above-mentioned interactive interface, which is mainly achieved by reducing the frame rate so that the number of refreshes of the interactive interface is less than the number of times the animation update callback is called, thereby achieving the effect of reducing power consumption. For example, the preset time interval can be set by the following process: setting the frame rate of the above-mentioned attribute animation in the above-mentioned interactive interface; obtaining the preset time interval according to the set frame rate. Specifically, since the animation can usually be visually coherent when the frame rate is 25 frames / second, in order to take into account both the display effect and the reduction of power consumption, the frame rate can be set to 25 frames / second. The formula for obtaining the preset time interval based on the frame rate can be 1s / frame rate, so when the frame rate is set to 25 frames / second, the preset time interval obtained is 40ms. It should be noted that the above scenario is only an exemplary description, and the protection scope of this example implementation is not limited to this. For example, different frame rates can also be set according to actual conditions to obtain different preset time intervals.

[0067] After obtaining the above-mentioned preset time interval, the above-mentioned refresh of the interactive interface at least once based on the time when the animation update callback is first called and the preset time interval can be implemented as follows: when the update call for the animation is the first call, refresh the interactive interface and record the refresh time; when the update call for the animation is the second time or more, determine whether to refresh the interactive interface based on the current call time, the time of the last refresh of the interactive interface and the preset time interval, and refresh the interactive interface based on the judgment result.

[0068] Among them, the above-mentioned determination of whether to refresh the interactive interface based on the current calling time, the time of the last refresh of the interactive interface and the preset time interval, and the implementation of refreshing the interactive interface based on the judgment result can be as follows: obtain the time interval between the current calling time and the time of the last refresh of the interactive interface, and determine whether the time interval is greater than the above-mentioned preset time interval; when the time interval is greater than the preset time interval, refresh the interactive interface and record the refresh time.

[0069] Specifically, taking the above-mentioned operation event for animation as an event that triggers animation playback as an example, the above process is to play the animation on the interactive interface, and the animation playback can be implemented as follows: when the update callback of the attribute animation is called for the first time, the interactive interface is refreshed and the current refresh time is recorded. After that, each time the update callback is called, it is necessary to first determine whether the interval between the current time and the recorded time of the last refresh of the interactive interface is greater than the preset time interval. If it is greater than the preset time interval, the interface is refreshed, otherwise it is not refreshed.

[0070] In this example implementation, in addition to reducing power consumption by reducing the method of refreshing the interactive interface during animation playback, when the above-mentioned operation event for the animation is a touch event, power consumption can also be reduced by limiting the touch event. For example, the user's sliding operation will trigger a series of touch events (move events). If the interactive interface is refreshed in each touch event, it will also result in a high frame rate, and thus high power consumption. At this time, the power consumption can be reduced by limiting the number of times the interactive interface is refreshed by the above-mentioned preset time interval. It should be noted that the above scenario is only an exemplary description, and the protection scope of this example implementation is not limited to this. The method of reducing the power consumption caused by other operation events for animations by the above method also falls within the protection scope of this example implementation.

[0071] In this example implementation, the above process of reducing the power consumption caused by the operation event for the animation by presetting the time interval can be as follows: based on the time when the operation event of the animation is first called and the preset time interval, the interactive interface is refreshed at least once. Specifically, taking the above operation event as a touch event as an example, the process can be: when the first touch event is received, the interactive interface is refreshed, and the current refresh time is recorded. After that, each time a touch event is received, it is necessary to first determine the interval between the current time and the recorded last refresh time. If it is greater than the preset time interval, the interactive interface is refreshed, otherwise it is not refreshed.

[0072] In this example implementation, the above-mentioned displaying animation on the interactive interface according to the received operation event includes: when the received operation event is to play the animation, the animation is played on the interactive interface according to the frame rate determined by the above-mentioned preset time interval; when the received operation event is a sliding operation, the animation position is updated on the interactive interface according to the preset time interval. It should be noted that the above-mentioned scenario is only an exemplary description, and the protection scope of this example implementation is not limited to this.

[0073] In this example implementation, when an end event corresponding to an animation operation event is received, the interactive interface is refreshed again and the operation event is ended. For example, when the user stops the sliding operation, the interactive interface is refreshed again and the sliding is ended. Through this process, when the event stops at a preset time interval for refreshing again, the interactive interface can be refreshed again to improve the accuracy and execution effect of the operation event.

[0074] In summary, in this exemplary embodiment, an operation event for an animation is received; based on the time when the update callback of the animation is first called and the preset time interval, the interactive interface is refreshed at least once to display the animation on the interactive interface based on the received operation event; wherein the number of refreshes of the interactive interface is less than the number of times the update callback of the animation is called. On the one hand, the animation display control method provided in this exemplary embodiment can achieve at least one refresh of the interactive interface based on the time when the update callback for the animation is called and the preset time interval, so that the animation effect corresponding to the operation event can be displayed on the interactive interface, thereby achieving three-dimensional display and improving the user's visual experience. On the other hand, by setting a preset time interval, the number of refreshes of the interactive interface can be controlled to be less than the number of animation update callbacks, thereby reducing the power consumption of the smart device and improving the battery life while displaying the animation.

[0075] Combine the following Figure 4 , taking the specific embodiment of the medal function applied to the smart watch as an example, the above process is fully explained, wherein the medal in the above medal function is a 3D medal (three-dimensional medal), such as Figure 4 As shown, the animation display control method provided in this specific embodiment includes the following steps:

[0076] In step S410, the frame rate is set and the preset time interval is calculated.

[0077] In this step, a preset time interval is determined by setting the frame rate, and the preset time interval is used to make the number of refreshes of the interactive interface smaller than the number of animation update callbacks or the number of touch events triggered, thereby achieving the effect of reducing power consumption.

[0078] In step S420, the attribute animation is played or a touch event is received.

[0079] In this step, in response to the triggering operation of the animation playing of the 3D medal of the smart watch, the attribute animation is played. For example, in response to the user's operation of entering the medal function, the entry animation is played. In addition, this step can also be used to receive touch events. For example, receiving the user's sliding operation on the 3D medal, triggering a series of touch events for moving the 3D medal on the display interface, this step can be used to receive touch events.

[0080] In step S430, when the callback is updated for the first time or a touch event is received for the first time, the interactive interface is refreshed.

[0081] In this step, the first update callback of the animation playback is received, or the above touch event is received for the first time, and the interactive interface is refreshed.

[0082] In step S440, wait for the next update callback or wait for the next touch event to be received.

[0083] In step S450, when an update callback or a touch event is received again, it is determined whether to refresh the interactive interface.

[0084] In this step, when the update callback or touch event is received for the second time or more, it is determined whether the time interval between the time of calling the update callback or touch event this time and the time of last refreshing the interactive interface is greater than the above-mentioned preset time interval. If the determination result is yes, step S460 is executed; if the determination result is no, step S440 is executed.

[0085] In step S460, the interactive interface is refreshed.

[0086] In step S470, when the animation playback ends or an end event corresponding to the touch event is received, the interactive interface is refreshed, and the playback or end event is exited.

[0087] In this specific embodiment, on the one hand, according to the time when the update callback for the animation is called and the preset time interval, the interactive interface can be refreshed at least once, so that the animation effect corresponding to the operation event for the animation can be displayed on the interactive interface, so that a three-dimensional display can be achieved, improving the user's visual experience. On the other hand, by setting a preset time interval, the number of refreshes for the interactive interface can be controlled to be less than the number of animation update callbacks or touch events triggered, thereby triggering the update callback, thereby reducing the power consumption of the smart device and improving the battery life while displaying the animation.

[0088] The exemplary embodiment of the present disclosure also provides an animation display control device. Figure 5 As shown, the animation display control device 500 may include:

[0089] The receiving module 510 may be used to receive an operation event for the animation;

[0090] The refresh module 520 may be used to refresh the interactive interface at least once according to the time when the animation update callback is first called and the preset time interval, so as to display the animation on the interactive interface according to the received operation event;

[0091] Among them, the number of refreshes of the interactive interface is less than the number of times the animation update callback is called.

[0092] In this example implementation, the animation display control device may further include an exit module, which is used to refresh the interactive interface again and end the animation operation event when receiving an end event corresponding to the animation operation event.

[0093] In this example implementation, the refresh module includes a preset time interval setting unit and a refresh unit. The preset time interval setting unit is used to determine the frame rate of the animation, and obtain the preset time interval according to the determined frame rate, so that the number of refreshes of the interactive interface is less than the number of times the animation update callback is called, so as to achieve the effect of reducing power consumption; the refresh unit is used to refresh the interactive interface at least once according to the time when the animation update callback is first called and the preset time interval.

[0094] Among them, the above-mentioned refresh unit can refresh the interactive interface at least once according to the time when the animation update callback is first called and the preset time interval by executing the following method: when the update call for the animation is called for the first time, refresh the interactive interface and record the refresh time; when the update call for the animation is called for the second time or more, determine whether to refresh the interactive interface based on the current call time, the time of the last refresh of the interactive interface and the preset time interval, and refresh the interactive interface based on the judgment result.

[0095] Specifically, the above-mentioned determination of whether to refresh the interactive interface based on the current calling time, the time of the last refresh of the interactive interface and the preset time interval, and refreshing the interactive interface based on the determination result may include: obtaining the time interval between the current calling time and the time of the last refresh of the interactive interface, and determining whether the time interval is greater than the above-mentioned preset time interval; when the time interval is greater than the above-mentioned preset time interval, refreshing the interactive interface and recording the refresh time.

[0096] The specific details of each module in the above device have been described in detail in the implementation method of the method part. The undisclosed details can be found in the implementation method of the method part, so they will not be repeated here.

[0097] Those skilled in the art will appreciate that various aspects of the present disclosure may be implemented as systems, methods or program products. Therefore, various aspects of the present disclosure may be specifically implemented in the following forms, namely: complete hardware implementation, complete software implementation (including firmware, microcode, etc.), or a combination of hardware and software, which may be collectively referred to herein as "circuits", "modules" or "systems".

[0098] The exemplary embodiments of the present disclosure also provide a computer-readable storage medium on which a program product capable of implementing the above-mentioned method of the present specification is stored. In some possible implementations, various aspects of the present disclosure can also be implemented in the form of a program product, which includes program code. When the program product is run on a terminal device, the program code is used to enable the terminal device to execute the steps according to various exemplary embodiments of the present disclosure described in the above-mentioned "Exemplary Method" section of the present specification, for example, it can execute Figure 3 or Figure 4 Any one or more steps in .

[0099] The exemplary embodiments of the present disclosure also provide a program product for implementing the above method, which can adopt a portable compact disk read-only memory (CD-ROM) and include program code, and can be run on a terminal device, such as a personal computer. However, the program product of the present disclosure is not limited thereto, and in this document, a readable storage medium can be any tangible medium containing or storing a program, which can be used by or in combination with an instruction execution system, an apparatus or a device.

[0100] The program product may use any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of readable storage media (a non-exhaustive list) include: an electrical connection with one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above.

[0101] Computer readable signal media may include data signals propagated in baseband or as part of a carrier wave, in which readable program code is carried. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. Readable signal media may also be any readable medium other than a readable storage medium, which may send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device.

[0102] The program code embodied on the readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wired, optical cable, RF, etc., or any suitable combination of the foregoing.

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

[0104] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. The present disclosure is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary technical means in the art that are not disclosed in the present disclosure. The specification and embodiments are to be regarded as exemplary only, and the true scope and spirit of the present disclosure are indicated by the claims.

[0105] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. An animation display control method, characterized in that: include: Receive animation operation events; Refreshing the interactive interface at least once according to the time when the update callback of the animation is first called and a preset time interval, so as to display the animation on the interactive interface according to the operation event; Wherein, the number of times the interactive interface is refreshed is less than the number of times the animation update callback is called; The refreshing of the interactive interface at least once according to the time when the animation update callback is first called and the preset time interval includes: When the update call for the animation is called for the first time, refreshing the interactive interface and recording the refresh time; When the update call for the animation is the second time or more, determine whether to refresh the interactive interface based on the current call time, the last time the interactive interface was refreshed, and the preset time interval, and refresh the interactive interface based on the determination result.

2. The animation display control method according to claim 1, characterized in that: The receiving of the operation event for the animation includes: receiving a play trigger operation for the animation; or A slide operation for the animation is received.

3. The animation display control method according to claim 1, characterized in that: The determining whether to refresh the interactive interface according to the current calling time, the time when the interactive interface was last refreshed, and the preset time interval, and refreshing the interactive interface according to the determination result, includes: Obtaining the time interval between the current calling time and the time when the interactive interface was last refreshed, and determining whether the time interval is greater than the preset time interval; When the time interval is greater than the preset time interval, the interactive interface is refreshed and the refresh time is recorded.

4. The animation display control method according to claim 1, characterized in that: The method further comprises: The frame rate of the animation is determined, and the preset time interval is obtained according to the frame rate.

5. The animation display control method according to claim 1, characterized in that: The method further comprises: When an end event corresponding to the animation operation event is received, the interactive interface is refreshed again and the animation operation event is ended.

6. The animation display control method according to any one of claims 1 to 5, characterized in that: The interactive interface is an interactive interface of a smart watch, and the operation event of the animation is an operation event acting on a medal in the smart watch, wherein the medal is a three-dimensional medal.

7. An animation display control device, characterized in that: include: A receiving module, used for receiving operation events for animation; A refresh module, configured to refresh the interactive interface at least once according to the time when the update callback of the animation is first called and a preset time interval, so as to display the animation on the interactive interface according to the operation event; Wherein, the number of times the interactive interface is refreshed is less than the number of times the animation update callback is called; The refreshing of the interactive interface at least once according to the time when the animation update callback is first called and the preset time interval includes: When the update call for the animation is called for the first time, refreshing the interactive interface and recording the refresh time; When the update call for the animation is the second time or more, determine whether to refresh the interactive interface based on the current call time, the last time the interactive interface was refreshed, and the preset time interval, and refresh the interactive interface based on the determination result.

8. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 6 is implemented.

9. An electronic device, characterized in that: include: processor; as well as A memory, configured to store executable instructions of the processor; The processor is configured to perform the method of any one of claims 1 to 6 by executing the executable instructions.

Citation Information

Patent Citations

  • Virtual gift showing method and device

    CN106658064A

  • Frame insertion processing method and device

    CN111813490A