Interface display method and electronic equipment

Abstract

The invention discloses an interface display method and equipment. The method comprises the following steps: receiving an access request of a target interface; in response to the access request, determining a first type of animation elements from the elements of the target interface; and displaying the target interface, wherein the first type of animation elements in the target interface are displayed in a manner of continuously displaying the same frame of image. The embodiment of the invention can reduce the power consumption when the electronic equipment displays the user interface containing the first type of animation elements.

Description

Interface display method and electronic device

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office of China on October 27, 2023, with application number 202311422184.6 and application name “Interface Display Method and Electronic Device”, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the technical field of smart terminals, and in particular to an interface display method and an electronic device. Background Art

[0003] The user interface (UI) displayed on an electronic device may include a variety of elements, thereby providing intuitive information to the user through various elements. The elements in the user interface can be divided into animated elements and non-animated elements.

[0004] When an electronic device displays a user interface, for the animation elements in the user interface, the electronic device needs to draw, render, and display each image frame of the animation elements at a certain frame rate (such as the device's default frame rate) to achieve the display effect of the electronic device playing the animation elements.

[0005] However, if the user interface includes animation elements, especially multiple animation elements, the electronic device needs to draw, render, and display each image frame of the animation element according to a certain frame rate for each animation element in the target interface, which makes the electronic device consume higher power when displaying the user interface including animation elements.

[0006] Application Contents

[0007] Embodiments of the present application provide an interface display method and an electronic device, which can reduce power consumption when the electronic device displays a user interface containing animation elements.

[0008] In a first aspect, an embodiment of the present application provides an interface display method, which is applied to an electronic device, and the method includes: receiving an access request for a target interface; determining a first type of animation element from the elements of the target interface in response to the access request; and displaying the target interface, and the first type of animation element in the target interface is displayed in a manner of continuously displaying the same frame of image. The above-mentioned first type of animation element may be a non-sensitive animation element in a subsequent embodiment. In this method, the electronic device only needs to draw and render one frame of image of the first type of animation element, which reduces the number of drawing and rendering times of the first type of animation element, thereby reducing the power consumption of displaying the first type of animation element and reducing the power consumption of displaying the target interface.

[0009] Optionally, the target interface is displayed, and the first type of animation element in the target interface is displayed in a manner of continuously displaying the same frame image, including: for each frame interface image of the target interface, obtaining the attribute value of the first type of animation element in the frame interface image; when the attribute value of the first type of animation element in the frame interface image is different from the target attribute value of the first type of animation element, updating the attribute value of the first type of animation element in the frame interface image to the target attribute value; and displaying the frame interface image of the target interface according to the updated attribute value of the first type of animation element.

[0010] Optionally, it also includes: when the attribute value of the first type of animation element in the frame interface image is the same as the target attribute value of the first type of animation element, the frame interface image of the target interface is displayed according to the attribute value of the first type of animation element in the frame interface image.

[0011] Optionally, the first type of animation element is displayed in a manner of continuously displaying a same frame image, including: the first type of animation element is displayed in a manner of continuously displaying a first frame image of the first type of animation element.

[0012] Optionally, the target interface is displayed, and the first type of animation element in the target interface is displayed in a manner of continuously displaying the same frame image, including: for the first frame interface image of the target interface, displaying the first frame interface image of the target interface according to the attribute value of the first type of animation element in the first frame interface image; for the non-first frame interface image of the target interface, obtaining the attribute value of the first type of animation element in the frame interface image, and updating the attribute value of the first type of animation element in the frame interface image to the attribute value of the first type of animation element in the first frame interface image; and displaying the frame interface image of the target interface according to the updated attribute value of the first type of animation element.

[0013] Optionally, determining the first type of animation elements from the elements of the target interface includes: obtaining the type of each element in the target interface; and determining the elements of the target interface that are of a preset type as the first type of animation elements.

[0014] Optionally, determining the first type of animation elements from the elements of the target interface includes: obtaining the type and display area size of each element in the target interface; and determining the elements in the target interface whose type is a preset type and the size of the display area is smaller than a preset size threshold as the first type of animation elements.

[0015] Optionally, before displaying the target interface, the method further includes:

[0016] Determining that a power saving mode of the electronic device is activated; or,

[0017] Make sure the power saving mode displayed on the interface is activated; or,

[0018] Determining that the power level of the electronic device is not higher than a preset power threshold; or,

[0019] Determining that the real time is within a preset time threshold; or,

[0020] Determine whether the user's usage habits meet the preset trigger conditions.

[0021] Optionally, the first type of animation element includes at least one of the following types of animation elements: rotation animation element, translation animation element, zoom animation element, gradient animation element

[0022] In a second aspect, an embodiment of the present application provides an electronic device comprising: a processor and a memory; wherein one or more computer programs are stored in the memory, and the one or more computer programs include instructions, which, when executed by the processor, enable the electronic device to execute any one of the methods of the first aspect.

[0023] In a third aspect, an embodiment of the present application provides a computer-readable storage medium, in which a computer program is stored. When the computer-readable storage medium is run on a computer, the computer executes any one of the methods of the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

[0024] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the following briefly introduces the drawings required for use in the embodiments. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without any creative work.

[0025] FIG1A is a schematic structural diagram of an electronic device provided in an embodiment of the present application;

[0026] FIG1B is a schematic diagram of a software structure of an electronic device provided in an embodiment of the present application;

[0027] FIG2 is a schematic diagram illustrating an interface implementation of a power saving mode displayed on a settings interface provided in an embodiment of the present application;

[0028] FIG3A is a schematic diagram of an interface implementation of a mobile phone desktop in the related art provided in an embodiment of the present application;

[0029] FIG3B is a schematic diagram of the interface display of the mobile phone desktop in the interface display method according to an embodiment of the present application;

[0030] FIG4A is a schematic diagram illustrating an implementation of a user interface of a short video APP in the related art provided by an embodiment of the present application;

[0031] FIG4B is a schematic diagram illustrating an implementation of a user interface of a short video APP in an interface display method according to an embodiment of the present application;

[0032] FIG5A is a schematic diagram illustrating an interface implementation of a home page of a search engine APP in the related art provided in an embodiment of the present application;

[0033] FIG5B is a schematic diagram illustrating an interface implementation of the home page of a search engine APP in the interface display method according to an embodiment of the present application;

[0034] FIG6A is a schematic diagram illustrating an interface implementation of a video playback interface of a video APP in the related art provided by an embodiment of the present application;

[0035] FIG6B is a schematic diagram illustrating an interface implementation of a video playback interface of a video APP in an interface display method according to an embodiment of the present application;

[0036] FIG7A is a schematic diagram illustrating an implementation of the main interface of a video APP in the related art provided by an embodiment of the present application;

[0037] FIG7B is a schematic diagram illustrating an interface implementation of the main interface of a video APP in the interface display method according to an embodiment of the present application;

[0038] FIG8A is a schematic diagram illustrating an implementation of an application setting interface in the related art provided in an embodiment of the present application;

[0039] FIG8B is a schematic diagram illustrating an implementation of an application settings interface in the interface display method according to an embodiment of the present application;

[0040] FIG9A is a schematic diagram illustrating an implementation of a mobile phone search interface for an e-commerce mall application in the related art according to an embodiment of the present application;

[0041] FIG9B is a schematic diagram illustrating an interface implementation of a mobile phone search interface of an e-commerce application in an interface display method according to an embodiment of the present application;

[0042] FIG10A is a schematic diagram illustrating an implementation of a scanning interface for scanning a QR code in the related art provided by an embodiment of the present application;

[0043] FIG10B is a schematic diagram illustrating an implementation of a scanning interface when scanning a QR code in the interface display method according to an embodiment of the present application;

[0044] FIG11A is a schematic diagram of a red envelope interface implementation provided in an embodiment of the present application;

[0045] FIG11B is a schematic diagram of another interface implementation of the short video APP user interface in the interface display method according to an embodiment of the present application;

[0046] FIG12 is a schematic structural diagram of another electronic device provided in an embodiment of the present application;

[0047] FIG13 is a schematic diagram showing the principle of determining a drawing rendering area based on a drawing tree according to an embodiment of the present application;

[0048] FIG14 is a schematic diagram of an implementation structure of a drawing tree of a target interface provided in an embodiment of the present application;

[0049] FIG15 is a flow chart of an interface display method provided in an embodiment of the present application. DETAILED DESCRIPTION

[0050] The terms used in the implementation section of this application are only used to explain the specific embodiments of this application and are not intended to limit this application.

[0051] The user interface (UI) displayed on an electronic device can include various elements, specifically animated and non-animated elements. Animated elements are elements with dynamic effects; in other words, their displayed content changes over time. Non-animated elements are elements other than animated elements that lack dynamic effects; in other words, their displayed content remains unchanged.

[0052] For example, the user interface may be the desktop of the electronic device or the interface displayed by an application in the electronic device. In some related technologies, the desktop of the electronic device may also be considered as the interface displayed by a system application of the electronic device.

[0053] For example, the desktop of an electronic device may include animated elements and non-animated elements. The animated elements may include dynamic icons, animated components, animated backgrounds, etc., and the non-animated elements may include static icons, static components, static backgrounds, etc.

[0054] Among them, the dynamic icon in the electronic device desktop can be, for example, a clock icon displayed on the electronic device desktop. When the desktop includes a clock icon, the electronic device draws and plays the clock icon at the device's default frame rate, and in the user's visible dimension, the second hand, minute hand, and hour hand in the clock icon are continuously updated and played. Alternatively, the dynamic icon in the electronic device desktop can be, for example, an application (APP) icon with animation effects displayed on the electronic device desktop. When the desktop includes an APP icon with animation effects, the electronic device draws and plays the APP icon at the device's default frame rate, and in the user's visible dimension, the animation effect of the APP icon is continuously updated and played.

[0055] The animation component on the electronic device desktop can be, for example, a small animation component displayed on the electronic device desktop. For example, the small animation component can be a weather forecast component. The electronic device draws and plays the weather forecast component at the device's default frame rate. In the user's visible dimension, the weather forecast component updates the temperature value over time. For example, the small animation component can also be a music player component. The electronic device draws and plays the music player component at the device's default frame rate. In the user's visible dimension, the music player component rotates the album image displayed in the component at a certain speed to indicate that music is playing.

[0056] The animated background on the electronic device desktop can be, for example, a dynamic wallpaper on the electronic device desktop. For example, the electronic device draws and plays the dynamic wallpaper at the device's default frame rate, and in the user's visual dimension, the dynamic wallpaper on the desktop continuously updates and plays its dynamic display effect.

[0057] For example, the interfaces displayed by some APPs may include animated elements and non-animated elements. Animated elements may include videos, animation components, animated backgrounds, etc., and non-animated elements may include pictures, text, static backgrounds, etc.

[0058] The video may be played on the display interface of a video app or a short video app, and the electronic device draws the played video at the device's default frame rate. In the user's visual dimension, the played video is continuously updated on the display interface of the electronic device.

[0059] The animation component can be an animation component specified in the display interface of the APP, such as the background music source that scrolls in a video APP or a short video APP, the record icon that rotates, and so on. The animation component can also be an animation component specified in the display interface of the map APP, such as the speeding reminder component, construction road condition reminder component, speed limit reminder component, lane change reminder component, road exit reminder and other reminder animation components in the navigation interface. The electronic device draws and plays various reminder animation components at the device's default frame rate. In the user's visual dimension, when the user is about to drive to a designated location that includes a reminder animation component, the electronic device displays the corresponding reminder animation component at an adaptive position on the navigation interface. After passing the designated location, the electronic device no longer displays the reminder animation component on the navigation interface.

[0060] The animated background can be a dynamic wallpaper of the APP display interface. The electronic device draws and plays the dynamic wallpaper at the device's default frame rate. In the user's visible dimension, the dynamic wallpaper of the APP display interface continuously updates and plays its dynamic display effect.

[0061] When displaying a user interface, an electronic device needs to draw both the animated and non-animated elements included in the user interface. For animated elements, since the displayed content is constantly changing, the electronic device needs to continuously draw, render, and display each image frame of the animated element according to the device's default frame rate to achieve the display effect of refreshing the animated element. Non-animated elements, on the other hand, only need to be drawn once, without having to be repeatedly drawn at the default frame rate. This shows that displaying animated elements on an electronic device consumes more power than displaying non-animated elements.

[0062] Therefore, if the user interface includes animation elements, the power consumption of the electronic device when displaying the user interface is relatively high. In particular, when the user interface includes a large number of animation elements, the power consumption of the electronic device for displaying the animation elements in the user interface will be even higher.

[0063] In fact, among the animation elements included in the user interface, there are some animation elements that users pay little attention to or even do not pay attention to when using the user interface, and they have no effect on the user's operations in the user interface. In other words, there are some animation elements that are accompanying animations. From the perspective of the functions they carry for the user, the purpose of setting them in the user interface is mainly to enhance the user's visual experience. They do not carry specific functions and have no effect on the functional operations performed by the user in the user interface. In other words, even if the animation of the above animation elements stops, it will not affect the user's use of the user interface. From the perspective of pursuing reduced power consumption, or for users who do not pursue this kind of visual experience, displaying this type of animation elements on the user interface of electronic devices will cause unnecessary power waste.

[0064] Taking the animated icon of the APP on the device desktop as an example, when browsing the device desktop, the user rarely pays attention to the dynamic changes of the animated icon on the desktop, and whether the icon is an animated icon does not affect the user's launching of the corresponding APP on the device desktop.

[0065] Another example is the rotating record icon on the display interface of a short video APP. For users, when browsing the interface of the short video APP, they rarely pay attention to the rotation of the record icon, and whether the record icon is animated does not affect the user's triggering of the icon function of the record icon.

[0066] In the embodiment of the present application, the animation elements that are of little concern to the user, or that the user will not pay attention to, or that do not affect the user's functional operations in the user interface are referred to as non-sensitive animation elements. Animation elements that are of high concern to the user or that affect the user's functional operations in the user interface are referred to as sensitive animation elements.

[0067] In order to reduce the power consumption of electronic devices when displaying a user interface including animation elements, an embodiment of the present application provides an interface display method and device. When displaying the user interface, sensitive animation elements and non-animation elements in the user interface are displayed normally, while for non-sensitive animation elements in the user interface, the animation playback is stopped, so that the non-sensitive animation elements are displayed in a manner of continuously displaying the same frame image. In the user's visual dimension, when the user opens the user interface, the animation elements that the user is concerned about are played normally, and other elements including non-sensitive animation elements are displayed as non-animation elements, and the displayed image does not change.

[0068] The interface display method provided in the embodiments of the present application can be applied to electronic devices with display screens, such as portable computers (e.g., mobile phones), tablet computers, laptop computers, personal computers (PCs), wearable electronic devices (e.g., smart watches), augmented reality (AR) and virtual reality (VR) devices, and in-vehicle computers, and the embodiments of the present application do not impose any restrictions on this.

[0069] FIG1A is a schematic diagram of the structure of an electronic device 100 provided in an embodiment of the present application. The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display 194, and a subscriber identification module (SIM) card interface 195.

[0070] It should be understood that the structure illustrated in the embodiments of the present invention does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0071] The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU). The different processing units may be independent devices or integrated into one or more processors.

