WO2022083326A1

WO2022083326A1 - Method and apparatus for displaying scroll bar, and electronic device and readable storage medium

Info

Publication number: WO2022083326A1
Application number: PCT/CN2021/116840
Authority: WO
Inventors: 郭晨
Original assignee: 华为技术有限公司
Priority date: 2020-10-20
Filing date: 2021-09-07
Publication date: 2022-04-28
Also published as: CN112416231A; CN112416231B

Abstract

A method and apparatus for displaying a scroll bar, and an electronic device and a readable storage medium. The method comprises: when a scroll bar on a page is sliding, displaying a sliding animation on the page, wherein the number of frames of the sliding animation is related to a system frame rate, the sliding animation comprises a sliding animation of elements on the page, and the elements on the page comprise the scroll bar (S401); and when the scroll bar on the page is stationary, displaying a fade-away animation of the scroll bar on the page, wherein the number of frames of the fade-away animation of the scroll bar is related to a preset frame rate, and the preset frame rate is less than the system frame rate (S402). By means of the method, a fade-away animation of a scroll bar can be displayed at a preset frame rate. Therefore, the number of frames of the fade-away animation of the scroll bar being less than the number of frames of the fade-away animation of the scrolled bar acquired at a system frame rate can make it possible to reduce the power consumption of the scroll bar, and same can also reduce the power consumption of a system on chip (SOC) in a browsing scenario of the scroll bar.

Description

Scroll bar display method, device, electronic device and readable storage medium

This application claims the priority of the Chinese patent application filed on October 20, 2020 with the application number 202011125617.8 and the application title is "display method, device, electronic device and readable storage medium for scroll bar", all of which are The contents are incorporated herein by reference.

technical field

The embodiments of the present application relate to terminal display technologies, and in particular, to a scroll bar display method, apparatus, electronic device, and readable storage medium.

Background technique

When the page cannot display all the content, a scroll bar will be displayed on the page to represent the position of the content displayed on the page among all the content. When the user slides the page, the scroll bar will change position according to the slide of the page, and when the sliding page is stationary, the scroll bar will also be stationary and gradually disappear.

At present, the process of changing the position of the scroll bar on the page and the process of gradually disappearing the scroll bar are both processes in which the terminal device displays the animation of the scroll bar. Exemplarily, for example, the terminal device may draw the disappearing animation of the scroll bar according to the system frame rate, and display the disappearing animation of the scroll bar when the scroll bar is stationary, and then the scroll bar on the page will gradually disappear. Currently, the terminal device consumes a lot of power to draw the disappearing animation of the scroll bar according to the system frame rate.

SUMMARY OF THE INVENTION

Embodiments of the present application provide a scroll bar display method, apparatus, electronic device, and readable storage medium, which can reduce the power consumption of the scroll bar and the power consumption of the system-on-chip SOC of the browsing scene to which the scroll bar belongs.

In a first aspect, an embodiment of the present application provides a method for displaying a scroll bar, and the method can be applied to a terminal device or a chip in the terminal device. The following description takes the terminal device as an example. In the scroll bar display method, when the scroll bar on the page slides, a sliding animation is displayed on the page, the frame number of the sliding animation is related to the system frame rate, and the sliding animation includes the elements on the page When the scroll bar on the page is static, the disappearing animation of the scroll bar is displayed on the page, and the frame number of the disappearing animation of the scroll bar is the same as that of the scroll bar. The preset frame rate is related, and the preset frame rate is smaller than the system frame rate. It should be understood that the frame rate is the number of frames displayed in a unit time, and the meaning of "correlation" is that the number of frames can be calculated from the frame rate. Exemplarily, the number of frames of the animation can be obtained by calculating the frame rate. For example, the number of frames per unit time can be determined according to the frame rate, and then the number of frames of the animation can be obtained according to the duration of the animation and the number of frames per unit time. The number of frames of the disappearing animation of the scroll bar is related to the preset frame rate, which means that the number of frames of the disappearing animation of the scroll bar is calculated by the preset frame rate. For example, the number of frames per unit time can be determined according to the preset frame rate, and then According to the duration of the disappearing animation of the scroll bar and the number of frames per unit time, the frame number of the disappearing animation of the scroll bar is obtained. Similarly, the frame number of the sliding animation is related to the system frame rate, which means that the frame number of the sliding animation is calculated by the system frame rate.

In the current technical solution, when the scroll bar on the page slides, the sliding animation of the scroll bar can be displayed on the page, and the number of frames of the sliding animation of the scroll bar is related to the system frame rate; when the scroll bar on the page is stationary , to display the disappearing animation of the scroll bar on the page. The number of frames of the disappearing animation of the scroll bar is related to the system frame rate. That is to say, in the current technical solution, the animation of the scroll bar is displayed at the system frame rate when displaying the animation of the scroll bar on the page, wherein the animation of the scroll bar includes the sliding animation of the scroll bar and the disappearing animation of the scroll bar. In the embodiment of the present application, when the disappearing animation of the scroll bar is displayed on the page, it can be displayed at a preset frame rate lower than the system frame rate, thereby reducing the number of frames of the disappearing animation of the scroll bar displayed on the terminal device. The power consumption of the scroll bar and the SOC power consumption of the system-on-chip of the browsing scene to which the scroll bar belongs. In other words, in the current technical solution, the terminal device uses the system frame rate to draw the sliding animation and the disappearing animation of the scroll bar, while in the embodiment of the present application, the terminal device uses the system frame rate to draw the sliding animation, but uses the preset frame rate to draw the scrolling animation. The disappearing animation of the bar, the preset frame rate is lower than the system frame rate.

In the technical solution of the present application, the terminal device can detect the motion state of the scroll bar on the page in real time to determine whether the scroll bar on the page is stationary. In a possible implementation manner, the terminal device may detect and detect the position of the scroll bar on the page to determine whether the scroll bar on the page is stationary. Wherein, if the position does not change within a preset time period, it is determined that the scroll bar on the page is stationary. If the position changes within a preset time period, it is determined that the scroll bar on the page is not stationary, and the scroll bar slides. In the embodiment of the present application, when the terminal device detects the sliding of the scroll bar on the page, it can draw the sliding animation of the scroll bar at the system frame rate, and then display the sliding animation of the scroll bar on the page. When the terminal device detects that the scroll bar on the page is still, it can draw the disappearing animation of the scroll bar at a preset frame rate, and then display the disappearing animation of the scroll bar on the page. The number of frames of the disappearing animation of the scroll bar is smaller than the number of frames of the disappearing animation of the scroll bar currently drawn at the system frame rate.

In one embodiment, when the scroll bar on the page is static, there are still dynamic elements on the page, such as dynamic pictures or videos, the dynamic elements do not include the scroll bar. The terminal device may display the disappearing animation of the scroll bar and the dynamic element on the page, and the frame number of the dynamic element is related to the system frame rate. The relationship between the frame number of the dynamic element and the system frame rate means that the terminal device draws the dynamic element at the system frame rate, and the frame number of the dynamic element is obtained by calculating the system frame rate. In this embodiment of the present application, in order to enable the user to see continuous and smooth dynamic elements on the page, the dynamic elements may be drawn at the system frame rate, and in order to reduce the power consumption of the scroll bar, the scroll bar may be drawn at the preset frame rate. disappearing animation. It should be understood that the process for the terminal device to draw the dynamic element at the system frame rate is similar to the process for the terminal device to draw the disappearing animation of the scroll bar at the preset frame rate. process.

In a possible implementation manner, the manner in which the terminal device uses a preset frame rate to draw the disappearing animation of the scroll bar may be as follows: Scrollbar disappearing animation. It should be understood that the terminal device may store first preset brightness change information, where the first preset brightness change information is used to indicate the brightness of the scroll bar in the disappearance animation of the scroll bar. Exemplarily, for example, the first preset brightness change information is a brightness change curve of the scroll bar. The process of invoking the drawing code of the disappearing animation of the scroll bar by the terminal device is to draw the scroll bar at the preset frame rate according to the first preset brightness change information and the brightness of the scroll bar when the scroll bar is stationary. The disappearing animation of the bar. Wherein, when the scroll bar on the page is stationary, the terminal device can obtain the brightness of the scroll bar, and then obtain the brightness value of the scroll bar from the first preset brightness change information according to the preset frame rate, and then obtain the brightness value of the scroll bar according to the brightness value of the scroll bar. The animation frame of the scroll bar, and then draw the disappearing animation of the scroll bar.