[0072] The controller can generate operation control signals according to the instruction operation code and timing signal to complete the control of instruction fetching and execution.

[0073] Processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 110. If processor 110 needs to use the same instruction or data again, it can directly access the memory. This avoids duplicate accesses, reduces processor 110 latency, and thus improves system efficiency.

[0074] In some embodiments, the processor 110 may include one or more interfaces. The interfaces 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.

[0075] The I2C interface is a bidirectional synchronous serial bus that includes a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple I2C bus lines. The processor 110 may be coupled to the touch sensor 180K, the charger, the flash, the camera 193, and the like via different I2C bus interfaces. For example, the processor 110 may be coupled to the touch sensor 180K via the I2C interface, enabling communication between the processor 110 and the touch sensor 180K via the I2C bus interface, thereby implementing the touch function of the electronic device 100.

[0076] The I2S interface can be used for audio communication. In some embodiments, the processor 110 can include multiple I2S buses. The processor 110 can be coupled to the audio module 170 via the I2S bus to enable communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the I2S interface, enabling the function of answering calls through a Bluetooth headset.

[0077] The PCM interface can also be used for audio communication, sampling, quantizing, and encoding analog signals. In some embodiments, the audio module 170 and the wireless communication module 160 can be coupled via a PCM bus interface. In some embodiments, the audio module 170 can also transmit audio signals to the wireless communication module 160 via the PCM interface, enabling the function of answering calls via a Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.

[0078] The UART interface is a universal serial data bus used for asynchronous communication. This bus can be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication. In some embodiments, the UART interface is typically used to connect the processor 110 and the wireless communication module 160. For example, the processor 110 communicates with the Bluetooth module in the wireless communication module 160 via the UART interface to implement Bluetooth functionality. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the UART interface, enabling the function of playing music through Bluetooth headphones.

[0079] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display 194 and the camera 193. MIPI interfaces include the camera serial interface (CSI) and the display serial interface (DSI). In some embodiments, the processor 110 and the camera 193 communicate via the CSI interface to implement the camera function of the electronic device 100. The processor 110 and the display 194 communicate via the DSI interface to implement the display function of the electronic device 100.

[0080] The GPIO interface can be configured via software. The GPIO interface can be configured as either a control signal or a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 to the camera 193, display 194, wireless communication module 160, audio module 170, sensor module 180, etc. The GPIO interface can also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, etc.

[0081] The USB interface 130 is an interface that complies with USB standards and may be a Mini USB interface, a Micro USB interface, a USB Type-C interface, or the like. The USB interface 130 can be used to connect a charger to charge the electronic device 100, or to transfer data between the electronic device 100 and peripheral devices. It can also be used to connect headphones to play audio. This interface can also be used to connect other electronic devices, such as augmented reality devices.

[0082] It is understood that the interface connection relationship between the modules illustrated in the embodiment of the present invention is merely an illustrative illustration and does not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection methods from the above embodiments, or a combination of multiple interface connection methods.

[0083] The charging management module 140 is configured to receive charging input from a charger. The charger can be either a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 can receive charging input from the wired charger via the USB interface 130. In some wireless charging embodiments, the charging management module 140 can receive wireless charging input via the wireless charging coil of the electronic device 100. While charging the battery 142, the charging management module 140 can also provide power to the electronic device via the power management module 141.

[0084] The power management module 141 is used to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140, and provides power to the processor 110, the internal memory 121, the display 194, the camera 193, and the wireless communication module 160. The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage, impedance). In some other embodiments, the power management module 141 can also be set in the processor 110. In other embodiments, the power management module 141 and the charging management module 140 can also be set in the same device.

[0085] The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.

[0086] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In other embodiments, the antennas can be used in conjunction with a tuning switch.

[0087] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.

[0088] The modem processor may include a modulator and a demodulator. The modulator is used to modulate the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After being processed by the baseband processor, the low-frequency baseband signal is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.) or displays an image or video through the display screen 194. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 110 and be set in the same device as the mobile communication module 150 or other functional modules.

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

[0090] In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with a network and other devices through wireless communication technologies. The wireless communication technologies may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology. The GNSS may include a global positioning system (GPS), a global navigation satellite system (GLONASS), a Beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS) and / or a satellite based augmentation system (SBAS).

[0091] Electronic device 100 implements display functionality through a GPU, display screen 194, and an application processor. A GPU is a microprocessor for image processing that connects display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or modify display information.

[0092] Display screen 194 is used to display images, videos, and the like. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a MiniLED, a MicroLED, a Micro-oLed, or a quantum dot light-emitting diode (QLED). In some embodiments, electronic device 100 may include one or N display screens 194, where N is a positive integer greater than one.

[0093] The electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, and an application processor.

[0094] The ISP processes data fed back by camera 193. For example, when taking a photo, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, which is then passed to the ISP for processing and converted into a visible image. The ISP can also perform algorithmic optimization on image noise, brightness, and skin tone. It can also optimize parameters such as exposure and color temperature of the captured scene. In some embodiments, the ISP can be located within camera 193.

[0095] The camera 193 is used to capture still images or videos. The object generates an optical image through the lens and projects it onto the photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, and then passes the electrical signal to the ISP for conversion into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in a standard RGB, YUV or other format. In some embodiments, the electronic device 100 may include 1 or N cameras 193, where N is a positive integer greater than 1.

[0096] The digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy.

[0097] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. This allows electronic device 100 to play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, and MPEG4.

[0098] The NPU is a neural network (NN) computing processor. Drawing on the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it rapidly processes input information and can continuously self-learn. The NPU can enable intelligent cognitive applications in electronic device 100, such as image recognition, face recognition, speech recognition, and text comprehension.

[0099] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 via the external memory interface 120 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.

[0100] The internal memory 121 can be used to store computer executable program codes, which include instructions. The internal memory 121 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 created during the use of the electronic device 100 (such as audio data, a phone book, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc. The processor 110 executes various functional applications and data processing of the electronic device 100 by running instructions stored in the internal memory 121 and / or instructions stored in a memory provided in the processor.

[0101] The electronic device 100 can implement audio functions such as music playback and recording through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor.

[0102] The audio module 170 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 170 can also be used to encode and decode audio signals. In some embodiments, the audio module 170 can be provided in the processor 110, or some functional modules of the audio module 170 can be provided in the processor 110.

[0103] The speaker 170A, also called a "speaker", is used to convert audio electrical signals into sound signals. The electronic device 100 can listen to music or listen to hands-free calls through the speaker 170A.

[0104] The receiver 170B, also called a "handset", is used to convert audio electrical signals into sound signals. When the electronic device 100 receives a call or a voice message, the user can place the receiver 170B close to the ear to hear the voice.

[0105] Microphone 170C, also known as "microphone" or "microphone", is used to convert sound signals into electrical signals. When making a call or sending a voice message, the user can speak by putting their mouth close to the microphone 170C to input the sound signal into the microphone 170C. The electronic device 100 can be provided with at least one microphone 170C. In other embodiments, the electronic device 100 can be provided with two microphones 170C, which can not only collect sound signals but also realize noise reduction function. In other embodiments, the electronic device 100 can also be provided with three, four or more microphones 170C to collect sound signals, reduce noise, identify the source of sound, realize directional recording function, etc.

[0106] The headphone jack 170D is used to connect a wired headphone and can be the USB interface 130 or a 3.5mm open mobile terminal platform (OMTP) standard interface or a cellular telecommunications industry association of the USA (CTIA) standard interface.

[0107] The sensor module 180 may include a pressure sensor, a gyro sensor, an air pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, a bone conduction sensor, and the like.

[0108] The buttons 190 include a power button, a volume button, and the like. The buttons 190 may be mechanical buttons or touch buttons. The electronic device 100 may receive key inputs and generate key signal inputs related to user settings and function control of the electronic device 100.

[0109] Motor 191 can generate vibration prompts. Motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, audio playback, etc.) can correspond to different vibration feedback effects. For touch operations acting on different areas of the display screen 194, motor 191 can also correspond to different vibration feedback effects. Different application scenarios (for example: time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

[0110] The indicator 192 may be an indicator light, which may be used to indicate the charging status, power level changes, messages, missed calls, notifications, etc.

[0111] The SIM card interface 195 is used to connect a SIM card. The SIM card can be connected to or disconnected from the electronic device 100 by inserting it into or removing it from the SIM card interface 195. The electronic device 100 can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 195 can support Nano SIM cards, Micro SIM cards, SIM cards, and the like. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the multiple cards can be the same or different. The SIM card interface 195 can also be compatible with different types of SIM cards. The SIM card interface 195 can also be compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as calls and data communications. In some embodiments, the electronic device 100 uses an eSIM, i.e., an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.

[0112] The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. Taking the (Android) system as an example, the software structure of the electronic device 100 is exemplified.

[0113] FIG1B is a software structure block diagram of the electronic device 100 according to an embodiment of the present invention.

[0114] A layered architecture divides software into several layers, each with distinct roles and responsibilities. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into five layers: from top to bottom: the application layer, the application framework layer (also known as the system framework layer), the system library and Android runtime layer, the hardware abstraction layer (HAL), and the kernel layer.

[0115] The application layer may include several applications (hereinafter referred to as applications). In the embodiment of the present application, the application layer may include: camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and other applications.

[0116] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer, including various components and services to support developers' Android development.

[0117] The Android runtime layer includes the system libraries and the Android runtime. The system libraries include multiple functional modules, such as the surface manager and libc. The Android runtime is responsible for scheduling and managing the Android system, specifically including the core libraries and the virtual machine. The core libraries consist of two parts: one for Java-based functions and the other for the Android core libraries. The virtual machine is used to run Android applications developed in Java.

[0118] The HAL layer is the interface between the operating system kernel and the hardware circuitry. The HAL layer includes, but is not limited to, the Audio Hardware Abstraction Layer (Audio HAL) and the Camera Hardware Abstraction Layer (Camera HAL). The Audio HAL processes audio streams, for example, by performing noise reduction and directional enhancement, while the Camera HAL processes image streams.

[0119] The kernel layer is the layer between hardware and software. The kernel layer may include: display driver, camera driver, audio driver, sensor driver, etc. The display driver is used to drive the display.

[0120] Hereinafter, the interface display method of the embodiment of the present application will be described in conjunction with the structure of the electronic device shown in FIG. 1A and FIG. 1B .

[0121] In the interface display method of the embodiment of the present application, for the user interface to be displayed, the non-sensitive animation elements included in the user interface are first identified and screened out, and the animation playback of the non-sensitive animation elements is stopped when the user interface is displayed. In other words, when the user interface is displayed, the non-sensitive animation elements in the user interface continue to display the same frame image, so that the non-sensitive animation elements are non-animation elements in the user's visual dimension, that is, the image of the non-sensitive animation elements viewed by the user in the user interface does not change. At the same time, for elements other than non-sensitive animation elements in the user interface, the normal display, for example, for sensitive animation elements, the display is still refreshed at the device's default frame rate to ensure the normal use of the user interface and the user experience.

[0122] In some embodiments, the interface display method of the embodiment of the present application can be implemented as a function or middleware provided by the operating system of the electronic device. In other words, the interface display method of the embodiment of the present application can be judged by the operating system of the electronic device to identify the non-sensitive animation elements in the user interface, and stop the animation playback of the non-sensitive animation elements when displaying the user interface. At this time, for the application, it is still drawing the image of the non-sensitive animation element. In other words, the application still calls the relevant services of the electronic device to display the user interface in accordance with the relevant technology, and does not stop the animation playback of the non-sensitive animation elements in the user interface.

[0123] The following is an exemplary description.

[0124] For example, an electronic device may provide a power saving mode. When the power level of the electronic device reaches or falls below a certain power threshold, the electronic device enters the power saving mode and executes a power saving strategy to extend the usage time of the electronic device. The interface display method of the embodiment of the present application may be used as one of the power saving strategies of the electronic device and may be triggered to execute when the electronic device enters the power saving mode.

[0125] For example, a power saving mode for interface display can be provided in the setting application of an electronic device. As shown in Figure 2, the user can independently set whether to turn on the power saving mode for interface display. If the user turns on the power saving mode, when the power of the electronic device reaches or falls below a certain power threshold, the electronic device can execute the interface display method of the embodiment of the present application, thereby reducing the power consumption of the electronic device displaying the user interface.

[0126] For example, the electronic device may be preset to execute the interface display method of the embodiment of the present application during a certain preset time period. The specific preset time period may be set autonomously by the electronic device or manually by the user.

[0127] For example, an electronic device can learn a user's usage habits. When the user's usage habits meet a preset trigger condition in the electronic device, the electronic device executes the interface display method of the embodiment of the present application to reduce the power consumption of the electronic device displaying the user interface. For example, the electronic device learns the user's usage habits and determines that the average duration of the user's continuous use of the electronic device for a period of time (for example, 10 days) is 1 hour per day. If the preset trigger condition is met: the average duration of continuous use of the electronic device is not less than 30 minutes per day, the electronic device triggers the execution of the interface display method of the embodiment of the present application to reduce the power consumption of the electronic device displaying the user interface.

[0128] In the embodiments of the present application, non-sensitive animation elements are animation elements in the user interface that have low or no user attention and have no impact on the user's functional operations in the user interface, or in other words, the stopping of non-sensitive animation elements will not affect the user's use of the user interface and functional operations. Accordingly, animation elements other than non-sensitive animation elements are sensitive animation elements. Sensitive animation elements are often animation elements that users pay attention to in the user interface, or animation elements that have an impact on the user's functional operations in the user interface, or animation elements that the user's functional operations based on the user interface will affect the refreshing, playing or pausing of their animations.

[0129] Alternatively, non-sensitive animation elements occupy a smaller area on the user interface. In some related technologies, non-sensitive animation elements can also be called small animations. The position of non-sensitive animation elements in the user interface is not fixed, for example, they can be located at the edge or center of the user interface.

[0130] Optionally, from a technical implementation perspective, non-sensitive animation elements may include the following types of animation elements: rotation animation, translation animation, zoom animation, gradient animation, or a combination of the above animation forms.

[0131] In the user's visual dimension, the rotation animation generally simulates the rotation effect of a record player. This rotation effect can enhance the visual experience, but the rotation animation itself does not have any special function. For a specific example, see Figure 4A.

[0132] The translation animation generally simulates the horizontal or vertical offset of the animation in the user's visible dimension. For example, when the screen is touched, the animation is translated and popped up, and when the screen is not touched, the animation is translated and hidden. For specific examples, see Figures 7A, 8A, and 10A.

[0133] In the user-visible dimension, the scaling animation generally simulates uniform size changes of the animation. For example, in the examples of FIG5A , FIG6A , and FIG9A , a dynamic effect is achieved by scaling the three vertical bars to different degrees during the playback of the special effects.

[0134] Gradient animations, in the user-visible dimension, typically simulate changes in transparency. They are often used to change background colors, text colors, button colors, and other colors to enhance visual effects and highlight changes in the current state. See Figure 11A for a specific example.

[0135] In order to better illustrate the implementation of the interface display method of the embodiment of the present application, the following embodiment takes the electronic device as an example, and first illustrates by comparison the implementation of the user interface including non-sensitive animation elements in the related technology and the implementation of the user interface including non-sensitive animation elements in the interface display method of the embodiment of the present application.

[0136] 3A and 3B , taking the clock icon on the mobile phone desktop as an example, it is assumed that all elements except the clock icon on the mobile phone desktop shown in FIG3A and 3B are non-animated elements.

[0137] Referring to Figure 3A , in related art, when a mobile phone displays the mobile homepage, it draws and plays an animation of a clock icon 301 at the device's default frame rate. Within the user's visible dimension, the second hand, minute hand, and hour hand of clock icon 301 continuously change. The enlarged display area on the right side of Figure 3A illustrates how the image of clock icon 301 changes over time.

[0138] Referring to Figure 3B, in the interface display method provided in the embodiment of the present application, when the mobile phone displays the mobile phone desktop, the mobile phone stops the animation playback of the clock icon 301 and continues to display the same frame image. In the user's visual dimension, the image displayed by the clock icon 301 has not changed since the mobile phone interface was opened. Refer to the display area on the right side of Figure 3B, which provides a schematic diagram of the image in icon 302 not changing over time.

[0139] By comparison, it can be seen that in related technologies, the mobile phone needs to continuously draw and play the image of the clock icon 301 at the device's default frame rate, while the interface display method of the embodiment of the present application only needs to draw one frame image of the clock icon 301 and display the frame image all the time. The power consumption of displaying the clock icon 301 is relatively smaller, and the power consumption of displaying the mobile phone desktop is relatively smaller.

[0140] 4A and 4B , taking the user interface of a short video app as an example, assume that the short video app's user interface includes the non-sensitive animated elements "Spinning Record" component 401 and "Background Music 1" component 402, the sensitive animated element "Video 1" 403, and other non-animated elements.

[0141] Referring to Figure 4A , in related art, when a mobile phone displays the user interface of a short video app, it draws and plays the non-sensitive animation elements "Spinning Record" component 401 and "Background Music 1" component 402, as well as the sensitive animation element "Video 1" 403, in the user interface at the device's default frame rate. In the user's visible dimension, after opening the user interface, the phone plays "Video 1" 403, while simultaneously rotating and playing the "Spinning Record" component 401 and scrolling and playing the "Background Music 1" component 402. For example, refer to the display area on the right side of Figure 4A , which shows a schematic diagram of the changes in the playback image of the "Spinning Record" component 401 over time.

[0142] Referring to FIG4B , in the interface display method provided in the embodiment of the present application, when the mobile phone displays the same user interface, it draws and plays "Video 1" 403 at the device's default frame rate, and stops the animation playback of the "Spinning Disc" component 401 and the animation playback of the "Background Music 1" component 402. The "Spinning Disc" component 401 and the "Background Music 1" component 402 are respectively displayed in a manner of continuously displaying the same frame image. Referring to the enlarged display area on the right side of FIG4B , in the user's visible dimension, starting from the time the user opens the user interface 420, "Video 1" 403 plays normally, and the images of the "Spinning Disc" component 401 and the "Background Music 1" component 402 do not change over time.

[0143] By comparison, it can be seen that in the related art, the mobile phone needs to continuously draw and play each frame image of the "rotating record" component 401 and the "background music 1" component 402 at the device's default frame rate, while in the interface display method of the embodiment of the present application, the mobile phone only needs to draw one frame image of the "rotating record" component 401 and the "background music 1" component 402, and the power consumption of displaying the "rotating record" component 401 and the "background music 1" component 402 is relatively smaller, and thus the power consumption of displaying the user interface of the short video APP is relatively smaller.

[0144] 5A and 5B , taking the home page of a search engine app as an example, it is assumed that the home page of the search engine app includes a non-sensitive animated element "live" component 501 and other non-animated elements. Non-animated elements include news content and news pictures, etc.

[0145] Referring to FIG5A , in the related art, when a mobile phone displays the home page of a search engine app, it draws and plays the "Live Broadcast" component 501 at the default frame rate of the mobile phone. In the user's visual dimension, when the home page of the search engine app is displayed, the mobile phone plays the animation of the "Live Broadcast" component 501. The enlarged display area on the right side of FIG5A can be referred to, which shows a schematic diagram of the playback changes of the "Live Broadcast" component 501. When a user pulls down or swipes left and right on the home page of the search engine app to browse news, it will not affect the playback of the "Live Broadcast" component 501.

[0146] Referring to Figure 5B, in the interface display method provided in the embodiment of the present application, when the mobile phone displays the home page of the search engine APP, the animation playback of the "Live Broadcast" component 501 is stopped and the same frame image is continuously displayed. In the user's visual dimension, when the home page of the search engine APP is displayed, the image of the "Live Broadcast" component 501 does not change. Please refer to the enlarged display area on the right side of Figure 5B, which shows a schematic diagram of the image of the "Live Broadcast" component 501 not changing over time. When the user pulls down or slides left and right on the home page of the search engine APP to browse news, it will not affect the playback of the "Live Broadcast" component 501.

[0147] By comparison, it can be seen that in the related technology, the mobile phone needs to continuously draw and play each frame image of the "live broadcast" component at the device's default frame rate, while in the interface display method of the embodiment of the present application, the mobile phone only needs to draw one frame image of the "live broadcast" component, and the power consumption of displaying the "live broadcast" component is relatively smaller, and thus the power consumption of displaying the home page of the search engine APP is relatively smaller.

[0148] Referring to Figures 6A and 6B, let's take the video playback interface of a video app as an example. Assume that the video playback interface includes a non-sensitive animated element, "Selection" component 601, "Video 1" 602, and other non-animated elements. "Selection" component 601 is used to provide users with a reminder of the currently playing episode. Non-animated elements include video descriptions, recommended information, and a bottom function bar.

[0149] Referring to Figure 6A , in related art, when a mobile phone displays the video playback interface of a video app, it draws and plays a "Selection" component 601 and a "Video 1" component 602 at the device's default frame rate. In the user's visual dimension, when the video playback interface is displayed, the phone plays "Video 1" 602 and the "Selection" component 601 simultaneously. The enlarged display area on the left side of Figure 6A shows a schematic diagram of the playback changes of the "Selection" component 601.

[0150] Referring to Figure 6B , in the interface display method provided in an embodiment of the present application, when a mobile phone displays the video playback interface of a video app, "Video 1" 602 is drawn and played at the device's default frame rate. The mobile phone stops the animation playback of the "Selection" component 601 and continues to display the same frame image. Referring to the enlarged display area on the left side of Figure 6B , in the user's visible dimension, when the video playback interface is displayed, the mobile phone plays "Video 1" 602, and the image of the "Selection" component 601 does not change over time.

[0151] By comparison, it can be seen that in the related technology, the mobile phone needs to continuously draw and play the image frame of the "Selection" component 601 at the device's default frame rate, while in the interface display method of the embodiment of the present application, the mobile phone only needs to draw one frame of the "Selection" component 601 image, and the power consumption of displaying the "Selection" component 601 is relatively smaller, and thus the power consumption of displaying the video playback interface of the video APP is relatively smaller.

[0152] Referring to Figures 7A and 7B, let's take the main interface of a video app as an example. Assume that the main interface of the video app includes a non-sensitive animated element, a "Search" component 701, recommended videos, and other non-animated elements. The "Search" component 701 is used to provide users with search recommendations for currently popular TV series and does not affect users' browsing of recommended videos. Non-animated elements include video descriptions, recommended information, and a bottom function bar.

[0153] Referring to FIG7A , in the related art, when a mobile phone displays the main interface of a video APP, the mobile phone draws and plays the recommended video 1 and the "search" component 701 at the device's default frame rate. In the user's visual dimension, when the main interface of the video APP is displayed, the electronic device plays the recommended video 1 and the "search" component 701 at the same time; when the user clicks on the recommended video 2 / 3 / 4 / 5 / 6 / 7, the corresponding recommended video is played. Among them, the playback changes of the "search" component 701 can be referred to the enlarged display area on the right side of FIG7A . The display content in the "search" component 701 is updated over time from "hot drama 1" to "hot drama 2" and then to "hot drama 3", etc.

[0154] Referring to FIG7B , in the interface display method provided in the embodiment of the present application, when the mobile phone displays the main interface of the video app, it draws and plays recommended video 1 at the device's default frame rate, stops the animation playback of the "search" component 701, and continues to display the same frame image. Referring to the enlarged display area on the right side of FIG7B , in the user's visible dimension, when the main interface of the video app is displayed, the electronic device plays recommended video 1, and the content displayed by the "search" component 701 does not change over time and is always "hot drama 1"; when the user clicks on recommended video 2 / 3 / 4 / 5 / 6 / 7, the corresponding recommended video is played.

[0155] By comparison, it can be seen that in the related technology, the mobile phone needs to continuously draw and play each frame image of the "search" component 701 at the device's default frame rate, while in the interface display method of the embodiment of the present application, the mobile phone only needs to draw one frame image of the "search" component 701, and the power consumption of displaying the "search" component 701 is relatively smaller, and thus the power consumption of displaying the main interface of the video APP is relatively smaller.

[0156] Referring to Figures 8A and 8B , taking the application settings interface as an example, assume that the application settings interface includes a non-sensitive animated element "pig" component 801. "Piggy" component 801 is used to remind the user to enter certain active interfaces of the current application and has no other impact on the user's use of other functions of the application settings interface.

[0157] 8A , in related art, when a mobile phone displays an application settings interface, the mobile phone draws a "Play Piggy" component 801 at the device's default frame rate. Referring to the enlarged display area on the right side of FIG. 8A , which shows a schematic diagram of playback changes for the "Piggy" component 801 , it can be seen that the text displayed in the "Piggy" component 801 changes.

[0158] Referring to FIG8B , in the interface display method provided in an embodiment of the present application, when the mobile phone displays the application settings interface, the mobile phone stops playing the animation of the "pig" component 801 and continues to display the same frame image. Referring to the enlarged display area on the right side of FIG8B , in the user's visible dimension, when the mobile phone displays the application settings interface, the text displayed in the "pig" component 801 remains unchanged over time.

[0159] By comparison, it can be seen that in the related technology, the mobile phone needs to continuously draw and play each frame image of the "pig" component 801 at the device's default frame rate, while in the interface display method of the embodiment of the present application, the mobile phone only draws one frame image of the "pig" component 801, and the power consumption of displaying the "pig" component 801 is relatively smaller, and thus the power consumption of displaying the application setting interface is relatively smaller.

[0160] Referring to Figures 9A and 9B, let's take the mobile search interface of an e-commerce app as an example. The mobile search interface includes search results, which include non-animated elements (mobile phone images, mobile phone product descriptions, detailed descriptions, prices, etc.). When a store is live streaming, the search results also include a "live streaming" component 901.

[0161] 9A , in the related art, when the search interface includes a live broadcast business, the "live broadcast" component 901 is drawn at the device default frame rate. The enlarged display area on the right side of FIG9A is shown, which illustrates the playback changes of the "live broadcast" component 112.

[0162] As shown in Figure 9B, in the interface display method provided in the embodiment of the present application, when the search interface includes a merchant that is broadcasting live, the animation playback of the "Live Broadcast" component 901 is stopped and one frame of image is continuously displayed. Please refer to the enlarged display area on the right side of Figure 9B, which provides a schematic diagram of the "Live Broadcast" component 901 always displaying the same frame of image. It can be seen that the image displayed by the "Live Broadcast" component 901 does not change over time.

[0163] Optionally, when the user is browsing the search interface, that is, when the user performs a pull-down sliding operation on the search interface, the position of the "Live Broadcast" component 901 will slide and change with the user's sliding operation, but the animation of the "Live Broadcast" component 901 will not be affected by the user's operation.

[0164] By comparison, it can be seen that in the related technology, the mobile phone needs to continuously draw and play each frame image of the "live broadcast" component 901 at the device's default frame rate, while in the interface display method of the embodiment of the present application, the mobile phone only needs to draw one frame image of the "live broadcast" component 901, and the power consumption of displaying the "live broadcast" component 901 is relatively smaller, and thus the power consumption of displaying the search interface is relatively smaller.

[0165] In addition, non-sensitive animation elements can also be other components.

[0166] For example, referring to Figures 10A and 10B, Figures 10A and 10B show a scanning interface for scanning a QR code. Referring to Figure 10A, in the related art, during the scanning process, the animation of the scanning bar 1001 sweeping up and down is a non-sensitive animation element. Referring to Figure 10B, in the interface display method provided in the embodiment of the present application, the animation of the scanning bar 1001 sweeping up and down stops, and one frame of image is always displayed. The shaded part in Figures 10A and 10B is the dynamic shadow effect of the scanning bar. The scanning bar 1001 stops sweeping up and down, and continues to display one frame of image, which does not affect the actual scanning operation, and reduces the number of image frame drawing times of the animation, thereby reducing power consumption.

[0167] For example, referring to Figure 11A, Figure 11A shows a schematic diagram of a red envelope interface. In the related art, the "open" component 1101 in the red envelope interface gradually flashes from the inside to the outside in a concentric circle at a preset frequency, which is a non-sensitive animation element. In the interface display method provided in the embodiment of the present application, the gradual flashing animation of the animation element in the displayed user interface stops, and one frame of image is continuously displayed. The stopping of the animation of the "open" component 1101 does not affect the user's operation of opening the red envelope, and reduces the number of image frame drawing times of the animation, thereby reducing power consumption.

[0168] The interface display method provided by this application continuously displays the same frame of image for non-sensitive animation elements in the user interface when displaying the user interface, so that the electronic device only needs to draw one frame of the image of the non-sensitive animation element. By reducing the number of times the image frames of the non-sensitive animation element are drawn, the purpose of reducing the power consumption of the user interface including the non-sensitive animation element is achieved. The interface display method provided by the embodiment of this application may include the following steps S1 to S3.

[0169] Step S1: Receive an access request to a target interface.

[0170] The target interface may be any user interface displayed by an electronic device, and the target interface includes at least one non-sensitive animation element.

[0171] For example:

[0172] If the target interface is the desktop of the mobile phone, the user can perform operations such as turning on the mobile phone or unlocking the screen of the mobile phone. Accordingly, the mobile phone can detect the above operations of the user, that is, the mobile phone receives the access request to the target interface.

[0173] If the target interface is the first interface after opening the application, the user can click the application icon on the mobile phone desktop. Accordingly, the mobile phone can detect the user's click operation on the application icon, that is, the mobile phone receives the access request to the target interface.

[0174] If the target interface is a non-primary interface such as a secondary or tertiary interface of the application, the user can click on the control used to trigger the display of the target interface in the interface displayed by the application. Accordingly, the mobile phone detects the user's click operation on the control, that is, the mobile phone receives an access request to the target interface.

[0175] If the target interface is the video playback interface of the application, the user can perform a video playback operation in the video application. Accordingly, the mobile phone detects the user's video playback operation, ie, receives an access request to the target interface.

[0176] If the target interface is a code scanning interface, the user can click the code scanning control in the communication or payment application. Accordingly, the mobile phone detects the user's code scanning operation, that is, it receives the access request to the target interface.

[0177] If the target interface is a search interface in an application, the user may click a search control in the interface displayed by the application. Accordingly, the mobile phone detects the user's search request operation, i.e., receives an access request to the target interface.

[0178] Step S2: In response to the access request, determine non-sensitive animation elements from the elements of the target interface.

[0179] With reference to the foregoing description, non-sensitive animation elements may include animation elements of types such as rotation animation, translation animation, zoom animation, and gradient animation. In some embodiments, whether an element is a non-sensitive animation element may be determined based on the type of the element. For example, the electronic device may preset the type of non-sensitive animation elements, such as the above-mentioned rotation animation, translation animation, zoom animation, or gradient animation. For an element in the target interface, the electronic device may determine whether the type of the element is the preset type. If it is the preset type, the element is determined to be a non-sensitive animation element. If it is not the preset type, the element is determined not to be a non-sensitive animation element.

[0180] For example, in some embodiments, if the type of an animation element in an electronic device is a rotation animation, the parameter value of the type parameter of the animation element is: ROTATION, ROTATION_X, ROTATION_Y; if the type of the animation element is a translation animation, the parameter value of the type parameter of the animation element is: TRANSLATION_X, TRANSLATION_Y, TRANSLATION_Z; if the type of the animation element is a scaling animation, the parameter value of the type parameter of the animation element is: SCALE_X, SCALE_Y; if the type of the animation element is a gradient animation, the parameter value of the type parameter of the animation element is: ALPHA; accordingly, the parameter values ​​of the type parameters corresponding to the above four types can be preset in the electronic device; if the parameter value of the type parameter of an element in the target interface is one of the parameter values ​​corresponding to the preset four types, the element is determined to be a non-sensitive animation element.

[0181] Since the display area of ​​non-sensitive animation elements in the user interface is relatively small, in some embodiments, it is also possible to determine whether an element is a non-sensitive animation element based on the type of element and the size of the display area (e.g., the width and height of the display area). For example, for an element in the target interface, it is possible to determine whether the type of the element is a preset type and whether the size of the display area of ​​the element is less than a preset size threshold. If the type of the element is a preset type and the size of the display area is less than the preset size threshold, the element is determined to be a non-sensitive animation element. Otherwise, it is determined that the element is not a non-sensitive animation element. The size of the above-mentioned display area can be, for example, the width and / or height of the display area, and the preset size threshold can be, for example, a width threshold and a height threshold. When the width of the display area is less than the width threshold and / or the height of the display area is less than the height threshold, it can be determined that the size of the display area is less than the preset size threshold.

[0182] Step S3: Display the target interface, and display the non-sensitive animation elements in the target interface in a manner of continuously displaying the same frame image.

[0183] In an embodiment of the present application, non-sensitive animation elements in the target interface are displayed in a manner of continuously displaying the same frame of image, such as the clock icon 301 in Figure 3B, the "Spinning Record" component 401 and the "Background Music 1" component 402 in Figure 4B, the "Live Broadcast" component 501 in Figure 5B, the "Selection" component 601 in Figure 6B, the "Search" component 701 in Figure 7B, the "Piggy" component 801 in Figure 8B, the "Live Broadcast" component 901 in Figure 9B, the scan bar 1001 in Figure 10B, and the "Open" component 1101 in Figure 11A, etc., always displaying one frame of image, and the image of the non-sensitive animation element has not changed.

[0184] In an embodiment of the present application, elements other than non-sensitive animation elements in the target interface are displayed normally, such as icons other than the clock icon 301 in Figure 3B, "Video 1" 403 in Figure 4B, news content and news pictures and other non-animation elements in Figure 5B, "Video 1" 602 and other non-animation elements in Figure 6B, recommended videos and other non-animation elements in Figure 7B, non-animation elements in Figure 8B, Figure 9B and Figure 10B, etc., in the user's visible dimension, their display effect is the same as the display effect in the related art.

[0185] Optionally, for each non-sensitive animation element in the target interface, the image of the non-sensitive animation element that is continuously displayed in the target interface may be drawn and displayed based on the attribute value of the non-sensitive animation element in the first frame image of the target interface, or may be drawn and displayed based on the preset expected attribute value corresponding to the type of the non-sensitive animation element. The attribute value of the non-sensitive animation element in the first frame image of the target interface may be determined by the application to which the user interface belongs. The preset expected attribute value corresponding to the type of the non-sensitive animation element may be preset in the electronic device, such as the local framework layer of the electronic device.

[0186] Specifically, in one embodiment, this step may include:

[0187] For the first frame image of the target interface, the first frame image of the target interface is displayed according to the attribute value of the non-sensitive animation element in the first frame image;

[0188] For the non-first frame image of the target interface, obtain the attribute value of the non-sensitive animation element in the frame interface image, update the attribute value of the non-sensitive animation element in the frame image to the attribute value of the non-sensitive animation element in the first frame image; display the frame image of the target interface according to the updated attribute value of the non-sensitive animation element.

[0189] In another embodiment, this step may include:

[0190] For each frame of the target interface, obtain the attribute value of the non-sensitive animation element in the frame;

[0191] When the attribute value of the non-sensitive animation element in the frame image is different from the expected attribute value of the non-sensitive animation element, updating the attribute value of the non-sensitive animation element in the frame image to the expected attribute value;

[0192] Display the frame image of the target interface according to the updated property value of the non-sensitive animation element.

[0193] Optionally, the expected attribute value corresponding to each type can be preset according to the type of non-sensitive animation elements. Accordingly, when updating the attribute value of the non-sensitive animation element in each frame image, the expected attribute value corresponding to the type of the non-sensitive animation element can be used for update.

[0194] For example, the attribute values ​​of a rotation animation may include: rotation angle, with a value range of 0° to 360° (float), and in an embodiment of the present application, a corresponding expected value of the rotation angle may be set for this type of rotation animation, such as 0 degrees, to ensure that the image displayed by the rotation animation in the target interface is in the correct position. Similarly, the attribute values ​​of a translation animation may include: translation distance, with no value limit (float), and in an embodiment of the present application, a corresponding expected value of the translation distance may be set for this type of translation animation, such as 0; the attribute values ​​of a zoom animation may include a zoom ratio, with a value range greater than or equal to 0 (float), and in an embodiment of the present application, a corresponding expected value of the zoom ratio may be set for this type of zoom animation, such as 1; the attribute values ​​of a gradient animation may include transparency, with a value range of 0 to 1 (float), and in an embodiment of the present application, a corresponding expected value of transparency may be set for this type of gradient animation, such as 0.

[0195] Taking the target interface as the user interface of the short video APP in Figures 4A and 4B, and the non-sensitive animation element as the "rotating record" component 401 in Figures 4A and 4B as an example, the type of the "rotating record" component 401 is a rotation animation, and the attribute value of the "rotating record" component 401 includes the rotation angle of the image, and the value of the rotation angle can be 0 degrees to 360 degrees. As the rotation angle gradually changes from 0 degrees to 360 degrees, the image of the "rotating record" component 401 rotates one circle, and the value of the rotation angle gradually changes from 0 degrees to 360 degrees again. The "rotating record" component 401 rotates one circle. 01 rotates once again, and so on. Thus, in the user's visual dimension, the "rotating record" component 401 keeps rotating. The short video APP can set the initial value of the rotation angle of the image of the "rotating record" component 401 to any value from 0 degrees to 360 degrees, for example, 90 degrees. Then, when the electronic device starts to display the user interface, the animation effect of the "rotating record" component 401 is to rotate the image from the position where the image is rotated 90 degrees. For example, as shown in the enlarged display area on the right side of FIG4A , the first image in the area is a display effect of a rabbit image rotated 90 degrees. In an embodiment of the present application, the electronic device can draw a frame of image according to the initial value of 90 degrees of the image rotation angle set for the "rotating record" component 401 by the short video application. The electronic device displays the frame image of the "rotating record" component 401 in each frame of the user interface displayed at a preset frame rate (for example, the preset frame rate of the device), so that the frame image can be continuously displayed in the user interface in this step, and the animation of the "rotating record" component 401 stops, as shown in FIG11B .

[0196] The initial value of 90 degrees of the image rotation angle set by the above-mentioned "rotating record" component 401 is also the attribute value of the "rotating record" component 401 in the first frame image of the target interface set by the short video APP for the "rotating record" component 401. Since the initial value is 90 degrees, the electronic device in the embodiment of the present application draws an image according to the initial value of 90 degrees and continuously displays it in the user interface, such as the image shown in the enlarged display area on the right side of Figure 11B, which is always a display effect of the little rabbit picture rotated 90 degrees. In order to further improve the user experience, for example, the image continuously displayed by the "rotating record" component 401 in the user interface is in the correct position, so as to achieve the display effect of the little rabbit in the little rabbit picture continuously displayed in Figure 4B being in an upright state, in the embodiment of the present application, the expected rotation angle corresponding to the rotation animation can be preset to 0 degrees. The electronic device can draw a frame image of the "rotating record" component 401 according to the expected rotation angle value of 0 degrees and continuously display the frame image in the user interface, thereby achieving the display effect of the "rotating record" component 401 in Figure 4B, for example.

[0197] In an embodiment of the present application, for non-sensitive animation elements in the target interface, each image frame of the non-sensitive animation elements is not drawn and played at the default frame rate of the device, and only one frame of image is displayed continuously, so that the mobile phone only needs to draw one frame of image for the non-sensitive animation elements, thereby reducing the number of image drawing times of non-sensitive animation elements in the target interface and reducing the power consumption of the mobile phone in displaying the target interface.

[0198] FIG12 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. The following further illustrates the implementation of the interface display method in an embodiment of the present application in conjunction with the structure of the electronic device shown in FIG12 .

[0199] In Figure 12, it is assumed that the software architecture of the electronic device is System architecture, the target interface is the user interface displayed by the application. The drawing, rendering and display process of the target interface includes:

[0200] After receiving the access request of the target interface, the application in the application layer sends an interface drawing command to the interface drawing service in the application framework layer.

[0201] The interface drawing service of the application framework layer parses the interface drawing command, obtains the display parameters of each element in the target interface (such as animation element 1, animation element 2, and other elements in Figure 12), and sends the display parameters of each element in the target interface to the processing module of the local framework layer.

[0202] Optionally, the interface drawing service of the application framework layer can determine the display parameters of each element in each frame image of the target interface, and send the display parameters of each element in each frame image of the target interface to the processing module of the local framework layer. Alternatively, when the application issues the interface drawing instruction, it can also issue the display parameters of each element in each frame image of the target interface. The interface drawing service of the application framework layer can then directly parse the display parameters of each element in each frame image of the target interface and send them to the processing module of the local framework layer.

[0203] The drawing management module of the local framework layer can determine the display information of each frame image of the target interface according to the display parameters of each element in the target interface, and send the display information to the GPU.

[0204] The GPU can draw, render, synthesize and display each frame of the target interface based on the display information of each frame of the target interface.

[0205] Optionally, for the first frame image of the target interface, the GPU draws and renders the image of each element in the first frame image of the target interface, and then synthesizes the images of each element to obtain the first frame image of the target interface. For non-first frame images such as the second frame image and the third frame image of the target interface, in order to reduce over-drawing of the GPU, the GPU can only redraw and render the elements of the current frame image of the target interface that have changed relative to the previous frame image of the target interface. The elements that have not changed do not need to be drawn and rendered repeatedly. The image obtained by the previous drawing and rendering can be directly used, and then the images of each element are synthesized to obtain the current frame image of the target interface. Therefore, for the animated elements in the target interface, the GPU needs to draw and render each frame image of the animated element at the frame rate so that the GPU can accurately synthesize each frame image of the target interface. For each non-animated element in the target interface, the GPU only needs to perform drawing and rendering once to obtain a frame image of the non-animated element. The GPU can use this frame image of the non-animated element for synthesis when synthesizing each frame image of the target interface.

[0206] Taking the user interface of the short video APP shown in FIG4A as an example, the GPU draws and renders the image of the "rotating record" component 401, the "background music 1" component 402, the sensitive animation element "video 1" 403, and the non-animation element in the first frame image of the target interface, and synthesizes the images of the drawn elements to obtain the first frame image of the user interface; then, the GPU redraws and renders the image of the "rotating record" component 401, the "background music 1" component 402, and the "video 1" 403 in the second frame image of the target interface, and uses the "rotating record" component 401, the "background music 1" component 402, and the "video 1" 403 in the second frame image of the target interface. The image in the second frame image of the interface and the image of the non-animation element drawn and rendered previously are synthesized to obtain the second frame image of the user interface; then, the GPU re-draws and renders the image of the "rotating record" component 401, the "background music 1" component 402, and the "video 1" 403 in the third frame image of the target interface, and uses the image of the "rotating record" component 401, the "background music 1" component 402, and the "video 1" 403 in the third frame image of the target interface and the image of the non-animation element drawn and rendered previously to obtain the third frame image of the user interface; and so on, each frame image of the user interface can be synthesized according to the preset frame rate.

[0207] In order to enable the GPU to know which elements need to be redrawn and rendered when synthesizing each frame image of the target interface, the receipt management module of the local framework layer needs to determine the elements that have changed relative to the previous frame image for each frame image of the target interface, generate the display information corresponding to each frame image of the target interface based on the changed elements, and send it to the GPU. The GPU can then use the above method to redraw and render the changed elements, and then synthesize each frame image of the target interface.

[0208] Specifically, as shown in FIG13 , the drawing management module of the local framework layer can generate a drawing tree (draw tree) corresponding to each frame image of the target interface based on the display parameters of each element in each frame image of the target interface. The drawing tree includes multiple rendering nodes (RenderNode), and each rendering node represents an element in the user interface. Each rendering node includes at least one display list (DisplayList), which is a basic drawing element that contains information such as the type and attribute value of the element. The attribute value of the element may include, for example, position, size, angle, transparency, etc. The drawing management module can determine the display information of each frame image of the target interface based on the drawing tree corresponding to each frame image of the target interface, and then send the display information to the GPU. Referring to FIG13 , the rendering node of the first level in the drawing tree is called the root node. If the rendering node of the non-first level has a rendering node of the next level, it is called a non-leaf node, and if it does not have a rendering node of the next level, it is called a leaf node.

[0209] The process of the processing module determining the elements that need to be redrawn and rendered for a frame of the target interface can be referred to as shown in Figure 13, including:

[0210] The rendering management module can traverse all rendering nodes in the rendering tree using methods such as a depth-based recursion algorithm and a breadth-based recursion algorithm. For each rendering node, it determines whether the rendering node exists in the rendering tree of the previous frame image of the target interface. If not, it determines whether the rendering node has a damaged area. If so, it compares the attribute value of the rendering node with the attribute value of the rendering node in the rendering tree of the previous frame image of the target interface (i.e., the attribute value of the corresponding element in the previous frame image of the target interface) to determine whether the rendering node has a damaged area. If a damaged area exists, the rendering node is recorded and the damaged area of ​​the rendering node is accumulated in the parent node of the rendering node. Therefore, for the rendering node that serves as the parent node, its final damaged area is the combined area of ​​the damaged area of ​​the rendering node itself and the damaged areas of its child nodes.

[0211] The damaged area of ​​each rendering node may be an area where the current frame image of the target interface has changed relative to the previous frame image of the target interface due to the dynamic change of the rendering node. If the attribute value of the rendering node in the current frame image of the target interface is the same as the attribute value in the previous frame image of the target interface, then the rendering node does not have a damaged area; otherwise, the rendering node has a damaged area.

[0212] The damaged area of ​​a rendering node can be calculated based on changes in the rendering node's attribute values. The specific calculation method is exemplified as follows: When obtaining the damaged area of ​​a rendering node, if the rendering node does not have a transformation matrix, the display area of ​​the rendering node can be directly determined as the damaged area of ​​the rendering node. For example, if the display area of ​​rendering node 1 is a circular area and the circular area does not have a transformation matrix when the circular area is rotated, then the damaged area of ​​rendering node 1 is the circular area. If the rendering node does have a transformation matrix, then the damaged area of ​​the rendering node is calculated based on the bounds of the minimum circumscribed circle of the display area. For example, if the rendering node has a transformation matrix, then the area containing the minimum circumscribed circle of the display area is obtained as the damaged area; alternatively, if the rendering node has a transformation matrix, then the area containing the minimum circumscribed matrix of the display area is obtained as the damaged area. For example, if the display area of ​​rendering node 2 is a rectangular area and the rectangular area has a transformation matrix when the rectangular area is rotated, then the damaged area of ​​rendering node 2 is the area containing the minimum circumscribed circle of the rectangular area.

[0213] The electronic device traverses all rendering nodes in the entire rendering tree of the target interface, obtains the damaged area of ​​the root node of the rendering tree of the target interface, and sends it to the GPU as the rendering area together with the recorded elements that need to be rendered, so that the GPU re-renders the rendering area according to the elements that need to be rendered.

[0214] In combination with the above-mentioned method for determining the drawing rendering area of ​​the GPU, in order to implement the interface display method of the embodiment of the present application, the embodiment of the present application can set a processing module at the local framework layer (native). In addition to the above-mentioned drawing management module, the processing module also includes an element control module. The element control module manages the timing of being triggered, and after being triggered, identifies non-sensitive animation elements in the target interface and stops the animation playback of non-sensitive animation elements in the target interface.

[0215] The following first and second embodiments can update the attribute values ​​of non-sensitive animation elements in each frame image of the target interface to preset expected attribute values ​​corresponding to the type of non-sensitive animation elements, so that in each frame image of the target interface finally displayed, the image of the non-sensitive animation element is drawn, rendered and displayed according to the expected attribute values.

[0216] In a first embodiment, after the drawing management module generates a drawing tree corresponding to each frame image of the target interface, and before traversing all rendering nodes in the drawing tree to determine the display information corresponding to the frame image of the target interface, the element control module may first traverse all rendering nodes in the drawing tree (that is, traverse each element in the target interface) to determine whether each rendering node is a non-sensitive animation element. If the rendering node is a non-sensitive animation element, the attribute value of the rendering node is modified to the expected attribute value corresponding to the type of the rendering node.

[0217] Taking the example of determining whether a rendering node is a non-sensitive animation element based on its type, the element node processing steps for each rendering node are shown in FIG15 , including: the element control module obtains the type of each rendering node, and when it is determined to be a non-sensitive animation element based on the type, obtains the attribute value of the rendering node, and modifies the attribute value of the rendering node to the expected attribute value corresponding to the rendering node type.

[0218] Taking the user interface of the short video APP shown in Figure 4B as the target interface as an example, assuming that the drawing tree corresponding to each frame image of the target interface is as shown in Figure 14, the drawing tree includes the node corresponding to the "video 1", the node corresponding to the "background music 1" component, the node corresponding to the "spinning record" component, the root node and nodes 1 to 4 represent the nodes corresponding to other elements in the target interface. It can be understood that the drawing tree in Figure 14 is only used to illustrate the principle and is not used to limit the implementation of the actual drawing tree of the user interface of the short video APP shown in Figure 4B. It can be understood that the drawing tree structure corresponding to different frame images of the target interface can be the same, and the display list of the same rendering node in different drawing trees can be different. When the element control module traverses all rendering nodes in the drawing tree, for "Video 1", it determines whether "Video 1" is a non-sensitive animation element. Since Video 1 is not a non-sensitive animation element, the element control module does not process the attribute value of "Video 1" in the drawing tree. For the "Spinning Disc" component, it determines whether the "Spinning Disc" component is a non-sensitive animation element. Since the "Spinning Disc" component is a non-sensitive animation element, it obtains the preset expected attribute value corresponding to the rotation animation (for example, the rotation angle of the image is 0 degrees) based on the type of the "Spinning Disc" component - rotation animation, and updates the attribute value of the "Spinning Disc" component in the drawing tree (for example, assuming the rotation angle of the image is 10 degrees) to the preset expected attribute value corresponding to the rotation animation (for example, the rotation angle of the image is 0 degrees). For the "Background Music 1" component, based on a similar processing flow as the "Spinning Disc" component, the attribute value of the "Background Music 1" component in the drawing tree can be updated to the preset expected attribute value corresponding to the translation animation.

[0219] Through this processing, the attribute values ​​of the rendering nodes corresponding to the same non-sensitive animation element in the drawing tree corresponding to each frame image of the target interface can be the same (all are expected attribute values ​​corresponding to the type of the rendering node). Therefore, when the drawing management module traverses all rendering nodes in the drawing tree to determine the display information corresponding to the frame image corresponding to the target interface, since the attribute values ​​of the rendering nodes corresponding to the same non-sensitive animation element in the drawing tree of the frame image are the same as the attribute values ​​in the drawing tree of the previous frame image, there is no damaged area of ​​the rendering node, and the display information of the corresponding frame image finally determined does not include the information of the rendering node. When the display information is input into the GPU, the GPU will not redraw the image of the rendering node. For the GPU, it is only necessary to draw and render the rendering node when synthesizing the first frame image of the target interface.

[0220] For example, assuming that the drawing tree of each frame image of the target interface starting from the first frame image is the drawing tree structure shown in Figure 14, for the first frame image of the target interface, after the element control module traverses the drawing tree of the first frame image and modifies the attribute values ​​of the non-sensitive animation elements ("background music 1" component and "rotating record" component) to the expected attribute values, the drawing management node traverses the drawing tree of the first frame image of the target interface. Since there is no drawing tree of the previous frame image for comparison, the drawing management node can record all rendering nodes in the drawing tree of the first frame image and merge the damaged areas of all rendering nodes to obtain the drawing rendering area. The above information is input into the GPU as display information. The GPU will render the images of all elements in the first frame image of the target interface based on the display information and synthesize them into the first frame image of the target interface; and for the second frame image of the target interface, after the element control module traverses the drawing tree of the second frame image and modifies the attribute values ​​of the non-sensitive animation elements ("background music 1" component and "rotating record" component) to the expected attribute values, when the drawing management node traverses the drawing tree of the second frame image of the target interface, for " For the "Video 1" component, since its attribute values ​​in the drawing tree of the second frame image (i.e., the attribute values ​​of the animation element "Video 1" in the second frame image of the target interface) are inconsistent with those in the drawing tree of the first frame image (i.e., the attribute values ​​of the animation element "Video 1" in the first frame image of the target interface), the drawing management node can record "Video 1" and accumulate the damaged area of ​​"Video 1" to its parent node "Node 3". For the "Spinning Disc" component, since the element control module modifies the attribute values ​​of the "Spinning Disc" component in the drawing tree of the second frame image and the drawing tree of the first frame image to the expected attribute values ​​of the rotating animation, the attribute values ​​of the two are consistent, and the drawing management node does not record the "Spinning Disc" component in the display information of the drawing tree of the second frame image. For the "Background Music 1" component, based on a similar processing flow to the "Spinning Disc" component, the attribute values ​​of the "Background Music 1" component in the drawing tree of the second frame image and the drawing tree of the first frame image are also consistent, and the drawing management node does not record the "Background Music 1" component in the display information of the drawing tree of the second frame image.It can be seen that in the method in the embodiment of the present application, the display information of the second frame image of the target interface ultimately includes the information of "Video 1", but does not include the "Background Music 1" component and the "Spinning Disc" component, so that the GPU will redraw the rendered image of "Video 1" and will not redraw the rendered "Background Music 1" component and the "Spinning Disc" component. Therefore, when synthesizing the second frame image of the target interface, the image obtained by redrawing the rendering of "Video 1" and the previously rendered image of the "Background Music 1" component and the "Spinning Disc" component (that is, the rendered image when synthesizing the first frame image of the target interface) are used to synthesize the second frame image of the target interface. Therefore, in the second frame image of the target interface displayed by the electronic device, the image of "Video 1" changes, while the images of the "Background Music 1" component and the "Spinning Disc" component do not change. By analogy, each frame image of the target interface can be synthesized and displayed according to the frame rate, so as to achieve the display effect of the target interface shown in Figure 4B, in which "Video 1" plays normally and the images of the "Background Music 1" component and the "Spinning Disc" component do not change.

[0221] In a second embodiment, after the drawing management module generates a drawing tree corresponding to each frame of the target interface, it traverses all rendering nodes in the drawing tree to generate display information corresponding to each frame of the image. For each rendering node traversed by the drawing management module, the element control module may first determine whether the rendering node is a non-sensitive animation element. If so, the element control module may modify the attribute value of the rendering node to the expected attribute value corresponding to the type of the rendering node. The drawing management module then determines whether the rendering node has a damaged area.

[0222] Because the electronic device modifies the attribute value of the rendering node to the expected attribute value before performing the attribute value comparison of the rendering node corresponding to a non-sensitive animation element, after the attribute value comparison, based on a principle similar to the first embodiment described above, only when traversing the rendering tree of the first frame image of the target interface, the rendering node corresponding to the non-sensitive animation element has a damaged area. When traversing the rendering tree of each subsequent frame image (for example, the second frame image, the third frame image, etc.), the rendering node corresponding to the non-sensitive animation element must not have a damaged area, so that the display information of the first frame image of the target interface includes The information of the rendering nodes corresponding to the non-sensitive animation elements is not included in the display information of the non-first frame image of the target interface (for example, the second frame image, the third frame image, etc.). After the above display information is input into the GPU, the GPU only draws and renders the image of the non-sensitive animation elements before synthesizing the first frame image of the target interface. When synthesizing the non-first frame image of the target interface, the image of the non-sensitive animation elements will not be redrawn. Therefore, for the GPU, the non-sensitive animation elements in the target interface are only drawn and rendered once, reducing the number of times the non-sensitive animation elements are drawn and rendered. For specific examples, please refer to the example of the previous embodiment. The only difference is that the timing of the element control module modifying the attribute value of the non-sensitive animation element in the drawing tree is different, which will not be repeated here.

[0223] In the above embodiments, the attribute values ​​of the non-sensitive animation elements in each frame image of the target interface are modified to preset expected attribute values ​​of the corresponding type. In other embodiments, for the first frame image of the target interface, the attribute values ​​of the non-sensitive animation elements in the first frame image may not be modified, but the first frame image of the target interface is displayed according to the attribute values ​​of the non-sensitive animation elements in the first frame image indicated by the application; for the non-first frame image of the target interface, the attribute values ​​of the non-sensitive animation elements in the frame image are updated to the attribute values ​​of the non-sensitive animation elements in the first frame image, and the frame image of the target interface is displayed according to the updated attribute values ​​of the non-sensitive animation elements.

[0224] Based on this, in a third embodiment, after the drawing management module generates a drawing tree corresponding to the first frame image of the target interface, and before traversing all rendering nodes in the drawing tree to determine the display information corresponding to the frame image of the target interface, the element control module can first traverse all rendering nodes in the drawing tree (i.e., traverse each element in the target interface) to determine whether each rendering node is a non-sensitive animation element. If the rendering node is a non-sensitive animation element, the attribute value of the rendering node is not modified, and the element control module records the attribute value of the rendering node as the target attribute value of the rendering node. After the drawing management module generates a drawing tree corresponding to a non-first frame image of the target interface, and before traversing all rendering nodes in the drawing tree to determine the display information corresponding to the frame image of the target interface, the element control module can first traverse all rendering nodes in the drawing tree (i.e., traverse each element in the target interface) to determine whether each rendering node is a non-sensitive animation element. If the rendering node is a non-sensitive animation element, the attribute value of the rendering node is modified to the aforementioned target attribute value of the rendering node.

[0225] Afterwards, when the drawing management module traverses all rendering nodes in the drawing tree of the first frame image and determines the display information corresponding to the frame image of the target interface, the attribute value corresponding to the non-sensitive animation element recorded in the display information is the attribute value (for example, the initial value) indicated by the interface drawing service of the framework layer for the non-sensitive animation element in the first frame image of the target interface, and the attribute value corresponding to the non-sensitive animation element in the drawing tree of each subsequent frame image is also modified by the element control module to the above-mentioned attribute value indicated by the application. Based on similar implementation elements in the aforementioned embodiments, this embodiment can realize that each non-sensitive animation element in the target interface continuously displays the first frame image of the non-sensitive animation element indicated by the application. For example, as shown in Figure 11B, assuming that the initial value of the rotation angle indicated by the short video application for the "rotating record" component is 90, the "rotating record" component in the target interface is displayed in the form of a continuous display of an image of a bunny picture rotated 90 degrees.

[0226] In a fourth embodiment, the element control module may modify the attribute values ​​of non-sensitive animation elements in the drawing tree when the drawing management module traverses each rendering node in the drawing tree for each frame of the target interface. Specifically, when the drawing management module traverses each rendering node in the drawing tree for the first frame of the target interface, before comparing the attribute values ​​of the rendering node, it first determines whether the rendering node is a non-sensitive animation element. If it is a non-sensitive animation element, the attribute value of the rendering node is not modified, and the element control module records the attribute value of the rendering node as the target attribute value of the rendering node. When the drawing management module traverses each rendering node in the drawing tree for non-first frame images of the target interface, before comparing the attribute values ​​of the rendering node, it first determines whether the rendering node is a non-sensitive animation element. If it is a non-sensitive animation element, the attribute value of the rendering node is modified to the aforementioned target attribute value.

[0227] The processing flow and principles of this embodiment can be referenced with the corresponding description of the second embodiment above. This embodiment can also achieve that each non-sensitive animation element in the target interface continuously displays the first frame image of the non-sensitive animation element indicated by the application. For example, as shown in Figure 11B, assuming that the short video application indicates that the initial rotation angle value for the "Spinning Record" component is 90, the "Spinning Record" component in the target interface is displayed in the form of a continuous image of a bunny rotated 90 degrees.

[0228] The above embodiments can all achieve the display of non-sensitive animation elements in each frame image of the target interface in a manner of continuously displaying the same frame image, so that the GPU only draws and renders one frame image of the non-sensitive animation elements, reducing the number of times the GPU draws and renders the non-sensitive animation elements, reducing the power consumption of the electronic device displaying the non-sensitive animation elements, and thereby reducing the display power consumption of the target interface containing the non-sensitive animation elements.

[0229] An embodiment of the present application also provides an electronic device, including a processor and a memory, wherein the processor is used to implement the method provided in the embodiment of the present application.

[0230] An embodiment of the present application further provides a computer-readable storage medium, which stores a computer program. When the computer-readable storage medium is run on a computer, the computer executes the method provided by the embodiment of the present application.

[0231] An embodiment of the present application also provides a computer program product, which includes a computer program. When the computer program product is run on a computer, it enables the computer to execute the method provided by the embodiment of the present application.

[0232] In the embodiments of the present application, "at least one" refers to one or more, and "more" refers to two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent the existence of A alone, the existence of A and B at the same time, and the existence of B alone. Among them, A and B can be singular or plural. The character " / " generally indicates that the previous and next associated objects are in an "or" relationship. "At least one of the following" and similar expressions refer to any combination of these items, including any combination of single or plural items. For example, at least one of a, b and c can represent: a, b, c, a and b, a and c, b and c or a and b and c, where a, b, c can be single or multiple.

[0233] Those skilled in the art will appreciate that the various units and algorithm steps described in the embodiments disclosed herein can be implemented using a combination of electronic hardware, computer software, and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professionals and technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0234] Those skilled in the art will clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0235] In the several embodiments provided in this application, if any function is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, or the part that contributes to the prior art, or the part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, server, or network device, etc.) to execute all or part of the steps of the method described in each embodiment of this application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (Read-Only Memory; hereinafter referred to as: ROM), random access memory (Random Access Memory; hereinafter referred to as: RAM), magnetic disk or optical disk, and other media that can store program code.