In this method, the frame rate of the disappearing animation of the scroll bar can be modified by modifying the drawing code of the disappearing animation of the scroll bar in advance, so as to achieve the purpose of reducing the number of frames of the disappearing animation of the scroll bar, and the drawing speed can be improved. Fast, there is no delay in the disappearing animation of the scroll bar displayed on the page.

In a possible implementation manner, the terminal device may store second preset brightness change information, where the second preset brightness change is used to indicate a preset number of the scroll bar in the disappearance animation of the scroll bar Brightness value, the preset number is equal to the frame number of the disappearing animation of the scroll bar. That is, the number of brightness values of the scroll bar indicated by the second preset brightness change information is related to the preset frame rate. In this embodiment of the present application, the terminal device may generate a disappearing animation of the scroll bar according to the second preset brightness change information. The terminal device may generate a corresponding animation frame of the scroll bar according to the brightness value of the scroll bar indicated by the second preset brightness change information, and then obtain the disappearance animation of the scroll bar. In this way, the frame rate of drawing the disappearing animation of the scroll bar can be modified by modifying the generation function of the disappearing animation of the scroll bar in advance, so as to achieve the purpose of reducing the number of frames of the disappearing animation of the scroll bar, and on the page There is no delay in the disappearing animation of the displayed scroll bar.

In a possible implementation manner, the terminal device detects that the scroll bar on the page is stationary, and may display the first animation frame of the preset disappearance animation of the scroll bar on the page. The number of frames of the preset disappearing animation is related to the system frame rate. When the terminal device detects the first animation frame in the preset disappearing animation of the scroll bar on the page, the preset disappearing animation can be The animation is processed by frame extraction to obtain the disappearing animation of the scroll bar. Optionally, a preset frame rate may be pre-stored in the terminal device, so as to determine the number of frames of the disappearing animation of the scroll bar, and perform frame extraction processing with the preset disappearing animation, so as to obtain the scrolling of the frame number corresponding to the preset frame rate. The disappearing animation of the bar. Optionally, in order to reduce the delay problem caused by performing frame extraction processing on the preset disappearing animation before the terminal device detects the first animation frame in the preset disappearing animation, in this implementation method, the terminal device can detect the first frame of the disappearing animation. When the scroll bar on the page is stationary, frame extraction processing is performed on the preset disappearing animation of the scroll bar, so as to obtain the disappearing animation of the scroll bar. It should be understood that the relationship between the frame number of the preset disappearing animation and the system frame rate means that the terminal device draws the preset disappearing animation at the system frame rate, and the frame number of the preset disappearing animation is calculated by the system frame rate.

In a second aspect, an embodiment of the present application provides a display device for a scroll bar. The display device for the scroll bar is the terminal device or the chip in the terminal device according to the first aspect. The display device for the scroll bar includes:

A display module, configured to display a sliding animation on the page when the scroll bar on the page slides, the frame number of the sliding animation is related to the system frame rate, and the sliding animation includes the sliding animation of the elements on the page , the element on the page includes the scroll bar.

The display module is also used to display the disappearing animation of the scroll bar on the page when the scroll bar on the page is stationary. The number of frames of the disappearing animation of the scroll bar is related to the preset frame rate, and the preset frame rate is smaller than the system frame rate.

In a possible implementation manner, the processing module is configured to detect the position of the scroll bar on the page; and if the position does not change within a preset time period, it is determined that the scroll bar on the page is stationary.

In a possible implementation manner, the processing module is further configured to use a preset frame rate to draw the disappearing animation of the scroll bar.

In a possible implementation manner, the display module is specifically configured to display the disappearing animation of the scroll bar and the dynamic elements on the page if there are dynamic elements on the page, and the frame number of the dynamic elements is related to the system frame rate.

In a possible implementation manner, the processing module is further configured to use a preset frame rate to draw a scroll bar disappearing animation, and use a system frame rate to draw dynamic elements.

The sliding animation of the scroll bar is displayed on the page, and the frame number of the sliding animation of the scroll bar is related to the system frame rate.

The display module is further configured to display the disappearing animation of the scroll bar on the page when the scroll bar on the page is stationary, and the frame number of the disappearing animation of the scroll bar is related to the preset frame rate, and the The preset frame rate is smaller than the system frame rate.

In a possible implementation manner, the processing module is configured to detect the position of the scroll bar on the page; and if the position does not change within a preset time period, determine that the scroll bar on the page is stationary.

In a possible implementation manner, the processing module is further configured to use the preset frame rate to draw the disappearing animation of the scroll bar.

In a possible implementation manner, the processing module is specifically configured to use the preset frame rate to draw the scroll bar according to the first preset brightness change information and the brightness of the scroll bar when the scroll bar is stationary The disappearing animation of the scroll bar, the first preset brightness change information is used to indicate the brightness of the scroll bar in the disappearing animation of the scroll bar.

In a possible implementation manner, the first preset brightness change information is a brightness change curve of the scroll bar.

In a possible implementation manner, the processing module is further configured to generate a disappearing animation of the scroll bar according to second preset brightness change information, where the second preset brightness change information is used to indicate the A preset number of brightness values of the scroll bar in the disappearing animation, where the preset number is equal to the frame number of the disappearing animation of the scroll bar.

In a possible implementation manner, the processing module is further configured to perform frame extraction processing on the preset disappearing animation of the scroll bar to obtain the disappearing animation of the scroll bar, the number of frames of the preset disappearing animation being the same as the number of frames of the preset disappearing animation. The system frame rate is related.

In a possible implementation manner, the processing module is further configured to extract the preset disappearing animation when the first animation frame in the preset disappearing animation of the scroll bar is detected on the page. The frame processing is performed to obtain the disappearing animation of the scroll bar, and the frame number of the preset disappearing animation is related to the system frame rate.

The scroll bar display device provided in the embodiment of the present application can perform the actions of the terminal device in the foregoing method embodiments, and the implementation principle and technical effect thereof are similar, and are not repeated here.

In a third aspect, an embodiment of the present application provides an electronic device, where the electronic device includes: a processor and a memory;

The memory is used to store computer-executable program codes, and the program codes include instructions; when the processor executes the instructions, the instructions cause the electronic device to perform the method provided by the first aspect or each possible implementation manner of the first aspect.

In a fourth aspect, an embodiment of the present application provides a scroll bar display device, including a unit, a module, or a circuit for executing the method provided by the first aspect or each possible implementation manner of the first aspect. The display device of the scroll bar may be the object to be positioned, or a module applied to the object to be positioned, for example, a chip applied to the object to be positioned.

In a fifth aspect, embodiments of the present application provide a computer program product containing instructions, which, when run on a computer, cause the computer to execute the method in the first aspect or various possible implementations of the first aspect.

Embodiments of the present application provide a scroll bar display method, device, electronic device, and readable storage medium. The method includes, when a scroll bar on a page slides, displaying a sliding animation on the page, and the frame number of the sliding animation is the same as the system frame. The sliding animation includes the sliding animation of the elements on the page, and the elements on the page include the scroll bar; when the scroll bar on the page is stationary, the disappearing animation of the scroll bar is displayed on the page, and the number of frames of the disappearing animation of the scroll bar is the same as that of the scroll bar. The preset frame rate is related, and the preset frame rate is less than the system frame rate. In this embodiment of the present application, the disappearing animation of the scroll bar can be displayed at a preset frame rate. Therefore, the number of frames of the disappearing animation of the scroll bar is smaller than the number of frames of the disappearing animation of the scroll bar obtained at the system frame rate, which can reduce the power consumption of the scroll bar. , it can also reduce the power consumption of the system-on-chip SOC of the browsing scene to which the scroll bar belongs.

Description of drawings

Fig. 1 is the display schematic diagram of a kind of scroll bar;

Fig. 2 is the schematic diagram showing the animation of scroll bar on the current page;

3 is a schematic diagram of the change of the scroll bar when the disappearing animation of the scroll bar is displayed at the system frame rate;

FIG. 4 is a schematic flowchart of an embodiment of a method for displaying a scroll bar according to an embodiment of the present application;

5 is a schematic diagram 1 of an animation displaying a scroll bar on a page according to an embodiment of the present application;

6 is a schematic diagram of the change of the scroll bar when the disappearing animation of the scroll bar is displayed at a preset frame rate;

7 is a schematic diagram 2 of an animation displaying a scroll bar on a page according to an embodiment of the present application;

Fig. 8 is the code schematic diagram that draws the disappearance animation of the scroll bar with the system frame rate;

9 is a schematic flowchart of another embodiment of a method for displaying a scroll bar according to an embodiment of the present application;

FIG. 10 is a schematic diagram of a brightness change curve of a scroll bar;

FIG. 11 is a schematic diagram of a brightness change value of a scroll bar;

12 is a schematic flowchart of another embodiment of a method for displaying a scroll bar provided by an embodiment of the present application;

13 is a schematic flowchart of another embodiment of a method for displaying a scroll bar according to an embodiment of the present application;

14 is a schematic diagram 3 of an animation displaying a scroll bar on a page according to an embodiment of the present application;

FIG. 15 is a schematic structural diagram of a display device for scroll bars according to an embodiment of the present application;

FIG. 16 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.

Detailed ways

FIG. 1 is a schematic diagram of a display of a scroll bar. As shown in FIG. 1 , the page displayed on the interface 101 includes a scroll bar, and the scroll bar may be located on the right side of the page. The position of the scroll bar will change with the position of the content presented on the page in all the content. As shown in interface 102, when the user slides up the page, the position of the scroll bar changes from the position in interface 101 to that in interface 102. s position. When the sliding page is stationary, the scroll bar is also stationary, and the scroll bar will gradually disappear, as shown in interface 103 . After the scroll bar disappears, the scroll bar will reappear until the user manipulates the page again. Exemplarily, as shown in the interface 104 , when the user's finger touches the page, the scroll bar will be redisplayed, and the displayed position of the scroll bar is the position shown in the interface 102 . In the embodiment of the present application, the scroll bar in the interface 102 is static as an example, wherein the time for the interface 102 to be transformed into the interface 103 is very short, such as 280 ms. It should be understood that the scroll bar display manner in FIG. 1 may be applied to a terminal device, and the terminal device is a mobile phone as an example for description in FIG. 1 .

By comparing the power consumption of applications with scrollbars and applications without scrollbars on end devices, developers found that scrollbars have a high power consumption overhead. As shown in Table 1 below, the power consumption of scroll bars in applications with scroll bars accounts for more than 20% of the system on a chip (SOC) power consumption of the entire chip, so it is necessary to reduce the power consumption of scroll bars. cost.

Table I

场景Scenes	SOC功耗(mA)SOC power consumption (mA)
网页浏览(有滚动条)Web browsing (with scroll bars)	81.0381.03
网页浏览(无滚动条)Web browsing (without scroll bars)	59.4359.43

Whenever the user slides the page once, the terminal device usually performs two scroll bar drawing, and the power consumption of the scroll bar is consumed in the two scroll bar drawing. It should be understood that the drawing of the two scroll bars may be performed by a graphics processing unit (graphics processing unit, GPU) in the terminal device. When the user slides a page once, it means that after the page slides, it is static once. In the process of sliding the page with the user's operation, the GPU performs the first scroll bar drawing. When the sliding page is static and the scroll bar is static , the GPU performs the second scroll bar drawing. The first time the GPU performs the drawing of the scroll bar means that the GPU obtains the sliding animation of the scroll bar, so that the terminal device displays the sliding animation of the scroll bar on the page. It should be understood that, because other elements may also be included on the page, the GPU may draw sliding animations of other elements on the page when the first scroll bar is drawn. The second time the GPU performs the drawing of the scroll bar refers to: the GPU obtains the drawing of the disappearing animation of the scroll bar, so that the terminal device displays the disappearing animation of the scroll bar on the page. It should be understood that the drawing frame rate of the animation (sliding animation or disappearing animation) of the GPU for drawing the scroll bar can be the same as the display frame rate of the animation for displaying the scroll bar of the terminal device, that is, what is the animation of the GPU for drawing the scroll bar? If the frame rate is set, the animation of the scroll bar will be displayed according to the frame rate.

When the GPU executes the first scroll bar drawing process, when the scroll bar appears and the position of the scroll bar changes, the entire page is sliding, and other elements in the page (such as text, pictures, etc. in Figure 1) also need to be Synchronized drawing. Exemplarily, for example, the GPU will call rendering code, UI display code, etc. to draw scroll bars and other elements on the page. Therefore, when the GPU performs the first scroll bar drawing, the power consumption used by the GPU to call the rendering code, UI display code, etc. is allocated to the drawing of other elements in the page and the drawing of the scroll bar, and the drawing of the scroll bar occupies the GPU calling code. part of the power consumption used. In the process of drawing the second scroll bar by the GPU, except for the scroll bar, other elements in the page are static, and the drawing of the scroll bar also requires the GPU to call the rendering code, UI display code, etc., so the GPU calling code uses The power consumption is all caused by the drawing of the scroll bar. On the premise that the power consumption used by the GPU to call the rendering code, UI display code, etc. is the same, by comparing the two scroll bar drawing, it can be determined that the power consumption of the scroll bar mainly comes from the GPU executing the second scroll bar drawing, that is, the terminal device. Get the action of the scroll bar disappearing animation.

It should be understood that when the GPU performs the first drawing of the scroll bar, the sliding animation of the scroll bar can be obtained. The sliding animation of the scroll bar may include multiple frames of animation frames, and the number of frames of the animation frames is related to the system frame rate. If the system frame rate is 60Hz, the sliding animation of the scroll bar can include 17 animation frames. Correspondingly, the terminal device will display the 17 animation frames, and the user can see the scroll bar sliding on the page through the 17 animation frames. . Similarly, when the GPU executes the second scroll bar drawing, the disappearing animation of the scroll bar may be obtained, wherein the disappearing animation of the scroll bar may include multiple frames of animation frames, and the number of animation frames is related to the system frame rate. If the system frame rate is 60Hz, the disappearing animation of the scroll bar can include 17 animation frames. Correspondingly, the terminal device will display the 17 animation frames, and the user can see the scroll bar disappearing on the page through the 17 animation frames. (Because the time is very short, the user does not perceive it).

FIG. 2 is a schematic diagram of an animation displaying a scroll bar on a current page. In FIG. 2 , the system frame rate is 60 Hz as an example, and the animation process of drawing a scroll bar is used for description. Among them, when the scroll bar on the page slides, the GPU draws the sliding animation of the scroll bar at the system frame rate of 60Hz, and calls eglswapbuffer for display (that is, the sliding animation of the scroll bar is sent to the graphics card in the terminal device for display), so that the terminal The sliding animation of the scroll bar is displayed on the page of the device. The current display frame rate and the drawing frame rate (the frame rate for drawing the scroll bar) are the same, and both are 60 Hz. Therefore, the sliding animation of the scroll bar can be displayed on the page of the terminal device at 60 Hz. Such as display 17 animation frames. Similarly, when the scroll bar on the page is static, the GPU draws the disappearing animation of the scroll bar at the system frame rate of 60Hz, and calls eglswapbuffer to send it for display, so that the disappearing animation of the scroll bar is displayed on the page of the terminal device, such as the disappearing animation of the scroll bar on the terminal device. The sliding animation of the scroll bar can be displayed on the page at 60Hz, that is, 17 animation frames are displayed. It should be understood that eglswapbuffer is a function that is called when the animation drawn by the GPU is sent to display, and the animation drawn by the GPU may include the animation of the scroll bar drawn by the GPU, and the animation of other elements on the page drawn by the GPU.

FIG. 3 is a schematic diagram of the change of the scroll bar when the disappearing animation of the scroll bar is displayed at the system frame rate. Exemplarily, as shown in FIG. 3 , when the terminal device displays the disappearing animation of the scroll bar, the transparency of the scroll bar may gradually decrease until the transparency becomes 0 and the scroll bar disappears. FIG. 3 takes an example of displaying the disappearing animation of the scroll bar at a system frame rate of 60 Hz, wherein the terminal device displays 17 animation frames to display the disappearing animation of the scroll bar. It is conceivable that the scroll bar can also disappear in the form of a sudden change. For example, the first 10 animation frames are animation frames with scroll bars, and the last 7 animation frames are animation frames without scroll bars. In this embodiment of the present application, the scroll bars disappear. method is not limited. The main purpose of FIG. 3 is to reflect the problem of a large number of frames of the disappearing animation when the GPU draws the disappearing animation of the scroll bar at the system frame rate at present.