[0236] The above description is merely a specific embodiment of the present application. Any changes or substitutions that can be easily conceived by a person skilled in the art within the technical scope disclosed in this application should be included in the scope of protection of this application. The scope of protection of this application should be based on the scope of protection of the claims.

Claims

1. An interface display method, characterized in that: Applied to electronic equipment, the method comprises: Receive access request of target interface; In response to the access request, determining a first type of animation element from elements of the target interface; The target interface is displayed, and the first type of animation elements in the target interface are displayed in a manner of continuously displaying the same frame image.

2. The method according to claim 1, characterized in that The displaying of the target interface, wherein the first type of animation elements in the target interface are displayed in a manner of continuously displaying the same frame of image, includes: For each frame of the target interface image, obtaining the attribute value of the first type of animation element in the frame of the interface image; When the attribute value of the first type of animation element in the frame interface image is different from the target attribute value of the first type of animation element, updating the attribute value of the first type of animation element in the frame interface image to the target attribute value; The frame interface image of the target interface is displayed according to the updated attribute value of the first type animation element.

3. The method according to claim 2, characterized in that Also includes: When the attribute value of the first type of animation element in the frame interface image is the same as the target attribute value of the first type of animation element, the frame interface image of the target interface is displayed according to the attribute value of the first type of animation element in the frame interface image.