It should be understood that the system frame rate may also be referred to as the refresh frame rate of the terminal device. For the user, the higher the system frame rate, the more coherent the picture the user sees, and the better the user experience. Exemplarily, for example, the system frame rate of the terminal device is 30 Hz. When the user slides the page, the page is rendered incoherent and the user experience is not good. Therefore, the current system frame rate of the terminal device is very high, usually higher than 60 Hz. When the GPU performs the second scroll bar drawing, the GPU draws the scroll bar disappearing animation at the system frame rate, and correspondingly, the terminal device displays the scroll bar disappearing animation at the system frame rate. At present, considering the user experience, the duration of the disappearing animation of the scroll bar is fixed at about 280ms. When the GPU draws the disappearing animation of the scroll bar at the system frame rate of 60 Hz, the number of frames of the disappearing animation displayed by the terminal device is about 17 frames. When the GPU draws the disappearing animation of the scroll bar at the system frame rate of 90 Hz, the number of frames of the disappearing animation displayed by the terminal device is about 25 frames. When the GPU draws the disappearing animation of the scroll bar at the system frame rate of 120 Hz, the number of frames of the disappearing animation displayed by the terminal device is about 34 frames. That is to say, the higher the system frame rate, the more frames the GPU draws the disappearing animation of the scroll bar, and the higher the power consumption of the GPU to perform the second drawing, resulting in the greater power consumption of the scroll bar.

Since the power consumption of the scroll bar mainly comes from the GPU performing the second scroll bar drawing, in the embodiment of the present application, the power consumption of the scroll bar can be reduced by reducing the power consumption of the GPU performing the second scroll bar drawing, and the Because the power consumption of the GPU for the second scroll bar drawing comes from the excessive number of frames of the disappearing animation, in order to reduce the power consumption of the scroll bar, the embodiment of the present application provides a scroll bar display method, which can By reducing the number of frames of the disappearance animation of the scroll bar performed by the GPU for the second time, the power consumption of the GPU to perform the drawing of the scroll bar for the second time is reduced, that is, the number of frames of the disappearance animation of the scroll bar displayed by the terminal device is reduced, thereby reducing the power consumption of the scroll bar. The power consumption overhead of a small scroll bar, because the number of frames of the disappearing animation of the scroll bar is related to the frame rate of drawing the disappearing animation of the scroll bar. Therefore, in this embodiment of the present application, the frame rate of the disappearing animation of the scroll bar can be obtained by reducing the method. Reduce the power consumption of scroll bars.

It should be understood that the execution subject of the scroll bar display method in the embodiment of the present application may be a terminal device, or a GPU or other processing chip in the terminal device, or the like. In the following embodiments, the terminal device is used as an example for illustration. It should be understood that the terminal device in this embodiment of the present application may be referred to as a user equipment (user equipment, UE), a mobile terminal (mobile terminal), a terminal (terminal), and the like. The terminal device can be a personal digital assistant (PDA), a handheld device with wireless communication function, a computing device, a vehicle-mounted device or a wearable device, a virtual reality (virtual reality, VR) terminal device, an augmented reality (augmented reality, AR) terminal equipment, wireless terminals in industrial control, wireless terminals in self driving, wireless terminals in remote medical, wireless terminals in smart grid, Wireless terminals in transportation safety, wireless terminals in smart cities, wireless terminals in smart homes, etc. The form of the terminal device is not specifically limited in the embodiments of the present application. It should be understood that the display method for executing the scroll bar in the embodiment of the present application may be applicable to a vertical scroll bar, a horizontal scroll bar, or a scroll bar displayed obliquely, and the form of the scroll bar is not limited in the embodiment of the present application .

The display method of the scroll bar provided by the embodiment of the present application will be described in detail below with reference to specific embodiments. The following specific embodiments may be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. FIG. 4 is a schematic flowchart of an embodiment of a method for displaying a scroll bar according to an embodiment of the present application. As shown in FIG. 4 , the display method of the scroll bar provided by the embodiment of the present application may include:

S401, when the scroll bar on the page slides, display a sliding animation on the page, the frame number of the sliding animation is related to the system frame rate, and the sliding animation includes the sliding animation of the element on the page, and the element on the page includes the scroll bar.

S402 , when the scroll bar on the page is stationary, display the disappearing animation of the scroll bar on the page, and the frame number of the disappearing animation of the scroll bar is related to a preset frame rate, and the preset frame rate is lower than the system frame rate.

In the above S401, each time the user slides the page, two animations of the scroll bar are displayed on the page. Wherein, when the element on the page slides, the scroll bar on the page also slides, and a sliding animation can be displayed on the page at this time. It should be understood that the sliding animation includes the sliding animation of the element on the page, and the element on the page may include the scroll bar . Exemplarily, when a page includes text elements and a scroll bar, and the page slides (when the scroll bar on the page slides), a text sliding animation and a scroll bar sliding animation can be displayed on the page. The sliding animation of the scroll bar may include an animation of changing the position of the scroll bar, or may also include an animation of changing the size and position of the scroll bar. It should be understood that, in this embodiment of the present application, the terminal device may detect that the scroll bar on the page slides or is still, and determine to display the animation of the scroll bar on the page. Exemplarily, the terminal device can detect whether the scroll bar on the page is still, and if the scroll bar on the page is not still (sliding), a sliding animation of the scroll bar is displayed on the page, and if the scroll bar is still on the page, the scroll bar is displayed on the page. The disappearing animation of the bar.

One way for the terminal device to detect whether the scroll bar sliding on the page is stationary is: because the scroll bar is stationary when the page is stationary, in this embodiment of the present application, whether the scroll bar is stationary can be determined by detecting whether the page is stationary. Detecting if a page is stationary You can determine if a page is stationary by detecting the positions of elements on the page. Wherein, if the position of an element on the page does not change within the preset time period, it can be determined that the page is stationary, otherwise, the page is not stationary. Wherein, if it is detected that the page is stationary, it can be determined that the sliding scroll bar is stationary, and if the page is not stationary, it can be determined that the sliding scroll bar is not stationary. It should be understood that, in the process of page sliding, the elements on the page detected by the terminal device may be different.

Although the above method can detect whether the sliding scroll bar is still, it is necessary to detect whether the page is still, that is, to detect whether the scroll bar is still in an indirect way, which has low detection efficiency. This embodiment of the present application can detect whether the scroll bar is stationary by detecting the position of the scroll bar, which can improve the detection efficiency. Another way for the terminal device to detect whether the scroll bar sliding on the page is static is: in the process of page sliding, the length and position of the scroll bar are adaptively changed with the change of the position of the content on the page in all the content. of. In this embodiment of the present application, the terminal device may detect, update and record the position of the scroll bar during the sliding process and the size of the scroll bar in real time. The terminal device can determine whether the scroll bar is stationary by querying the position of the scroll bar recorded in real time. If the position of the scroll bar does not change within the preset time period, it can be determined that the scroll bar sliding on the page is stationary; if the position of the scroll bar changes within the preset time period, it can be determined that the scroll bar sliding on the page is not stationary.

It should be noted that the number of frames of the sliding animation in this embodiment of the present application is related to the system frame rate. That is, in this embodiment of the present application, the terminal device (or the GPU in the terminal device) may draw the sliding animation at the system frame rate. FIG. 5 is a schematic diagram 1 of an animation displaying a scroll bar on a page according to an embodiment of the present application. In Figure 5, the system frame rate is used to draw the sliding animation of the scroll bar as an example. It is the same as the above Figure 2. If the system frame rate is 60 Hz, the terminal device draws the sliding animation of the scroll bar at the system frame rate of 60 Hz, and calls eglswapbuffer to send the display. The animation frame of the sliding animation of the 17-frame scroll bar is displayed on the page of the terminal device. It should be understood that the frame rate is the number of frames displayed in a unit time, and the meaning of "related" is that the frame rate can be calculated by the frame rate. Exemplarily, on the premise that the duration is fixed, the number of frames in a unit time (eg, 1 s) may be obtained according to the frame rate, and the number of frames of the animation may be obtained according to the duration and the number of frames in the unit time. The number of frames of the sliding animation is related to the system frame rate, which means that the number of frames of the sliding animation is calculated by the system frame rate. For example, the terminal device can determine the number of frames per unit time according to the frame rate set by the system, and then obtain the number of frames of the sliding animation according to the duration of the sliding animation and the number of frames per unit time.