4. The method according to claim 1, characterized in that: The first type of animation elements are displayed in a manner of continuously displaying a same frame of image, including: the first type of animation elements are displayed in a manner of continuously displaying a first frame of image of the first type of animation elements.

5. The method according to claim 4, characterized in that The displaying of the target interface, wherein the first type of animation elements in the target interface are displayed in a manner of continuously displaying the same frame of image, includes: For the first frame interface image of the target interface, display the first frame interface image of the target interface according to the attribute value of the first type of animation element in the first frame interface image; For the non-first frame interface image of the target interface, obtain the attribute value of the first category animation element in the frame interface image, and update the attribute value of the first category animation element in the frame interface image to the attribute value of the first category animation element in the first frame interface image; display the frame interface image of the target interface according to the updated attribute value of the first category animation element.

6. The method according to any one of claims 1 to 5, characterized in that: The determining of the first type of animation elements from the elements of the target interface includes: Get the type of each element in the target interface; The elements of the target interface that are of a preset type are determined as the first type of animation elements.

7. The method according to any one of claims 1 to 5, characterized in that: The determining of the first type of animation elements from the elements of the target interface includes: Obtain the type and display area size of each element in the target interface; Among the elements of the target interface, the elements whose type is a preset type and whose display area size is smaller than a preset size threshold are determined as the first type of animation elements.

8. The method according to any one of claims 1 to 5, characterized in that: Before displaying the target interface, the method further includes: Determining that a power saving mode of the electronic device is activated; or, Determine that the power saving mode displayed on the interface is activated; or, Determining that the power level of the electronic device is not higher than a preset power threshold; or, Determining that the real time is within a preset time threshold; or, Determine whether the user's usage habits meet the preset trigger conditions.

9. The method according to any one of claims 1 to 5, characterized in that: The first category of animation elements includes at least one of the following types of animation elements: a rotation animation element, a translation animation element, a zoom animation element, and a gradient animation element.

10. An electronic device, characterized in that: include: Processor, memory; One or more computer programs are stored in the memory, and the one or more computer programs include instructions, which, when executed by the processor, enable the electronic device to perform the method according to any one of claims 1 to 9.

11. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, which, when executed on a computer, enables the computer to execute the method according to any one of claims 1 to 9.

Images