In the above S402, when the scroll bar sliding on the page is stationary, the terminal device may obtain the disappearing animation of the scroll bar to display the disappearing animation of the scroll bar on the page, so that the user can see the disappearance of the scroll bar on the page. Different from the current technical solution, in the current technical solution, the terminal device draws the disappearing animation of the scroll bar at the system frame rate, and the number of frames of the disappearing animation of the scroll bar is related to the system frame rate, resulting in the disappearing animation frame of the scroll bar. If the number is too large, the power consumption of the scroll bar is large. In this embodiment of the present application, the number of frames of the disappearing animation of the scroll bar acquired by the terminal device is related to the preset frame rate, where the preset frame rate is smaller than the system frame rate. That is to say, the number of frames of the disappearing animation of the scroll bar in the embodiment of the present application is less than the number of frames of the disappearing animation of the scroll bar drawn at the system frame rate, thereby reducing the power consumption of the terminal device to obtain the disappearing animation of the scroll bar, to reduce the power consumption of the scroll bar. Optionally, because the number of frames of the disappearing animation of the scroll bar is related to the frame rate of drawing the disappearing animation of the scroll bar, in this embodiment of the present application, the scroll bar can be reduced by reducing the frame rate of the disappearing animation of the scroll bar. power consumption. For example, the preset frame rate is 20Hz, when the scroll bar on the page is static, as shown in Figure 5, the terminal device can draw the disappearance animation of the scroll bar at the preset frame rate of 20Hz, and call eglswapbuffer to send the display, thereby making the terminal device's disappearance animation. The disappearing animation of the scroll bar is displayed on the page, that is, 6 animation frames are displayed. FIG. 6 is a schematic diagram of the change of the scroll bar when the disappearing animation of the scroll bar is displayed at a preset frame rate. Exemplarily, as shown in FIG. 6 , when the terminal device displays the disappearing animation of the scroll bar, the transparency of the scroll bar may gradually decrease until the transparency becomes 0 and the scroll bar disappears. FIG. 6 takes an example of displaying the disappearing animation of the scroll bar at a preset frame rate of 20 Hz, wherein the terminal device can display the disappearing animation of the scroll bar by displaying 6 animation frames. Because the duration of the disappearing animation of the scroll bar is very short, such as 280ms, the user does not perceive the number of frames of the disappearing animation of the scroll bar, and the disappearing animation of the scroll bar is simple and the difference between the animation frames in the disappearing animation is very small. Therefore, this application In the embodiment, the user experience is not affected by reducing the number of frames of the disappearing animation of the scroll bar. It should be understood that, if the terminal device detects that the scroll bar sliding on the page is not stationary (sliding), the terminal device may continue to draw a sliding animation of the scroll bar.

In the above-mentioned embodiments, when the scroll bar is stationary and other elements on the page are stationary, the disappearing animation of the scroll bar is displayed on the page. In one embodiment, when the scroll bar on the page is stationary, dynamic elements such as dynamic emoji pictures, videos, etc. may also be displayed on the page. It should be understood that the dynamic element does not include the scroll bar. In this embodiment, the disappearing animation of the scroll bar and the dynamic element can be displayed on the page, and the frame number of the dynamic element is related to the system frame rate. The relationship between the frame number of the dynamic element and the system frame rate means that the terminal device draws the dynamic element at the system frame rate, and the frame number of the dynamic element is calculated from the system frame rate. In this embodiment of the present application, in order to enable the user to see continuous and smooth dynamic elements on the page, the dynamic elements may be drawn at the system frame rate, and in order to reduce the power consumption of the scroll bar, the scroll bar may be drawn at the preset frame rate. disappearing animation. It should be understood that the process for the terminal device to draw the dynamic element at the system frame rate is similar to the process for the terminal device to draw the disappearing animation of the scroll bar at the preset frame rate. process.

Exemplarily, if there is a video on the page, when the scroll bar on the page is still, the terminal device can draw the disappearing animation of the scroll bar at 20 Hz and the video at 60 Hz, and call eglswapbuffer to send the disappearing animation and video of the scroll bar. Then, 6 animation frames in the disappearing animation of the scroll bar and 17 video frames in the video are displayed on the page of the terminal device. Similar to the number of frames of the sliding animation is related to the system frame rate, the number of frames of the disappearing animation of the scroll bar is related to the preset frame rate means that the number of frames of the disappearing animation of the scroll bar is calculated by the preset frame rate. For example, the terminal device can determine the number of frames per unit time according to the preset frame rate, and then obtain the number of frames of the disappearing animation of the scroll bar according to the duration of the disappearing animation of the scroll bar and the number of frames per unit time.

The scroll bar display method provided in the embodiment of the present application includes: when the scroll bar on the page slides, displaying a sliding animation on the page, the frame number of the sliding animation is related to the system frame rate, and the sliding animation includes the sliding of elements on the page Animation, the elements on the page include scroll bars; when the scroll bars on the page are stationary, the disappearing animation of the scroll bars is displayed on the page. The number of frames of the disappearing animation of the scroll bars is related to the preset frame rate, and the preset frame rate is lower than the system frame rate. The number of frames of the disappearing animation of the scroll bar obtained by the embodiment of the present application is smaller than the number of frames of the disappearing animation of the scroll bar obtained at the system frame rate, so the power consumption of the terminal device for displaying the disappearing animation of the scroll bar can be reduced, and thus the power consumption of the disappearing animation of the scroll bar can be reduced. The power consumption of the scroll bar, and the system-on-chip power consumption of the browsing scene to which the scroll bar belongs is reduced.

In the following embodiments, the process of acquiring the disappearing animation of the scroll bar by the terminal device in the above-mentioned embodiment will be described in detail, and the description will be exemplified in four possible implementation manners.

The first way: Before describing in detail the process of the terminal device obtaining the disappearing animation of the scroll bar, the process of displaying the scroll bar, changing the position of the scroll bar, and disappearing the scroll bar in the current technical solution is briefly introduced first. FIG. 7 is a second schematic diagram of an animation of displaying a scroll bar on a page according to an embodiment of the present application. FIG. 7 takes the application a as an example for description. The page of the application a is a page including a scroll bar, and the terminal device may store the control logic code of the application a. When the user slides the page, the scroll bar on the page slides, and the terminal device can call the control logic code of application a (such as the code that controls the position change of the scroll bar) to draw the sliding animation of the scroll bar, and make the scroll bar slide. The animation is sent and displayed on the page. During this process, the terminal device can also change the size of the scroll bar on the page according to the called control logic code. When the page is stationary, the scroll bar is stationary. At this time, the terminal device can cache the position and size of the scroll bar, and call the common scroll bar disappearing drawing code in the terminal device to draw the disappearance animation of the scroll bar, and the disappearance animation of the scroll bar. After the drawing is completed, the terminal device can send the disappearing animation of the scroll bar to display on the page. Wherein, the common drawing code for the disappearance of the scroll bar can be preset in the terminal device, and the applications on the terminal device all need to call the common drawing code when drawing the disappearing animation of the scroll bar.

It should be noted that, in the current technical solution, the frame rate of the scroll bar disappearing animation indicated in the scroll bar disappearing drawing code is the system frame rate, that is, the terminal device draws the scroll bar when calling the scroll bar disappearing drawing code. During the disappearing animation of the scroll bar, the disappearing animation of the scroll bar is drawn at the system frame rate. In this embodiment of the present application, the frame rate indicated by the drawing code where the scroll bar disappears may be modified in advance, so that the terminal device draws the scroll bar at the preset frame rate when calling the drawing code where the scroll bar disappears. The disappearing animation of the scroll bar, and the number of frames of the disappearing animation of the scroll bar is reduced to reduce the power consumption of the scroll bar. Because the drawing code for the disappearance of the scroll bar is modified in the embodiment of the present application, the display of other elements in the page is not affected.

The process of modifying the drawing code for the disappearance of the scroll bar in this paragraph is first introduced here. FIG. 8 is a schematic diagram of the code for drawing the disappearing animation of the scroll bar at the system frame rate. As shown in Figure 8, in the interface control Activity stack to which the drawing code where the scrollbar disappears belongs, find the function that implements the scrollbars in the list view, and find the corresponding disappearance of the scrollbar in the function. The code for the animation (that is, the drawing code for the scrollbar disappearing) is modified. The function for implementing the scroll bar may be used to control the generation of the disappearing animation of the scroll bar. In this embodiment, the function for realizing the scroll bar is not adjusted, that is, the preset disappearing animation of the scroll bar is used. The frame number of the preset disappearing animation of the scroll bar is related to the system frame rate, that is to say, the preset disappearing animation of the scroll bar is pre-drawn at the system frame rate and stored in the terminal device. The number of frames of the preset disappearing animation of the scroll bar is related to the system frame rate means that the number of frames of the preset disappearing animation of the scroll bar is calculated according to the system frame rate. The frame rate indicated by the drawing code where the scroll bar disappears as shown in a in FIG. 8 is the system frame rate. In this embodiment of the present application, the frame rate indicated by the drawing code where the scroll bar disappears can be modified to the preset frame rate, as shown in FIG. 8 shown in b. That is to say, what is used in the embodiment of the present application is the modified drawing code for the disappearance of the scroll bar.

FIG. 9 is a schematic flowchart of another embodiment of a method for displaying a scroll bar according to an embodiment of the present application. As shown in FIG. 9 , the above S402 can be replaced by S502: when the scroll bar on the page is stationary, call the drawing code for the disappearance of the scroll bar, draw the disappearance animation of the scroll bar, and display the disappearance animation of the scroll bar on the page.

In the above S502, when the scroll bar is stationary, the terminal device may call the common drawing code for the disappearance of the scroll bar stored in the terminal device to draw the disappearance animation of the scroll bar. Among them, the drawing code is used to indicate the preset frame rate. The function of realizing the scroll bar shown in FIG. 8 can be used to represent the first preset brightness change information, and the first preset brightness change information is used to indicate the brightness of the scroll bar in the disappearance animation of the scroll bar. In the embodiment of the present application, the process of drawing the disappearance animation of the scroll bar by calling the drawing code for the disappearance of the scroll bar is the process of drawing the disappearance animation of the scroll bar by the terminal device according to the first preset brightness change information. It should be understood that the first preset brightness change information can be used to indicate the continuously changing brightness of the scroll bar. For example, the first preset brightness change information is the brightness change curve of the scroll bar, and FIG. 10 is a schematic diagram of the brightness change curve of the scroll bar.

In the embodiment of the present application, when the scroll bar on the page is stationary, the terminal device may cache the position and size of the scroll bar, and may also cache the brightness of the scroll bar, and then the terminal device may change the information according to the first preset brightness and the scroll bar is stationary When the brightness of the scroll bar is set, the disappearing animation of the scroll bar is drawn at the preset frame rate. Exemplarily, if the preset frame rate is 20 Hz, and the terminal device needs to draw 6 animation frames, the terminal device can obtain the brightness of the scroll bar every about 47ms in the brightness change curve of the scroll bar, and then draw the brightness according to the obtained brightness. The animation frame of the corresponding scroll bar to get the disappearing animation of the scroll bar with decreasing brightness.

The following describes how the rendering code indicates the preset frame rate. In a possible implementation manner, the drawing code includes a time interval between two adjacent animation frames in the disappearing animation of the scroll bar. For example, the time interval between two adjacent animation frames is 50ms, and on the premise that the duration of the disappearance animation of the scrollbar is 280ms, the disappearance animation of the scrollbar may include 6 animation frames. In this way, the developer can modify the time delay parameter in the drawing code (that is, the time interval between two adjacent animation frames) in the process of modifying the drawing code in the above-mentioned Fig. 8, so that the modified adjacent The time interval between two animation frames is 50ms. Correspondingly, when the terminal device calls the drawing code for the disappearance of the scroll bar, the time interval between two adjacent animation frames in the disappearance animation of the scroll bar obtained is 50ms, and the disappearance animation of the scroll bar includes 6 animation frames, that is, That is to say, the terminal device draws the disappearing animation of the scroll bar according to the preset frame rate, and the disappearing animation of the scroll bar is related to the preset frame rate.

In another possible implementation manner, the drawing code includes a multiple parameter, and the multiple parameter is used to represent the multiple relationship between the preset frame rate and the system frame rate. For example, if the system frame rate is 60 Hz, the multiple parameter included in the drawing code is 3. Because the preset frame rate in this embodiment of the present application is smaller than the system frame rate, it can be determined that the system frame rate is the preset frame rate according to the multiple parameter being 3. 3 times, and then the preset frame rate is 20Hz. In this way, the developer can modify the multiple parameter in the drawing code during the modification process of the drawing code in the above-mentioned FIG. 8 , so that the modified multiple parameter is 3. Correspondingly, the terminal device calls the drawing code for the disappearance of the scroll bar, and the frame rate of the disappearance animation of the scroll bar is drawn at a preset frame rate of 20 Hz, and the obtained disappearance animation of the scroll bar includes 6 animation frames.

In another possible implementation, the drawing code includes a preset frame rate. Different from the above two methods, the drawing codes in the above two methods both indirectly indicate the preset frame rate, and in this method, the preset frame rate may be directly included in the drawing code. In this way, the developer can modify the frame rate in the drawing code during the modification process of the drawing code in the above-mentioned FIG. 8 , so that the frame rate of the modified drawing scroll bar disappearing animation is the preset frame rate. Correspondingly, the terminal device invokes the scroll bar disappearing drawing code, and the frame rate of the scroll bar disappearing animation is a preset frame rate of 20 Hz, and the obtained scroll bar disappearing animation includes 6 animation frames.

In another possible implementation manner, the drawing code may include a functional relationship for obtaining a preset frame rate of the disappearing animation of the scroll bar. That is to say, the terminal device can calculate the preset frame rate according to the functional relationship, that is, the drawing code can indicate the preset frame rate in an indirect manner. In this way, the developer can write the function relational expression of the preset frame rate in the process of modifying the drawing code in the above-mentioned FIG. 8 . Correspondingly, calling the drawing code for the disappearance of the scroll bar on the terminal device can obtain the preset frame rate according to the functional relationship, and then draw the disappearance animation of the scroll bar at the preset frame rate.

It should be understood that in the embodiments of the present application, there is no restriction on how to modify the drawing code so that the drawing code indicates the preset frame rate. The developer can rewrite the drawing code, or modify the drawing code in order to change the source drawing code as little as possible. parameters, etc.

In the embodiment of the present application, the scroll bar disappearing drawing code may be modified in advance, so that the scroll bar disappearing animation is drawn at a preset frame rate by using the modified scroll bar disappearing drawing code, thereby reducing the scroll bar disappearing animation The number of frames for the purpose of reducing the power consumption of the scroll bar.

The second method: Similar to the first method above, it is also used to modify the code in advance to control and reduce the number of frames of the disappearing animation of the scroll bar. The difference from the first method above is that the first method modifies the drawing code where the scroll bar disappears, while the second method can modify the function that implements the scroll bar. That is, in the embodiment of the present application, the number of frames of the generated scroll bar disappearance animation can be reduced by modifying the function for realizing the scroll bar. In this implementation, the developer can find the function of implementing scrollbars in the list view in the Activity stack to which the drawing code where the scrollbar disappears belongs, and then modify the function so that the terminal device calls the function. When the function is used, the disappearing animation of the scroll bar can be generated, and the number of frames of the disappearing animation of the scroll bar is related to the preset frame rate.

Optionally, the generation function for modifying the disappearing animation of the scroll bar (the function for implementing the scroll bar) may be: modifying the generation frame rate of the disappearing animation of the scroll bar to a preset frame rate. In the above first manner, the function implementing the scroll bar is used to indicate the brightness change curve of the scroll bar. In this manner, the function implementing the scroll bar can be modified into a discrete function for indicating the second preset luminance variation information. The second preset brightness change information is used to indicate a preset number of brightness values of the scroll bar in the disappearance animation of the scroll bar, and the preset number is equal to the frame number of the disappearance animation of the scroll bar. Exemplarily, if the disappearing animation of the scroll bar is drawn at a preset frame rate of 20 Hz, the number of frames of the disappearing animation of the scroll bar is 6 frames, then the second preset brightness change information can be used to indicate scrolling in the disappearing animation of the scroll bar. 6 brightness values of the bar, such as the brightness values obtained by the terminal device every 47ms in the first method above. Correspondingly, the function for implementing the scroll bar may be a discrete function as shown in FIG. 11 . FIG. 11 is a schematic diagram of the brightness change value of the scroll bar. Optionally, in a possible implementation manner, the generation function for modifying the disappearing animation of the scroll bar may be: modifying the total duration of the disappearing animation of the scroll bar, because when the frame rate of drawing the disappearing animation of the scroll bar remains unchanged, The total duration of the disappearing animation of the scroll bar can be reduced, and correspondingly, the number of frames of the disappearing animation of the scroll bar can also be reduced, thereby achieving the purpose of reducing the power consumption of the scroll bar.

It should be understood that, in the same way as the above-mentioned first method, the generation function of the modified disappearance animation and the modified drawing code for the disappearance of the scroll bar can all be preset in the terminal device. The difference between the animation generation function and the drawing code where the scroll bar disappears describes the modification process.

FIG. 12 is a schematic flowchart of another embodiment of a method for displaying a scroll bar according to an embodiment of the present application. As shown in FIG. 12 , the above S402 can be replaced by S602: when the scroll bar on the page is stationary, call the generation function of the disappearing animation of the scroll bar, generate the disappearing animation of the scroll bar, and display the disappearing animation of the scroll bar on the page.

In the above S602, when the terminal device detects that the scroll bar sliding on the page is stationary, the terminal device may call the generation function of the disappearing animation of the scroll bar to generate the disappearing animation of the scroll bar. Because the function for generating the preset disappearing animation of the scroll bar in the terminal device is a function modified by the developer, the number of frames of the generated disappearing animation of the scroll bar is smaller than that of the preset disappearing animation. In this embodiment of the present application, after the terminal device generates the disappearing animation of the scroll bar, it can display the disappearing animation of the scroll bar. That is, the terminal device may generate a disappearing animation of the scroll bar according to the second preset brightness change information. The terminal device may draw an animation frame of the scroll bar corresponding to the brightness value according to the preset number of brightness values indicated by the second preset brightness change information, and then obtain the disappearance animation of the scroll bar.

In the embodiment of the present application, the function for generating the disappearing animation of the scroll bar may be modified in advance, so that the frame rate of the disappearing animation of the scroll bar generated by using the modified function is a preset frame rate, thereby reducing the disappearance of the scroll bar from the source. The number of frames of the animation can reduce the power consumption of the scroll bar.

The above two methods pre-modify the scroll bar disappearing drawing code or the scroll bar disappearing animation generation function, so that the terminal device can call the modified disappearing scroll bar when drawing the scroll bar disappearing animation or generating the scroll bar disappearing animation. The generation function of the disappearing animation of the drawing code or the scroll bar, and the disappearing animation of which the number of frames is less than the frame number of the preset disappearing animation is obtained. In the following two methods, the drawing code for the disappearance of the scroll bar or the generation function of the disappearing animation of the scroll bar can not be modified in advance, and the preset disappearing animation can be processed when the disappearing animation of the moving bar is drawn. The disappearing animation of the number of frames of the preset disappearing animation.

The third way: FIG. 13 is a schematic flowchart of another embodiment of the scroll bar display method provided by the embodiment of the present application. As shown in FIG. 13 , the above S402 can be replaced by S702: when the scroll bar on the page is stationary, and when the first animation frame in the preset disappearing animation of the scroll bar is detected on the page, the preset disappearing animation is extracted. Frame processing, get the disappearing animation of the scroll bar, and display the disappearing animation of the scroll bar on the page.

In the above S702, when the terminal device detects that the scroll bar sliding on the page is stationary, it may start to display the preset disappearing animation according to the system frame rate. In this embodiment of the present application, in order to reduce the power consumption of the scroll bar, the number of frames of the preset disappearing animation may be reduced. Therefore, when the terminal device detects the first frame of animation in the preset disappearing animation of the scroll bar on the page, Set the disappearing animation to perform frame extraction processing, and then obtain the disappearing animation of the scroll bar whose frame number is less than the frame number of the preset disappearing animation.

A preset disappearing animation is stored in the terminal device, so the terminal device can determine each animation frame in the preset disappearing animation. When the terminal device detects that the scroll bar is still, it can compare and analyze the animation frame of the scroll bar displayed on the page and the first animation frame of the preset disappearing animation to determine whether the animation frame of the scroll bar displayed on the page is the first animation frame. Frame animation frames. Wherein, when the terminal device detects that the animation frame of the scroll bar displayed on the page is the first animation frame, it can perform frame extraction processing on the preset disappearing animation.

It should be noted that the difference from the above two methods is that the above two methods directly call the drawing code for the disappearance of the scroll bar or the generation function of the disappearing animation of the scroll bar to obtain the disappearing animation of the scroll bar. In this method, when the terminal device detects the first frame of animation in the preset disappearing animation of the scroll bar on the page, it can modify the frequency of calling eglswapbuffer, such as reducing the frequency of calling eglswapbuffer, so as to realize the automatic disappearance of the preset disappearing animation. Frame extraction. Exemplarily, after the disappearing animation of the scroll bar is drawn at the system frame rate of 60Hz as shown in Figure 2 above, the frequency of calling eglswapbuffer may be related to the system frame rate. For example, the frequency of calling eglswapbuffer may be 60Hz, and "correlation" may refer to calling The frequency of eglswapbuffer can be the same as the system frame rate. In this manner, FIG. 14 is a schematic diagram 3 of an animation displaying a scroll bar on a page according to an embodiment of the present application. As shown in Figure 14, when the terminal device draws the disappearing animation of the scroll bar at the system frame rate of 60 Hz, the terminal device reduces the frequency of calling eglswapbuffer, such as 20 Hz, to reduce the frequency of sending the preset disappearing animation and realize the preset disappearance animation. Frame extraction processing of the disappearing animation to reduce the number of frames of the disappearing animation of the scroll bar displayed by the terminal device.

In this manner, when the terminal device detects that the scroll bar is stationary, and detects the first animation frame in the preset disappearing animation of the scroll bar on the page, the preset disappearing animation is subjected to frame extraction processing. There may be an interval between the scroll bar being still and the first animation frame in the preset disappearing animation displayed on the page. Although the interval is very short, it still causes a delay in displaying the disappearing animation of the scroll bar. Because in the embodiment of the present application, the terminal device can perform frame extraction processing on the preset disappearing animation when detecting that the scroll bar is stationary, thereby avoiding the delay in displaying the disappearing animation of the scroll bar.

In the embodiment of the present application, the preset disappearing animation can be processed by frame extraction to obtain the disappearing animation of the scroll bar whose frame number is less than the frame number of the preset disappearing animation, which can also achieve the purpose of reducing the power consumption of the scroll bar.

FIG. 15 is a schematic structural diagram of a display device for scroll bars according to an embodiment of the present application. The display device of the scroll bar shown in FIG. 15 may be the terminal device in the above-mentioned embodiment, or a chip, processor, etc. Display method. The display device 1500 of the scroll bar may include: a display module 1501 and a processing module 1502 .

The display module 1501 is used to display a sliding animation on the page when the scroll bar on the page slides. The number of frames of the sliding animation is related to the system frame rate. The sliding animation includes the sliding animation of elements on the page, and the elements on the page include scrolling strip.

The display module 1501 is further configured to display the disappearing animation of the scroll bar on the page when the scroll bar on the page is stationary. The frame number of the disappearing animation of the scroll bar is related to a preset frame rate, and the preset frame rate is lower than the system frame rate.

In a possible implementation manner, the processing module 1502 is configured to detect the position of the scroll bar on the page; and if the position does not change within a preset time period, determine that the scroll bar on the page is stationary.

In a possible implementation manner, the processing module 1502 is further configured to use a preset frame rate to draw the disappearing animation of the scroll bar.

In a possible implementation manner, the display module 1501 is specifically configured to display the disappearing animation of the scroll bar and the dynamic elements on the page if there are dynamic elements on the page, and the frame number of the dynamic elements is related to the system frame rate.

In a possible implementation manner, the processing module 1502 is further configured to use a preset frame rate to draw the disappearing animation of the scroll bar, and use the system frame rate to draw dynamic elements.

In a possible implementation manner, the processing module 1502 is specifically configured to use a preset frame rate to draw the disappearance animation of the scroll bar according to the first preset brightness change information and the brightness of the scroll bar when the scroll bar is stationary, and the first preset Let the brightness change information be used to indicate the brightness of the scroll bar in the disappearing animation of the scroll bar.

In a possible implementation manner, the processing module 1502 is further configured to generate a disappearance animation of the scroll bar according to the second preset brightness change information, and the second preset brightness change information is used to indicate the scroll bar in the disappearance animation of the scroll bar The preset number of brightness values, the preset number is equal to the number of frames of the disappearing animation of the scroll bar.

In a possible implementation manner, the processing module 1502 is further configured to perform frame extraction processing on the preset disappearing animation of the scroll bar to obtain the disappearing animation of the scroll bar, and the frame number of the preset disappearing animation is related to the system frame rate.

In a possible implementation manner, the processing module 1502 is further configured to perform frame extraction processing on the preset disappearing animation when the first animation frame in the preset disappearing animation of the scroll bar is detected on the page to obtain the scroll bar The disappearing animation of the bar. The number of frames of the preset disappearing animation is related to the system frame rate.

It should be noted that, it should be understood that the above processing modules may be implemented in the form of software calling through processing elements; and may also be implemented in the form of hardware. For example, the processing module may be a separately established processing element, or may be integrated into a certain chip of the above-mentioned device to be implemented, in addition, it may also be stored in the memory of the above-mentioned device in the form of program code, and a certain processing element of the above-mentioned device Call and execute the function of the above processing module. In addition, all or part of these modules can be integrated together, and can also be implemented independently. The processing element described here may be an integrated circuit with signal processing capability. In the implementation process, each step of the above-mentioned method or each of the above-mentioned modules can be completed by an integrated logic circuit of hardware in the processor element or an instruction in the form of software. For example, the above modules may be one or more integrated circuits configured to implement the above methods, such as: one or more application specific integrated circuits (ASIC), or one or more microprocessors (digital) signal processor, DSP), or, one or more field programmable gate arrays (field programmable gate array, FPGA), etc. For another example, when a certain module above is implemented in the form of a processing element scheduling program code, the processing element may be a general-purpose processor, such as a central processing unit (central processing unit, CPU) or other processors that can call program codes. For another example, these modules can be integrated together and implemented in the form of a system-on-a-chip (SOC).

The terminal device can realize the display function through the GPU, the display screen, and the application processor. The GPU is a microprocessor for image processing, which connects the display screen and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor may include one or more GPUs that execute instructions to generate or change display information. The display module in this embodiment of the present application may be a display screen, and the display screen is used to display images, videos, animations, and the like. The display screen may include 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 or an active-matrix organic light-emitting diode (active-matrix organic light). emitting diode, AMOLED), flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (quantum dot light emitting diodes, QLED) and so on. In some embodiments, the terminal device may include 1 or N display screens, where N is a positive integer greater than 1.

FIG. 16 is a schematic structural diagram of an electronic device provided by an embodiment of the present application. The electronic device is the terminal device shown above. As shown in FIG. 16 , the electronic device 1600 may include: a processor 1601 (eg, a CPU), a memory 1602 and a display 1603 . A display 1603 may be coupled to the processor 1601, and the display 1603 may display an animation of a scroll bar, which may include a sliding animation of the scroll bar and a disappearing animation of the scroll bar. The memory 1602 may include high-speed random-access memory (RAM), and may also include non-volatile memory (non-volatile memory, NVM), such as at least one disk memory, in which various instructions can be stored , used to complete various processing functions and implement the method steps of the present application. Optionally, the electronic device 1600 involved in this application may further include: a power supply 1604 , a communication bus 1605 and a communication port 1606 . The above-mentioned communication port 1606 is used to implement connection and communication between the electronic device and other peripheral devices.

In this embodiment of the present application, the above-mentioned memory 1602 is used to store computer-executable program codes, and the program codes include instructions; when the processor 1601 executes the instructions, the instructions cause the processor 1601 of the electronic device to perform the actions in the foregoing method embodiments, which The implementation principle and technical effect are similar, and are not repeated here. It can be understood that the structure illustrated in this embodiment does not constitute a specific limitation on the electronic device 1600 . In other embodiments of the present application, the electronic device 1600 may include more or less components than shown, or combine some components, or separate some components, or arrange different components.

In the above-mentioned embodiments, it may be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented in software, it can be implemented in whole or in part in the form of a computer program product. A computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the procedures or functions according to the embodiments of the present application are generated in whole or in part. The computer may be a general purpose computer, a special purpose computer, a computer network, or other programmable device. Computer instructions may be stored in or transmitted from one computer-readable storage medium to another computer-readable storage medium, for example, the computer instructions may be transmitted from a website site, computer, server, or data center over a wire (e.g. coaxial cable, fiber optic, digital subscriber line (DSL)) or wireless (eg, infrared, wireless, microwave, etc.) to another website site, computer, server, or data center. A computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device such as a server, a data center, or the like that includes an integration of one or more available media. Useful media may be magnetic media (eg, floppy disks, hard disks, magnetic tapes), optical media (eg, DVD), or semiconductor media (eg, Solid State Disk (SSD)), among others.

The term "plurality" as used herein refers to two or more. The term "and/or" in this article is only an association relationship to describe the associated objects, indicating that there can be three kinds of relationships, for example, A and/or B, it can mean that A exists alone, A and B exist at the same time, and A and B exist independently B these three cases. In addition, the character "/" in this article generally indicates that the related objects before and after are an "or" relationship; in the formula, the character "/" indicates that the related objects are a "division" relationship.

It can be understood that, the various numbers and numbers involved in the embodiments of the present application are only for the convenience of description, and are not used to limit the scope of the embodiments of the present application. It can be understood that, in the embodiments of the present application, the size of the sequence numbers of the above processes does not imply the sequence of execution, and the execution sequence of each process should be determined by its functions and internal logic, rather than the implementation of the present application. The implementation of the examples constitutes no limitation.

Claims

A method for displaying scroll bars, comprising:

When the scroll bar on the page slides, a sliding animation is displayed on the page. The number of frames of the sliding animation is related to the system frame rate. The sliding animation includes the sliding animation of elements on the page. The element includes the scrollbar;

When the scroll bar on the page is stationary, the disappearing animation of the scroll bar is displayed on the page, and the number of frames of the disappearing animation of the scroll bar is related to a preset frame rate, and the preset frame rate is smaller than the preset frame rate. the system frame rate.
The method according to claim 1, wherein the method further comprises:

detecting the position of the scroll bar on the page;

If the position does not change within the preset time period, it is determined that the scroll bar on the page is stationary.
The method according to claim 1 or 2, wherein before displaying the disappearing animation of the scroll bar on the page, the method further comprises:

The disappearing animation of the scroll bar is drawn using the preset frame rate.
The method according to claim 1 or 2, wherein the displaying the disappearing animation of the scroll bar on the page comprises:

If there is a dynamic element on the page, the disappearing animation of the scroll bar and the dynamic element are displayed on the page, and the frame number of the dynamic element is related to the system frame rate.
The method according to claim 4, wherein before displaying the disappearing animation of the scroll bar and the dynamic element on the page, the method further comprises:

The disappearing animation of the scroll bar is drawn using the preset frame rate, and the dynamic element is drawn using the system frame rate.
The method according to claim 3 or 5, wherein the step of using the preset frame rate to draw the disappearing animation of the scroll bar comprises:

According to the first preset brightness change information and the brightness of the scroll bar when the scroll bar is stationary, the disappearance animation of the scroll bar is drawn using the preset frame rate, and the first preset brightness change information is used for Indicates the brightness of the scroll bar during the disappearing animation of the scroll bar.
The method according to claim 6, wherein the first preset brightness change information is a brightness change curve of the scroll bar.
The method according to claim 1 or 2, wherein before displaying the disappearing animation of the scroll bar on the page, the method further comprises:

generating a disappearance animation of the scroll bar according to second preset brightness change information, where the second preset brightness change information is used to indicate a preset number of brightness values of the scroll bar in the disappearance animation of the scroll bar, The preset number is equal to the frame number of the disappearing animation of the scroll bar.
The method according to claim 1 or 2, wherein before displaying the disappearing animation of the scroll bar on the page, the method further comprises:

Perform frame extraction processing on the preset disappearing animation of the scroll bar to obtain the disappearing animation of the scroll bar, and the number of frames of the preset disappearing animation is related to the system frame rate.
The method according to claim 1 or 2, wherein before displaying the disappearing animation of the scroll bar on the page, the method further comprises:

When the first animation frame in the preset disappearing animation of the scroll bar is detected on the page, frame extraction processing is performed on the preset disappearing animation to obtain the disappearing animation of the scroll bar, and the preset disappearing animation is obtained. It is assumed that the frame number of the disappearing animation is related to the system frame rate.
A scroll bar display device, comprising:

A display module, configured to display a sliding animation on the page when the scroll bar on the page slides, the frame number of the sliding animation is related to the system frame rate, and the sliding animation includes the sliding animation of the elements on the page , the element on the page includes the scroll bar;

The display module is further configured to display the disappearing animation of the scroll bar on the page when the scroll bar on the page is stationary, and the frame number of the disappearing animation of the scroll bar is related to a preset frame rate, The preset frame rate is smaller than the system frame rate.
An electronic device, comprising: a memory, a processor and a display;

The processor is configured to be coupled with the memory to read and execute instructions in the memory to implement the method of any one of claims 1-10;

The display is used for displaying pages.
A computer-readable storage medium, characterized in that the computer storage medium stores computer instructions, which, when executed by a computer, cause the computer to execute the method according to any one of claims 1-10 .
A program product, characterized in that the program product comprises a computer program, the computer program is stored in a readable storage medium, and at least one processor of a communication device can read the computer program from the readable storage medium , the at least one processor executing the computer program causes a communication device to implement the method of any one of claims 1-10.