CN112416231B

CN112416231B - Scroll bar display method and device, electronic equipment and readable storage medium

Info

Publication number: CN112416231B
Application number: CN202011125617.8A
Authority: CN
Inventors: 郭晨
Original assignee: Huawei Technologies Co Ltd
Current assignee: Huawei Technologies Co Ltd
Priority date: 2020-10-20
Filing date: 2020-10-20
Publication date: 2022-05-24
Anticipated expiration: 2040-10-20
Also published as: CN112416231A; WO2022083326A1

Abstract

The embodiment of the application provides a display method and device of a scroll bar, electronic equipment and a readable storage medium, wherein the method comprises the following steps: when a scroll bar on a page slides, displaying a sliding animation on the page, wherein the frame number of the sliding animation is related to the system frame rate, the sliding animation comprises the sliding animation of elements on the page, and the elements on the page comprise the scroll bar; when the scroll bar on the page is static, displaying the disappearing animation of the scroll bar on the page, wherein the frame number of the disappearing animation of the scroll bar is related to the preset frame rate, and the preset frame rate is less than the system frame rate. According to the embodiment of the application, the disappearance animation of the scroll bar can be displayed at the preset frame rate, so that the frame number of the disappearance animation of the scroll bar is smaller than that of the disappearance animation of the scroll bar obtained at the system frame rate, the power consumption of the scroll bar can be reduced, and the power consumption of a System On Chip (SOC) of a browsing scene to which the scroll bar belongs can also be reduced.

Description

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

Technical Field

The embodiment of the application relates to a terminal display technology, and in particular relates to a scroll bar display method and device, an electronic device and a readable storage medium.

Background

When the page cannot display all the content, a scroll bar is displayed on the page to represent the position of the content displayed on the page in all the content. When the user slides the page, the scroll bar changes position according to the sliding of the page, and when the sliding page is stationary, the scroll bar is also stationary and gradually disappears.

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 of displaying animation of the scroll bar by the terminal equipment. Illustratively, the terminal device may draw a disappearing animation of the scroll bar at the system frame rate, and display the disappearing animation of the scroll bar when the scroll bar is stationary, and the scroll bar on the page may gradually disappear. At present, the power consumption of drawing the disappearance animation of the scroll bar by the terminal equipment according to the system frame rate is large.

Disclosure of Invention

The embodiment of the application provides a display method and device of a scroll bar, an electronic device and a readable storage medium, which can reduce the power consumption of the scroll bar and the power consumption of a System On Chip (SOC) of a 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, where the method may be applied to a terminal device or a chip in the terminal device, and the following description takes the terminal device as an example. In the scroll bar display method, when a scroll bar on a page slides, a sliding animation is displayed on the page, the frame number of the sliding animation is related to a system frame rate, the sliding animation comprises the sliding animation of elements on the page, and the elements on the page comprise the scroll bar; and when the scroll bar on the page is static, displaying the disappearing animation of the scroll bar on the page, wherein the frame number of the disappearing animation of the scroll bar is related to a preset frame rate, and the preset frame rate is less than the system frame rate. It should be understood that the frame rate is the number of frames displayed per unit time, and "related" means that the number of frames can be calculated by the frame rate. For example, the number of frames of the animation may be calculated by a frame rate, for example, the number of frames in a unit time may be determined according to the frame rate, and then the number of frames of the animation may be obtained according to the duration of the animation and the number of frames in the unit time. The correlation between the frame number of the vanishing animation of the scroll bar and the preset frame rate means that the frame number of the vanishing animation of the scroll bar is obtained through calculation of the preset frame rate, for example, the frame number in unit time can be determined according to the preset frame rate, and then the frame number of the vanishing animation of the scroll bar is obtained according to the duration of the vanishing animation of the scroll bar and the frame number in unit time. Similarly, the correlation between the frame number of the slide animation and the system frame rate means that the frame number of the slide animation is calculated by the system frame rate.

In the current technical scheme, when a scroll bar on a page slides, a sliding animation of the scroll bar can be displayed on the page, and the frame number of the sliding animation of the scroll bar is related to the system frame rate; when the scroll bar on the page is static, displaying a disappearing animation of the scroll bar on the page, wherein the frame number of the disappearing animation of the scroll bar is related to the system frame rate. That is, in the current technical solution, when displaying an animation of a scroll bar on a page, the animation is displayed at a system frame rate, where the animation of the scroll bar includes a sliding animation of the scroll bar and a disappearing animation of the scroll bar. When the disappearance animation of the scroll bar is displayed on the page in the embodiment of the application, the disappearance animation can be displayed at a preset frame rate which is less than the system frame rate, so that the frame number of the disappearance animation of the scroll bar displayed on the terminal equipment is reduced, and the power consumption of the scroll bar and the power consumption of the SOC of the browsing scene to which the scroll bar belongs can be reduced. In other words, in the current technical solution, the terminal device draws the sliding animation and the disappearing animation of the scroll bar with the system frame rate, whereas in the embodiment of the present application, the terminal device draws the sliding animation with the system frame rate, but draws the disappearing animation of the scroll bar with the preset frame rate, which is lower than the system frame rate.

In the technical scheme of the 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 static. In a possible implementation manner, the terminal device may detect the position of the scroll bar on the page to determine whether the scroll bar on the page is stationary. And if the position is not changed within the preset time length, determining that the scroll bar on the page is static. And if the position is changed within the preset time length, determining that the scroll bar on the page is not static and the scroll bar slides. In the embodiment of the application, when the terminal device detects that the scroll bar on the page slides, the sliding animation of the scroll bar can be drawn at the system frame rate, and then the sliding animation of the scroll bar is displayed on the page. When the terminal device detects that the scroll bar on the page is static, the disappearance animation of the scroll bar can be drawn at a preset frame rate, and then the disappearance animation of the scroll bar is displayed on the page. The number of frames of the vanishing animation of the scroll bar is smaller than the number of frames of the vanishing animation of the scroll bar drawn at the system frame rate at present.

In one embodiment, when the scroll bar on the page is still, a dynamic element is also present on the page, and the dynamic element does not include the scroll bar if a moving picture or video, etc. The terminal device may display the dynamic element and the disappearance animation of the scroll bar on the page, and the frame number of the dynamic element is related to the system frame rate. Wherein, the correlation between the frame number of the dynamic element and the system frame rate means that: and the terminal equipment 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 the embodiment of the application, in order to enable a user to see a continuous and smooth dynamic element on a page, the dynamic element may be drawn at a system frame rate, and in order to reduce power consumption of a scroll bar, a disappearance animation of the scroll bar may be drawn at a preset frame rate. It should be understood that the process of drawing the dynamic element by the terminal device at the system frame rate is similar to the process of drawing the vanishing animation of the scroll bar by the terminal device at the preset frame rate, and the process of drawing the vanishing animation of the scroll bar by the terminal device at the preset frame rate is described below.

In a possible implementation manner, the manner in which the terminal device draws the disappearing animation of the scroll bar with the preset frame rate may be: the terminal device may call a drawing code of the vanishing animation of the scroll bar, and draw the vanishing animation of the scroll bar at a preset frame rate. It should be understood that first preset brightness change information indicating the brightness of the scroll bar in the disappearance animation of the scroll bar may be stored in the terminal device. Illustratively, the first preset brightness variation information is a brightness variation curve of the scroll bar. And calling a process of drawing a code of the disappearing animation of the scroll bar by the terminal equipment, namely drawing the disappearing animation of the scroll bar by adopting the preset frame rate according to first preset brightness change information and the brightness of the scroll bar when the scroll bar is static. When the scroll bar on the page is static, the terminal device can obtain the brightness of the scroll bar, further obtain the brightness value of the scroll bar in the first preset brightness change information according to the preset frame rate, further obtain an animation frame of the scroll bar according to the brightness value of the scroll bar, and further draw and obtain the disappearance animation of the scroll bar.

In this way, the frame rate of the vanishing animation for rendering the scroll bar can be modified by modifying the rendering code of the vanishing animation for the scroll bar in advance, so that the purpose of reducing the number of frames of the vanishing animation for the scroll bar can be achieved, the rendering speed is high, and the vanishing animation for the scroll bar displayed on the page has no time delay.

In a possible implementation manner, second preset brightness change information may be stored in the terminal device, where the second preset brightness change 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 number of frames of the disappearance 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, the terminal device may generate the disappearing animation of the scroll bar according to second preset luminance change information. The terminal device may generate an animation frame of the corresponding scroll bar according to the luminance value of the scroll bar indicated by the second preset luminance change information, thereby obtaining a disappearing animation of the scroll bar. In this way, the frame rate of the vanishing animation that draws the scroll bar can be modified by modifying the generation function of the vanishing animation of the scroll bar in advance, so that the purpose of reducing the number of frames of the vanishing animation of the scroll bar can be achieved, and the vanishing animation of the scroll bar displayed on the page has no time delay.

In a possible implementation manner, the terminal device detects that the scroll bar on the page is still, and may display a first animation frame of a preset disappearance animation of the scroll bar on the page. When the terminal device detects a first frame animation frame in the preset disappearance animation of the scroll bar on the page, the frame extraction processing can be performed on the preset disappearance animation to obtain the disappearance animation of the scroll bar. Optionally, the terminal device may pre-store a preset frame rate, and then may determine the number of frames of the vanishing animation of the scroll bar, perform frame extraction processing on the preset vanishing animation, and then obtain the vanishing animation of the scroll bar with the number of frames corresponding to the preset frame rate. Optionally, in order to reduce a time delay problem caused by that the terminal device detects a first frame animation frame in the preset disappearing animation and performs frame extraction on the preset disappearing animation, in this implementation, the terminal device may perform frame extraction on the preset disappearing animation of the scroll bar when detecting that the scroll bar on the page is still, and may obtain the disappearing animation of the scroll bar. It should be understood that the frame number of the preset disappearing animation is related to the system frame rate, which means that: and the terminal equipment draws the preset disappearance animation at the system frame rate, wherein the frame number of the preset disappearance animation is obtained by calculating the system frame rate.

In a second aspect, an embodiment of the present application provides a display apparatus of a scroll bar, where the display apparatus of the scroll bar is as described in the terminal device or the chip in the terminal device of the first aspect, and the display apparatus of the scroll bar includes:

the display module is used for displaying a sliding animation on a page when a scroll bar on the page slides, wherein the frame number of the sliding animation is related to the system frame rate, the sliding animation comprises the sliding animation of elements on the page, and the elements on the page comprise the scroll bar.

And the display module is further used for displaying the disappearance animation of the scroll bar on the page when the scroll bar on the page is static, wherein the frame number of the disappearance animation of the scroll bar is related to the preset frame rate, and the preset frame rate is less than the system frame rate.

In one possible implementation manner, the processing module is configured to detect a position of the scroll bar on the page; and if the position is unchanged within the preset time length, determining that the scroll bar on the page is static.

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

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

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

And displaying the sliding animation of the scroll bar on the page, wherein 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 a disappearing animation of the scroll bar on the page when the scroll bar on the page is static, wherein the frame number of the disappearing animation of the scroll bar is related to a 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 a position of the scroll bar on the page; and if the position is not changed within the preset time length, determining that the scroll bar on the page is static.

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

In a possible implementation manner, the processing module is specifically configured to draw a disappearing animation of the scroll bar by using the preset frame rate according to first preset luminance change information and luminance of the scroll bar when the scroll bar is static, where the first preset luminance change information is used to indicate the luminance 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 a preset number of brightness values of the scroll bar in the disappearing animation of the scroll bar, and the preset number is equal to a 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 disappearance animation of the scroll bar to obtain the disappearance animation of the scroll bar, where a frame number of the preset disappearance animation is related to the system frame rate.

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

The display device of the scroll bar provided in the embodiment of the present application may execute the actions of the terminal device in the foregoing method embodiments, and the implementation principle and the technical effect are similar, which are not described herein again.

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

the memory is for storing computer executable program code, the program code comprising instructions; when executed by a processor, the instructions cause the electronic device to perform a method as provided by the first aspect or each possible implementation of the first aspect.

In a fourth aspect, an embodiment of the present application provides a display apparatus of a scrollbar, including a unit, a module, or a circuit for performing the method provided in the first aspect or each possible implementation manner of the first aspect. The display device of the scroll bar may be an object to be positioned, or may be 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 executed on a computer, cause the computer to perform the method of the first aspect or the various possible implementations of the first aspect.

The embodiment of the application provides a display method and device of a scroll bar, an electronic device and a readable storage medium, wherein the method comprises the steps of displaying a slide animation on a page when the scroll bar on the page slides, wherein the frame number of the slide animation is related to the system frame rate, the slide animation comprises the slide animation of an element on the page, and the element on the page comprises the scroll bar; when the scroll bar on the page is static, displaying the disappearing animation of the scroll bar on the page, wherein the frame number of the disappearing animation of the scroll bar is related to the preset frame rate, and the preset frame rate is less than the system frame rate. According to the embodiment of the application, the disappearance animation of the scroll bar can be displayed at the preset frame rate, so that the frame number of the disappearance animation of the scroll bar is smaller than that of the disappearance animation of the scroll bar obtained at the system frame rate, the power consumption of the scroll bar can be reduced, and the power consumption of a System On Chip (SOC) of a browsing scene to which the scroll bar belongs can also be reduced.

Drawings

FIG. 1 is a schematic illustration of a display of a scrollbar;

FIG. 2 is a diagram illustrating an animation showing a scrollbar on a current page;

FIG. 3 is a diagram illustrating a change of a scroll bar when a disappearance animation of the scroll bar is displayed at a system frame rate;

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

FIG. 5 is a first diagram illustrating an animation of a scroll bar displayed on a page according to an embodiment of the present application;

FIG. 6 is a schematic diagram illustrating a change of a scroll bar when a disappearance animation of the scroll bar is displayed at a preset frame rate;

FIG. 7 is a diagram illustrating a second example of an animation showing a scroll bar on a page according to an embodiment of the present application;

FIG. 8 is a code diagram illustrating a disappearing animation of a scroll bar at a system frame rate;

fig. 9 is a schematic flowchart of another embodiment of a display method of a scroll bar according to an embodiment of the present application;

FIG. 10 is a graph illustrating a luminance variation of a scroll bar;

FIG. 11 is a diagram illustrating a brightness variation value of a scroll bar;

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;

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

FIG. 14 is a third schematic diagram illustrating an animation of a scroll bar displayed on a page according to an embodiment of the present application;

Fig. 15 is a schematic structural diagram of a display device of a scroll bar according to an embodiment of the present application;

fig. 16 is a schematic structural diagram of an electronic device according to an embodiment of the present application.

Detailed Description

Fig. 1 is a schematic display diagram of a scroll bar. As shown in FIG. 1, the interface 101 displays a page that includes a scroll bar, which may be located on the right side of the page. The position of the scroll bar changes as the position of the content presented by the page changes in all content, as shown in interface 102, when the user slides the page, the position of the scroll bar changes from the position in interface 101 to the position in interface 102. When the sliding page is stationary, the scroll bar is also stationary and the scroll bar fades away, as shown in interface 103. And after the scroll bar disappears, the scroll bar can be displayed again until the user operates the page again. Illustratively, as shown in interface 104, when the user's finger touches the page, the scroll bar is redisplayed, with the scroll bar being displayed in the position shown in interface 102. In the embodiment of the present application, the scroll bar in the interface 102 is stationary, where the time for the interface 102 to transition to the interface 103 is 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 taken as a mobile phone in fig. 1 for illustration.

Developers find that the power consumption cost of the scroll bar is large by comparing the power consumption costs of the application program with the scroll bar and the application program without the scroll bar in the terminal equipment. As shown in the following table, the power consumption overhead of the scroll bar in the application program with the scroll bar accounts for more than 20% of the system on a chip (SOC) power consumption overhead of the whole chip, and therefore, it is necessary to reduce the power consumption overhead of the scroll bar.

Watch 1

Scene	SOC Power consumption (mA)
		Web browsing (with scroll bar)	81.03
Web browsing (without scroll bar)	59.43

The terminal device typically performs two scroll bar renderings each time the user slides the page once, the power consumption overhead of the scroll bar being consumed in the two scroll bar renderings. It should be understood that the drawing of the two-time scroll bar may be performed by a Graphics Processing Unit (GPU) in the terminal device. The user sliding the page once refers to: and the page is still for one time after sliding, wherein the GPU executes the drawing of the first scroll bar in the process that the page slides along with the operation of the user, and executes the drawing of the second scroll bar when the sliding page is still and the scroll bar is still. Wherein, the GPU executing the drawing of the first scroll bar means: and the GPU acquires the sliding animation of the scroll bar so that the terminal equipment displays the sliding animation of the scroll bar on the page. It should be appreciated that because other elements may also be included on the page, the GPU may draw a sliding animation of other elements on the page when performing the first drawing of the scrollbar. The GPU performs drawing of the scroll bar for the second time, namely: and the GPU acquires the drawing of the disappearance animation of the scroll bar so as to enable the terminal equipment to display the disappearance animation of the scroll bar on the page. It should be understood that the drawing frame rate of the animation of the drawing scroll bar of the GPU (sliding animation or fading animation) may be the same as the display frame rate of the animation of the display scroll bar of the terminal device, that is, what frame rate the animation of the drawing scroll bar of the GPU is, at what frame rate the animation of the scroll bar is displayed.

During the process that the GPU performs the first drawing of the scroll bar, when the scroll bar appears and the position of the scroll bar changes, the whole page slides, and other elements (such as text, pictures and the like in fig. 1) in the page also need to be drawn synchronously. Illustratively, the GPU calls rendering code, UI display code, etc. to scroll bars, and draw other elements in the page. Therefore, when the GPU performs the drawing of the scroll bar for the first time, the power consumption for the GPU to call the rendering code, the UI display code, and the like is allocated in the drawing of other elements in the page and the drawing of the scroll bar, and the drawing of the scroll bar occupies a part of the power consumption for the GPU to call the code. In the process of the GPU performing the second drawing of the scroll bar, other elements in the page are static except for the scroll bar, and the drawing of the scroll bar also requires the GPU to call rendering codes, UI display codes, and the like, so that power consumption for the GPU to call the codes is all brought by the drawing of the scroll bar. On the premise that the power consumption for calling the rendering code, the UI display code and the like by the GPU is the same, the fact that the power consumption cost of the scroll bar is mainly caused by the fact that the GPU executes the drawing of the scroll bar for the second time is determined by comparing the drawing of the scroll bar for two times, namely the action that the terminal equipment obtains the disappearance animation of the scroll bar.

It should be appreciated that the first time the GPU performs the drawing of the scroll bar, a sliding animation of the scroll bar may be obtained. The sliding animation of the scroll bar can comprise a plurality of animation frames, and the number of the animation frames is related to the system frame rate. If the system frame rate is 60Hz, the slide animation of the scroll bar may include 17 animation frames, and accordingly, the terminal device may display the 17 animation frames, and the user may see that the scroll bar slides on the page through the 17 animation frames. Similarly, when the GPU performs the drawing of the second scroll bar, the vanishing animation of the scroll bar may be obtained, where the vanishing animation of the scroll bar may include multiple animation frames, and the number of the animation frames is related to the system frame rate. If the system frame rate is 60Hz, the disappearance animation of the scroll bar may include 17 animation frames, and accordingly, the terminal device may display the 17 animation frames, and the user may see the disappearance of the scroll bar on the page through the 17 animation frames (because the time is short, the user does not perceive it).

FIG. 2 is a diagram illustrating animation of a scroll bar displayed on a current page. The animation process of drawing a scroll bar is illustrated in fig. 2, taking the system frame rate as 60Hz as an example. When the scroll bar on the page slides, the GPU draws a sliding animation of the scroll bar at a system frame rate of 60Hz, and invokes eglswapbuffer display (that is, sends the sliding animation of the scroll bar to a display card in the terminal device for display), so that the sliding animation of the scroll bar is displayed on the page of the terminal device, and the current display frame rate and the drawing frame rate (the frame rate for drawing the scroll bar) are the same and are both 60Hz, so that the sliding animation of the scroll bar can be displayed on the page of the terminal device at 60Hz, for example, 17 frames of animation frames are displayed. Similarly, when the scroll bar on the page is static, the GPU draws the disappearance animation of the scroll bar at the system frame rate of 60Hz, and calls eglswapbuffer to send and display, so as to display the disappearance animation of the scroll bar on the page of the terminal device, for example, the sliding animation of the scroll bar at 60Hz on the page of the terminal device, that is, 17 frames of animation frames are displayed. It should be understood that eglswapbuffer is a function that is called when animation drawn by the GPU is rendered, and that animation drawn by the GPU may include animation of a scrollbar drawn by the GPU, as well as animation of other elements on a page drawn by the GPU.

Fig. 3 is a diagram showing changes in a scroll bar when a disappearance animation of the scroll bar is displayed at the system frame rate. For example, as shown in fig. 3, when the terminal device displays a disappearance 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 illustrates an example of displaying a disappearance animation of the scroll bar at a system frame rate of 60Hz, in which the terminal device displays 17 animation frames to display a disappearance animation of the scroll bar. It is conceivable that the scroll bar may also disappear in a sudden change manner, for example, the first 10 frames of animation frames are animation frames with the scroll bar, and the last 7 frames of animation frames are animation frames without the scroll bar, and the embodiment of the present application does not limit the way in which the scroll bar disappears. The main purpose of fig. 3 is to solve the problem that the current GPU draws the disappearing animation of the scroll bar at the system frame rate, which results in a large number of frames of the disappearing animation.

It should be understood that the system frame rate may also be referred to as a refresh frame rate of the terminal device, and for the user, the higher the system frame rate, the more coherent the picture the user sees, and the better the user experience. For example, the system frame rate of the terminal device is 30Hz, when a user slides a page, the page is presented inconsecutively, and the user experience is poor, so the system frame rate of the terminal device is high at present, and is usually higher than 60 Hz. When the GPU executes the drawing of the scroll bar for the second time, the GPU draws the disappearance animation of the scroll bar at the system frame rate, and correspondingly, the terminal equipment displays the disappearance animation of the scroll bar at the system frame rate. Currently, considering user experience, the duration of the disappearance animation of the scroll bar is fixed to about 280ms, and when the GPU draws the disappearance animation of the scroll bar at the system frame rate of 60Hz, the number of frames of the disappearance animation displayed by the terminal device is about 17 frames. When the GPU draws the disappearance animation of the scroll bar at the system frame rate of 90Hz, the frame number of the disappearance animation displayed by the terminal equipment is about 25 frames. When the GPU draws the disappearance animation of the scroll bar at the system frame rate of 120Hz, the number of frames of the disappearance animation displayed by the terminal equipment is about 34 frames. That is, the higher the system frame rate is, the more the number of frames for drawing the vanishing animation of the scroll bar by the GPU is, the higher the power consumption of the GPU for performing the second drawing is, and the larger the power consumption overhead of the scroll bar is caused.

Since the power consumption overhead of the scroll bar is mainly caused by the GPU performing the drawing of the second scroll bar, the power consumption of the GPU performing the drawing of the second scroll bar can be reduced in the embodiment of the present application, and because the power consumption of the GPU performing the drawing of the second scroll bar is caused by the excessive number of frames of the vanishing animation, therefore, in order to reduce the power consumption overhead of the scroll bar in the embodiment of the present application, a display method of the scroll bar is provided, the number of frames that the GPU performs the dissolve animation of the second scrollbar may be reduced, to reduce the power consumption of the GPU to perform the drawing of the second scrollbar, namely, the frame number of the disappearance animation of the scroll bar displayed by the terminal equipment is reduced, so that the power consumption expense of the scroll bar is reduced, since the number of frames of the disappearance animation of the scroll bar is related to the frame rate at which the disappearance animation of the scroll bar is drawn, the power consumption overhead of the scroll bar may be reduced by reducing the frame rate at which the disappearance animation of the scroll bar is obtained in the embodiment of the present application.

It should be understood that an execution subject of the display method for executing the scroll bar 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, a terminal device is taken as an example for illustration. It should be understood that the terminal device in the embodiment of the present application may be referred to as a User Equipment (UE), a mobile terminal (mobile terminal), a terminal (terminal), and the like. The terminal device may be a Personal Digital Assistant (PDA), a handheld device having a wireless communication function, a computing device, a vehicle-mounted device, or a wearable device, a Virtual Reality (VR) terminal device, an Augmented Reality (AR) terminal device, a wireless terminal in industrial control (industrial control), a wireless terminal in self driving (self driving), a wireless terminal in remote medical (remote medical), a wireless terminal in smart grid (smart grid), a wireless terminal in transportation safety, a wireless terminal in city (smart city), a wireless terminal in smart home (smart home), or the like. The form of the terminal device is not particularly limited in the embodiment 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 applied to a vertical scroll bar, a horizontal scroll bar, or a scroll bar displayed in an inclined manner on the page, and the form of the scroll bar in the embodiment of the present application is not limited.

The following describes in detail a display method of a scroll bar provided in an embodiment of the present application with reference to specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Fig. 4 is a flowchart illustrating an embodiment of a method for displaying a scroll bar according to an embodiment of the present application. As shown in fig. 4, a method for displaying a scroll bar provided in an embodiment of the present application may include:

s401, when the scroll bar on the page slides, displaying a sliding animation on the page, wherein the frame number of the sliding animation is related to the system frame rate, the sliding animation comprises the sliding animation of the elements on the page, and the elements on the page comprise the scroll bar.

S402, when the scroll bar on the page is static, displaying the disappearing animation of the scroll bar on the page, wherein the frame number of the disappearing animation of the scroll bar is related to a preset frame rate, and the preset frame rate is less than the system frame rate.

In S401, each time the user slides the page, the page displays two animations of the scroll bar. Wherein when an element on a page slides, a scroll bar on the page also slides, and at this time, a slide animation may be displayed on the page, it should be understood that a slide animation includes a slide animation of an element on a page, and an element on a page may include a scroll bar. For example, when a text element and a scroll bar are included on a page and the page slides (when the scroll bar slides on the page), a slide animation of the text and a slide animation of the scroll bar may be displayed on the page. Wherein the scroll bar sliding animation may include an animation of a scroll bar position change, or may also include an animation of a scroll bar size and position change. It should be understood that in the embodiment of the present application, the terminal device may detect a sliding or a still of the scroll bar on the page, and determine an animation for displaying the scroll bar on the page. For example, the terminal device may detect whether the scroll bar is stationary on the page, and if the scroll bar is not stationary (sliding), display a sliding animation of the scroll bar on the page, and if the scroll bar is stationary on the page, display a disappearing animation of the scroll bar on the page.

One way for the terminal device to detect whether the scroll bar sliding on the page is stationary is as follows: since the scroll bar is stationary when the page is stationary, in the embodiment of the present application, it may be determined whether the scroll bar is stationary by detecting whether the page is stationary. Detecting whether a page is stationary may determine whether a page is stationary by detecting the position of an element on the page. If the position of a certain element on the page is unchanged within the preset duration, the page can be determined to be static, otherwise, the page is not static. If the page is detected to be still, it can be determined that the sliding scroll bar is still, and if the page is not still, it can be determined that the sliding scroll bar is not still. It should be understood that the elements on the page detected by the terminal device during the page sliding may be different.

Although the above method can detect whether the sliding scroll bar is stationary, it is necessary to detect whether the page is stationary, that is, to detect whether the scroll bar is stationary in an indirect manner, which is inefficient. According to the embodiment of the application, whether the scroll bar is static or not can be detected in a mode of detecting the position of the scroll bar, and the detection efficiency can be improved. Another way for the terminal device to detect whether the scroll bar sliding on the page is stationary is: during page sliding, the length and position of the scroll bar are adaptively changed as the position of the content in the page in all the content is changed. In the embodiment of the application, the terminal device can detect and update the position of the scroll bar and the size of the scroll bar in the sliding process in real time. The terminal device may determine whether the scroll bar is stationary by inquiring the position of the scroll bar recorded in real time. If the position of the scroll bar is not changed within the preset time, it can be determined that the scroll bar sliding on the page is still, and if the position of the scroll bar is changed within the preset time, it can be determined that the scroll bar sliding on the page is not still.

It should be noted that the number of frames of the slide animation in the embodiment of the present application is related to the system frame rate. That is to say, in the 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 first diagram illustrating an animation showing a scroll bar on a page according to an embodiment of the present application. In fig. 5, the system frame rate is taken as an example to draw the sliding animation of the scroll bar, and as with fig. 2, if the system frame rate is 60Hz, the terminal device draws the sliding animation of the scroll bar at the system frame rate of 60Hz, and invokes eglswapbuffer feed to display animation frames of the sliding animation of 17 frames of the scroll bar on the page of the terminal device. It should be understood that the frame rate is the number of frames displayed per unit time, and "related" means that the number of frames can be calculated at the frame rate. For example, on the premise that the duration is fixed, the number of frames in a unit time (e.g., 1s) can be obtained according to the frame rate, and the number of frames of the animation can be obtained according to the duration and the number of frames in the unit time. The correlation of the frame number of the slide animation and the system frame rate means that: the frame number of the sliding animation is calculated through the system frame rate. For example, the terminal device may determine the number of frames in a unit time according to the system frame rate, and further obtain the number of frames of the slide animation according to the duration of the slide animation and the number of frames in the unit time.

In the above S402, when the scroll bar sliding on the page is stationary, the terminal device may obtain the disappearance animation of the scroll bar to display the disappearance animation of the scroll bar on the page, so that the user may see that the scroll bar disappears on the page. Different from the current technical scheme, in the current technical scheme, the terminal device draws the disappearance animation of the scroll bar at the system frame rate, and the frame number of the disappearance animation of the scroll bar is related to the system frame rate, so that the frame number of the disappearance animation of the scroll bar is too many, and further, the power consumption of the scroll bar is large. In the embodiment of the application, the number of frames of the disappearing animation of the scroll bar, which is acquired by the terminal device, is related to a preset frame rate, wherein the preset frame rate is smaller than a system frame rate. That is to say, the number of frames of the vanishing animation of the scroll bar in the embodiment of the present application is smaller than the number of frames of the vanishing animation of the scroll bar drawn at the system frame rate, so that the power consumption of the terminal device for acquiring the vanishing animation of the scroll bar can be reduced, and the power consumption of the scroll bar can be reduced. Optionally, because the frame number of the disappearance animation of the scroll bar is related to the frame rate at which the disappearance animation of the scroll bar is drawn, in the embodiment of the present application, the power consumption overhead of the scroll bar may be reduced by reducing the frame rate at which the disappearance animation of the scroll bar is obtained. If the preset frame rate is 20Hz, when the scroll bar on the page is static, as shown in fig. 5, the terminal device may draw the disappearance animation of the scroll bar at the preset frame rate of 20Hz, and call eglswapbuffer for display, so that the disappearance animation of the scroll bar is displayed on the page of the terminal device, that is, 6 frames of animation frames are displayed. Fig. 6 is a schematic diagram illustrating a change of a scroll bar when a disappearance animation of the scroll bar is displayed at a preset frame rate. For example, as shown in fig. 6, when the terminal device displays a disappearance animation of the scroll bar, the transparency of the scroll bar may gradually become smaller until the transparency becomes 0 and the scroll bar disappears. Fig. 6 illustrates an example of displaying a disappearing animation of the scroll bar at a preset frame rate of 20Hz, where the terminal device displays 6 frames of animation frames, that is, the disappearing animation of the scroll bar can be displayed. Since the duration of the vanishing animation of the scroll bar is short, for example, 280ms, the user does not perceive the frame number of the vanishing animation of the scroll bar, and the vanishing animation of the scroll bar is simple, and the difference between animation frames in the vanishing animation is small, the user experience is not affected by reducing the frame number of the vanishing animation of the scroll bar in the embodiment of the present application. 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 the sliding animation of the scroll bar.

The above embodiments have described that when the scroll bar is stationary and other elements on the page are also stationary, a 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 scrollbar. In such an embodiment, a page may display a dynamic element and a disappearing animation of the scroll bar, the number of frames of the dynamic element being related to the system frame rate. Wherein, the correlation between the frame number of the dynamic element and the system frame rate means that: and the terminal equipment 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 the embodiment of the application, in order to enable a user to see a continuous and smooth dynamic element on a page, the dynamic element may be drawn at a system frame rate, and in order to reduce power consumption of a scroll bar, a disappearance animation of the scroll bar may be drawn at a preset frame rate. It should be understood that the process of drawing the dynamic element by the terminal device at the system frame rate is similar to the process of drawing the vanishing animation of the scroll bar by the terminal device at the preset frame rate, and the process of drawing the vanishing animation of the scroll bar by the terminal device at the preset frame rate is described below.

Illustratively, if there is a video on the page, when the scroll bar on the page is still, the terminal device may draw the disappearance animation of the scroll bar at 20Hz, draw the video at 60Hz, and call eglswapbuffer to show the disappearance animation and the video showing of the scroll bar, thereby causing the 6 frames of animation frames in the disappearance animation of the scroll bar and the 17 frames of video frames in the video to be displayed on the page of the terminal device. Similarly, the number of frames of the slide animation is related to the system frame rate, and the number of frames of the vanishing animation of the scroll bar is related to the preset frame rate, namely: the frame number of the disappearing animation of the scroll bar is calculated through a preset frame rate. For example, the terminal device may determine the number of frames in a unit time according to a preset frame rate, and further obtain the number of frames of the disappearance animation of the scroll bar according to the duration of the disappearance animation of the scroll bar and the number of frames in the unit time.

The display method of the scroll bar provided in the embodiment of the present application includes: when a scroll bar on a page slides, displaying a sliding animation on the page, wherein the frame number of the sliding animation is related to the system frame rate, the sliding animation comprises the sliding animation of elements on the page, and the elements on the page comprise the scroll bar; when the scroll bar on the page is static, displaying the disappearing animation of the scroll bar on the page, wherein the frame number of the disappearing animation of the scroll bar is related to the preset frame rate, and the preset frame rate is less than the system frame rate. The frame number of the disappearing animation of the scroll bar, which is acquired by the embodiment of the application, is smaller than the frame number of the disappearing animation of the scroll bar, which is acquired at the system frame rate, so that the power consumption of the terminal equipment for displaying the disappearing animation of the scroll bar can be reduced, the power consumption of the scroll bar can be further reduced, and the power consumption of a system on chip of a browsing scene to which the scroll bar belongs is reduced.

The following embodiments describe in detail the process of the terminal device acquiring the disappearance animation of the scroll bar in the above embodiments, and exemplarily describe by 4 possible implementations.

The first mode is as follows: before explaining the process of acquiring the disappearance animation of the scroll bar by the terminal device in detail, first, the process of displaying the scroll bar, changing the position of the scroll bar, and disappearing the scroll bar by the terminal device in the current technical scheme is briefly introduced. FIG. 7 is a second diagram illustrating an animation of a scroll bar displayed on a page according to an embodiment of the present application. Fig. 7 illustrates an application a as an example, where a page of the application a is a page including a scroll bar, and the terminal device may store control logic codes of the application a. When a user slides a page, a scroll bar on the page slides, the terminal device can call a control logic code (such as a code for controlling the change of the position of the scroll bar) of the application program a to draw a sliding animation of the scroll bar, and the sliding animation of the scroll bar is sent to be displayed on the page. When the page is static, the scroll bar is static, the terminal equipment can cache the position and the size of the scroll bar at the moment, call the common drawing code for the disappearance of the scroll bar in the terminal equipment and draw the disappearance animation of the scroll bar, and after the disappearance animation drawing of the scroll bar is finished, the terminal equipment can display the disappearance animation of the scroll bar to be displayed on the page. The common drawing code for the disappearance of the scroll bar can be preset in the terminal device, and the application program on the terminal device needs to call the common drawing code when drawing the disappearance animation of the scroll bar.

It should be noted that, in the current technical solution, the frame rate of the disappearance animation of the scroll bar indicated in the drawing code in which the scroll bar disappears is the system frame rate, that is, when the terminal device draws the disappearance animation of the scroll bar by calling the drawing code in which the scroll bar disappears, the disappearance animation of the scroll bar is drawn at the system frame rate. In the embodiment of the application, the frame rate indicated by the drawing code with the disappearing scroll bar can be modified to be the preset frame rate in advance, so that the terminal equipment draws the disappearing animation of the scroll bar at the preset frame rate when calling the drawing code with the disappearing scroll bar, and the frame number of the disappearing animation of the scroll bar is reduced, so that the power consumption of the scroll bar is reduced. Because the drawing code with the disappeared scroll bar is modified in the embodiment of the application, the display of other elements in the page is not affected.

The process of modifying the drawing code for which the scroll bar disappears is described first. FIG. 8 is a code diagram illustrating a disappearing animation of a scroll bar at a system frame rate. As shown in fig. 8, in the interface control Activity stack to which the drawing code of the scroll bar disappearance belongs, a function for implementing the scroll bar (scrollbars) under the list view (list view) is found, and the corresponding code for drawing the disappearance animation of the scroll bar (i.e., the drawing code of the scroll bar disappearance) is found under the function and is modified. In this embodiment, the function for implementing the scroll bar is not adjusted, that is, the preset vanishing animation of the scroll bar is adopted. The frame number of the preset disappearance animation of the scroll bar is related to the system frame rate, that is, the preset disappearance animation of the scroll bar is previously drawn at the system frame rate and stored in the terminal device. Wherein, the correlation between the frame number of the preset disappearing animation of the scroll bar and the system frame rate means that: and the frame number 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 with the disappeared scroll bar shown in a in fig. 8 is the system frame rate, and in the embodiment of the present application, the frame rate indicated by the drawing code with the disappeared scroll bar may be modified to the preset frame rate, as shown in b in fig. 8. That is, the drawing code in which the modified scroll bar disappears is applied in the embodiment of the present application.

Fig. 9 is a schematic flowchart of another embodiment of a display method of a scroll bar according to an embodiment of the present application. As shown in fig. 9, S402 may be replaced with S502: when the scroll bar on the page is static, calling a drawing code for disappearing the scroll bar, drawing disappearing animation of the scroll bar, and displaying the disappearing animation of the scroll bar on the page.

In the above S502, when the scroll bar is still, the terminal device may call a common drawing code for disappearing the scroll bar stored in the terminal device, and draw a disappearing animation of the scroll bar. Wherein the drawing code is used for indicating a preset frame rate. The function of implementing the scroll bar shown in fig. 8 may be used to characterize first preset luminance change information indicating the luminance of the scroll bar in the disappearance animation of the scroll bar. In the embodiment of the application, a process of drawing the disappearance animation of the scroll bar by calling the drawing code of the disappearance of the scroll bar is a 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 may be used to indicate the continuously changing brightness of the scroll bar, for example, the first preset brightness change information is a 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 application, when the scroll bar on the page is static, the terminal device can cache the position and the size of the scroll bar and also can cache the brightness of the scroll bar, and then the terminal device adopts the preset frame rate to draw the disappearing 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 static. For example, if the preset frame rate is 20Hz, the terminal device needs to draw 6 frames of animation frames, and the terminal device may obtain the brightness of the scroll bar at an interval of about 47ms in a brightness change curve of the scroll bar, and then draw the animation frame of the corresponding scroll bar according to the obtained brightness, so as to obtain the disappearance animation of the scroll bar with continuously reduced brightness.

The following explains a manner in which the drawing code indicates the preset frame rate. In one possible implementation, the drawing code includes a time interval between adjacent two animation frames in a vanishing animation of the scrollbar. If the time interval between two adjacent animation frames is 50ms, the vanishing animation of the scroll bar may include 6 animation frames on the premise that the duration of the vanishing animation of the scroll bar is 280 ms. In this manner, during the modification process of the drawing code in fig. 8, the developer may modify the delay parameter (i.e., the time interval between two adjacent animation frames) in the drawing code, so that the modified time interval between two adjacent animation frames is 50 ms. Correspondingly, calling a drawing code of the disappearance of the scroll bar at the terminal equipment, wherein the time interval between two adjacent animation frames in the obtained disappearance animation of the scroll bar is 50ms, the disappearance animation of the scroll bar comprises 6 animation frames, that is, the terminal equipment draws the disappearance animation of the scroll bar according to the preset frame rate, and the disappearance 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 for representing a multiple relation between a preset frame rate and a system frame rate. If the system frame rate is 60Hz, the multiple parameter included in the drawing code is 3, because the preset frame rate in the embodiment of the present application is smaller than the system frame rate, it can be determined that the system frame rate is 3 times of the preset frame rate according to the multiple parameter being 3, and the preset frame rate is 20 Hz. In this manner, during the modification process of the drawing code in fig. 8, the developer may modify the multiple parameter in the drawing code, so that the modified multiple parameter is 3. Correspondingly, calling a drawing code for drawing the disappearance of the scroll bar at the terminal equipment, wherein the frame rate for drawing the disappearance animation of the scroll bar is a preset frame rate of 20Hz, and the obtained disappearance animation of the scroll bar comprises 6 animation frames.

In another possible implementation, the rendering code includes a preset frame rate. Different from the two modes, the drawing codes in the two modes indirectly indicate the preset frame rate, and the drawing codes in the mode can directly include the preset frame rate. In this way, in the process of modifying the drawing code in fig. 8, the developer may modify the frame rate in the drawing code, so that the frame rate of the modified disappearance animation of the drawing scroll bar is the preset frame rate. Correspondingly, calling a drawing code for drawing the disappearance of the scroll bar at the terminal equipment, wherein the frame rate for drawing the disappearance animation of the scroll bar is a preset frame rate of 20Hz, and the obtained disappearance animation of the scroll bar comprises 6 animation frames.

In another possible implementation, drawing the code may include obtaining a functional relationship for a preset frame rate of a disappearing animation of the scrollbar. That is, the terminal device may calculate the preset frame rate according to the functional relation, that is, the drawing code indicates the preset frame rate in an indirect manner. In this way, the developer may write the functional relation of the preset frame rate in the process of modifying the drawing code in fig. 8. Correspondingly, calling a drawing code for the disappearance of the scroll bar at the terminal equipment can obtain a preset frame rate according to the functional relation, and further draw the disappearance animation of the scroll bar at the preset frame rate.

It should be understood that, in the embodiment of the present application, there is no limitation on how to modify the drawing code so that the drawing code indicates the preset frame rate, and a developer may rewrite the drawing code, or modify parameters in the drawing code in order to change the source drawing code as little as possible.

In the embodiment of the application, the drawing code of the disappearance of the scroll bar can be modified in advance, so that the modified drawing code of the disappearance of the scroll bar is adopted to draw the disappearance animation of the scroll bar at the preset frame rate, and the purpose of reducing the frame number of the disappearance animation of the scroll bar is further achieved to reduce the power consumption of the scroll bar.

The second mode is as follows: similarly to the first method, the number of frames of the vanishing animation of the scroll bar is controlled to be reduced by modifying the code in advance. Unlike the first approach described above, the first approach modifies the drawing code in which the scroll bar disappears, and the second approach can modify the function that implements the scroll bar. That is, in the embodiment of the present application, the number of frames of the vanishing animation of the generated scroll bar may be reduced by modifying the function that implements the scroll bar. In this implementation manner, a developer may find a function for implementing a scroll bar (scrollbars) in a list view (list view) in an Activity stack to which a drawing code of the scroll bar disappearing belongs, and further modify the function, so that a disappearing animation of the scroll bar may be generated when the terminal device calls the function, and a frame number of the disappearing animation of the scroll bar is related to a preset frame rate.

Alternatively, the generating function (function that implements the scroll bar) that modifies the vanishing animation of the scroll bar may be: and modifying the generation frame rate of the disappearance animation of the scroll bar into a preset frame rate. In the first manner, the function for implementing the scroll bar is used to indicate the brightness variation curve of the scroll bar, and in this manner, the function for implementing the scroll bar may be modified into a discrete function for indicating the second preset brightness variation information. The second preset brightness change information is used for indicating 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 number of frames of the disappearance animation of the scroll bar. For example, if the number of frames of the disappearance animation of the scroll bar when the disappearance animation of the scroll bar is drawn at the preset frame rate of 20Hz is 6 frames, the second preset luminance change information may be used to indicate 6 luminance values of the scroll bar in the disappearance animation of the scroll bar, such as the luminance value obtained by the terminal device every 47ms in the first manner described above. Correspondingly, the function implementing the scroll bar may be a discrete function as shown in fig. 11. Fig. 11 is a diagram illustrating a luminance change value of a scroll bar. Optionally, in a possible implementation, the generating function for modifying the disappearance animation of the scroll bar may be: the total duration of the disappearance animation of the scroll bar is modified, because when the frame rate of the disappearance animation for drawing the scroll bar is not changed, the total duration of the disappearance animation of the scroll bar is reduced, and correspondingly, the number of frames of the disappearance 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, as in the first mode described above, both the generation function of the modified disappearance animation and the drawing code of the modified disappearance of the scroll bar may be preset in the terminal device, and in the embodiment of the present application, the modification process is described to show the difference from the generation function of the current disappearance animation and the drawing code of the disappearance of the scroll bar.

Fig. 12 is a schematic flowchart of another embodiment of a display method of a scroll bar according to an embodiment of the present application. As shown in fig. 12, S402 may be replaced with S602: when the scroll bar on the page is static, calling a function for generating the disappearance animation of the scroll bar, and displaying the disappearance animation of the scroll bar on the page.

In S602, when the terminal device detects that the scroll bar sliding on the page is stationary, the function for generating the disappearance animation of the scroll bar may be called to generate the disappearance animation of the scroll bar. Because the generating function of the disappearance animation of the scroll bar preset in the terminal device is the function modified by the developer, the number of frames of the disappearance animation of the scroll bar generated is less than the number of frames of the preset disappearance animation. In the embodiment of the application, after the terminal device generates the disappearance animation of the scroll bar, the disappearance animation of the scroll bar can be displayed. That is, the terminal device may generate the vanishing animation of the scroll bar according to the second preset luminance change information. The terminal device can draw the 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 application, the function for generating the disappearance animation of the scroll bar can be modified in advance, so that the frame rate of the disappearance animation of the scroll bar generated by adopting the modified function is the preset frame rate, the frame number of the disappearance animation of the scroll bar is further reduced from the source, and the power consumption of the scroll bar can be reduced.

In the two modes, the drawing code of the disappearance of the scroll bar or the generation function of the disappearance animation of the scroll bar is modified in advance, so that the terminal equipment can call the modified disappearance drawing code or the generation function of the disappearance animation of the scroll bar when the disappearance animation of the scroll bar is drawn or the disappearance animation of the scroll bar is generated, and the disappearance animation with the frame number less than the frame number of the preset disappearance animation is obtained. In the following two modes, the drawing code of the scroll bar disappearance or the generating function of the disappearance animation of the scroll bar may not be modified in advance, the preset disappearance animation may be processed when the disappearance animation of the movement bar is drawn, and the disappearance animation having the number of frames less than the number of frames of the preset disappearance animation may also be acquired.

The third mode is as follows: fig. 13 is a schematic flowchart of another embodiment of a display method of a scroll bar according to an embodiment of the present application. As shown in fig. 13, S402 may be replaced with S702: when the scroll bar on the page is static and a first frame animation frame in the preset disappearing animation of the scroll bar is detected on the page, frame extraction processing is carried out on the preset disappearing animation to obtain the disappearing animation of the scroll bar, and the disappearing animation of the scroll bar is displayed on the page.

In S702, when the terminal device detects that the scroll bar sliding on the page is still, the preset disappearing animation may start to be displayed at the system frame rate. In the embodiment of the application, in order to reduce the power consumption of the scroll bar, the number of frames of the preset disappearing animation can be reduced, so that when the terminal device detects the first frame animation in the preset disappearing animation of the scroll bar on the page, the frame extraction processing is performed on the preset disappearing animation, and the disappearing animation of the scroll bar with the number of frames less than the number of frames of the preset disappearing animation is obtained.

The preset disappearing animation is stored in the terminal equipment, so that the terminal equipment can determine each frame of animation frame in the preset disappearing animation. When the terminal device detects that the scroll bar is static, the animation frame of the scroll bar displayed on the page can be compared and analyzed with the first frame animation frame in the preset disappearing animation, and whether the animation frame of the scroll bar displayed on the page is the first frame animation frame or not is determined. When the terminal device detects that the animation frame of the scroll bar displayed on the page is the first frame animation frame, frame extraction processing can be performed on the preset disappearing animation.

It should be noted that, unlike the above two methods, the above two methods are to directly call a drawing code for the scroll bar disappearance or a generation function of the disappearance animation of the scroll bar, resulting in the disappearance animation of the scroll bar. In this way, when the terminal device detects the first frame animation in the preset disappearance animation of the scroll bar on the page, the frequency of calling the eglswapbuffer may be modified, for example, the frequency of calling the eglswapbuffer is reduced, so as to implement the frame extraction processing on the preset disappearance animation. For example, after drawing the disappearing animation of the scroll bar at the system frame rate of 60Hz as in fig. 2 above, the frequency of calling eglswapbuffer may be related to the system frame rate, e.g., the frequency of calling eglswapbuffer may be 60Hz, "related" may mean that the frequency of calling eglswapbuffer may be the same as the system frame rate. In this manner, fig. 14 is a third schematic diagram of an animation showing a scroll bar on a page according to an embodiment of the present application. As shown in fig. 14, after the terminal device plots the vanishing animation of the scroll bar at the system frame rate of 60Hz, the terminal device reduces the frequency of calling eglswapbuffer, for example, 20Hz, to reduce the frequency of sending and displaying the preset vanishing animation, so as to implement the frame extraction processing on the preset vanishing animation, and to reduce the number of frames of the vanishing animation of the scroll bar displayed by the terminal device.

In this way, when the terminal device detects that the scroll bar is still and detects a first frame animation frame in the preset disappearing animation of the scroll bar on the page, the frame extraction processing is performed on the preset disappearing animation. An interval duration may exist between the static state of the scroll bar and the display of the first frame animation frame in the preset disappearance animation on the page, and although the interval duration is short, the interval duration still causes the time delay of displaying the disappearance animation of the scroll bar. In the embodiment of the application, the terminal device can perform frame extraction processing on the preset disappearing animation when detecting that the scroll bar is static, so that the time delay of displaying the disappearing animation of the scroll bar can be avoided.

In the embodiment of the application, the preset vanishing animation can be subjected to frame extraction processing to obtain the vanishing animation of the scroll bar with the frame number less than that of the preset vanishing animation, and the purpose of reducing the power consumption of the scroll bar can be achieved.

Fig. 15 is a schematic structural diagram of a display device of a scroll bar 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 embodiment, or a chip, a processor, or the like in the terminal device, and may execute the display method of the scroll bar in fig. 4, 9, 12, and 13. The display device 1500 of the scroll bar may include: display module 1501, processing module 1502.

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

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

In one possible implementation, the processing module 1502 is configured to detect a position of a scroll bar on a page; and if the position is unchanged within the preset time length, determining that the scroll bar on the page is static.

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

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

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

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

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

In a possible implementation manner, the processing module 1502 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 a preset number of brightness values of the scroll bar in the disappearing animation of the scroll bar, and the preset number is equal to a frame number of the disappearing animation of the scroll bar.

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

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

It should be noted that the above processing module can be implemented in the form of software called by a processing element; or may be implemented in hardware. For example, the processing module may be a processing element separately set up, or may be implemented by being integrated in a chip of the apparatus, or may be stored in a memory of the apparatus in the form of program code, and a function of the processing module may be called and executed by a processing element of the apparatus. In addition, all or part of the modules can be integrated together or can be independently realized. The processing element described herein may be an integrated circuit having signal processing capabilities. In implementation, each step of the above method or each module above may be implemented by an integrated logic circuit of hardware in a 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 (ASICs), or one or more microprocessors (DSPs), or one or more Field Programmable Gate Arrays (FPGAs), etc. For another example, when some of the above modules are implemented in the form of a processing element scheduler code, the processing element may be a general-purpose processor, such as a Central Processing Unit (CPU) or other processor that can call program code. As another example, these modules may be integrated together, implemented in the form of a system-on-a-chip (SOC).

The terminal equipment can realize the display function through the GPU, the display screen, the application processor and the like. The GPU is a microprocessor for image processing and is connected with a display screen and an 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 the embodiment of the application can be a display screen, and the display screen is used for displaying images, videos, animations and the like. The display screen may include a display panel. The display panel may be a Liquid Crystal Display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (active-matrix organic light-emitting diode, AMOLED), a flexible light-emitting diode (FLED), a miniature, a Micro-oeld, a quantum dot light-emitting diode (QLED), or the like. 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 according to an embodiment of the present application. The electronic device is a terminal device as described above. As shown in fig. 16, the electronic device 1600 may include: a processor 1601 (e.g., a CPU), a memory 1602, and a display 1603. A display 1603 may be coupled to the processor 1601, the display 1603 displaying an animation of the scrollbar, which may include a sliding animation of the scrollbar and a disappearing animation of the scrollbar. The memory 1602 may include a random-access memory (RAM) and may further include a non-volatile memory (NVM), such as at least one disk memory, and the memory 1602 may store various instructions for performing various processing functions and implementing the method steps of the present application. Optionally, the electronic device 1600 related to the present application may further include: a power supply 1604, a communication bus 1605, and a communication port 1606. The communication port 1606 is used for implementing connection communication between the electronic device and other peripheral devices.

In the embodiment of the present application, the memory 1602 is used for storing computer executable program codes, and the program codes include instructions; when the processor 1601 executes the instructions, the instructions enable the processor 1601 of the electronic device to perform the actions in the method embodiments, which are similar in implementation principle and technical effect and will not be described herein again. It is to be understood that the illustrated structure of the present embodiment does not constitute a specific limitation on the electronic device 1600. In other embodiments of the present application, electronic device 1600 may include more or fewer components than illustrated, or combine certain components, or split certain components, or a different arrangement of components.

In the above embodiments, the implementation may be wholly or partially realized by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. The procedures or functions according to the embodiments of the present application are all or partially generated when the computer program instructions are loaded and executed on a computer. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored in a computer readable storage medium or transmitted from one computer readable storage medium to another, for example, the computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center by wire (e.g., coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wirelessly (e.g., infrared, wireless, microwave, etc.). The 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, etc., that incorporates one or more of the available media. The usable medium may be a magnetic medium (e.g., floppy Disk, hard Disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., Solid State Disk (SSD)), among others.

The term "plurality" herein refers to two or more. The term "and/or" herein is merely an association relationship describing an associated object, and means that there may be three relationships, for example, a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" herein generally indicates that the former and latter related objects are in an "or" relationship; in the formula, the character "/" indicates that the preceding and following related objects are in a relationship of "division".

It is to be understood that the various numerical references referred to in the embodiments of the present application are merely for descriptive convenience and are not intended to limit the scope of the embodiments of the present application. It should be understood that, in the embodiment of the present application, the sequence numbers of the above-mentioned processes do not mean the execution sequence, and the execution sequence of each process should be determined by its function and inherent logic, and should not constitute any limitation to the implementation process of the embodiment of the present application.

Claims

1. A method for displaying a scroll bar, comprising:

displaying a sliding animation on a page when a scroll bar on the page slides, wherein the frame number of the sliding animation is related to a system frame rate, the sliding animation comprises a sliding animation of an element on the page, and the element on the page comprises the scroll bar;

When the scroll bar on the page is static, displaying disappearing animation of the scroll bar on the page, wherein the frame number of the disappearing animation of the scroll bar is related to a preset frame rate, and the preset frame rate is less than the system frame rate;

before displaying the disappearing animation of the scroll bar on the page, the method further comprises:

drawing the disappearing animation of the scroll bar by adopting the preset frame rate;

the drawing the disappearing animation of the scroll bar by adopting the preset frame rate comprises the following steps:

and drawing the disappearing animation of the scroll bar by adopting the preset frame rate according to first preset brightness change information and the brightness of the scroll bar when the scroll bar is static, wherein the first preset brightness change information is used for indicating the brightness of the scroll bar in the disappearing animation of the scroll bar.

2. The method of claim 1, further comprising:

detecting a position of the scroll bar on the page;

and if the position is not changed within the preset time length, determining that the scroll bar on the page is static.

3. The method of claim 1 or 2, wherein said displaying a disappearing animation of said scrollbar on said page comprises:

And if the dynamic elements exist on the page, displaying the disappearing animation of the scroll bar and the dynamic elements on the page, wherein the frame number of the dynamic elements is related to the system frame rate.

4. The method of claim 3, wherein prior to displaying the dynamic element and the disappearing animation of the scrollbar on the page, further comprising:

and drawing the disappearing animation of the scroll bar by adopting the preset frame rate, and drawing the dynamic element by adopting the system frame rate.

5. The method according to claim 1, wherein the first preset luminance change information is a luminance change curve of the scroll bar.

6. A method for displaying a scroll bar, comprising:

when the scroll bar on the page is static, displaying a disappearing animation of the scroll bar on the page, wherein the frame number of the disappearing animation of the scroll bar is related to a preset frame rate, and the preset frame rate is less than the system frame rate;

Before displaying the disappearance animation of the scroll bar on the page, the method further comprises:

and generating the disappearing animation of the scroll bar according to second preset brightness change information, wherein the second preset brightness change information is used for indicating the preset number of brightness values of the scroll bar in the disappearing animation of the scroll bar, and the preset number is equal to the frame number of the disappearing animation of the scroll bar.

7. The method of claim 6, further comprising:

detecting a position of the scroll bar on the page;

8. A method for displaying a scroll bar, comprising:

and performing frame extraction processing on the preset disappearing animation of the scroll bar to obtain the disappearing animation of the scroll bar, wherein the frame number of the preset disappearing animation is related to the system frame rate.

9. The method of claim 8, further comprising:

detecting a position of the scroll bar on the page;

10. A method for displaying a scroll bar, comprising:

And when a first frame animation frame in the preset disappearing animation of the scroll bar is detected on the page, performing frame extraction processing on the preset disappearing animation to obtain the disappearing animation of the scroll bar, wherein the frame number of the preset disappearing animation is related to the system frame rate.

11. The method of claim 10, further comprising:

detecting a position of the scroll bar on the page;

12. A display device for a scrollbar, comprising:

the display module is used for displaying a sliding animation on a page when a scroll bar on the page slides, wherein the frame number of the sliding animation is related to the system frame rate, the sliding animation comprises the sliding animation of an element on the page, and the element on the page comprises the scroll bar;

the display module is further configured to display a disappearing animation of the scroll bar on the page when the scroll bar on the page is static, wherein the frame number of the disappearing animation of the scroll bar is related to a preset frame rate, and the preset frame rate is smaller than the system frame rate;

The device further comprises: a processing module for processing the received data,

the processing module is used for drawing the disappearing animation of the rolling bar by adopting a preset frame rate;

the processing module is specifically configured to: and drawing the disappearing animation of the scroll bar by adopting the preset frame rate according to first preset brightness change information and the brightness of the scroll bar when the scroll bar is static, wherein the first preset brightness change information is used for indicating the brightness of the scroll bar in the disappearing animation of the scroll bar.

13. A display device for a scrollbar, comprising:

the display module is further configured to display a disappearing animation of the scroll bar on the page when the scroll bar on the page is static, where a frame number of the disappearing animation of the scroll bar is related to a preset frame rate, and the preset frame rate is less than the system frame rate;

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 a preset number of brightness values of the scroll bar in the disappearing animation of the scroll bar, and the preset number is equal to the number of frames of the disappearing animation of the scroll bar.

14. A display device for a scrollbar, comprising:

the processing module is further configured to perform frame extraction processing on the preset vanishing animation of the scroll bar to obtain the vanishing animation of the scroll bar, where the number of frames of the preset vanishing animation is related to the system frame rate.

15. A display device for a scrollbar, comprising:

the display module is used for displaying a sliding animation on a page when a scroll bar on the page slides, wherein the frame number of the sliding animation is related to a system frame rate, the sliding animation comprises the sliding animation of an element on the page, and the element on the page comprises the scroll bar;

the processing module is further configured to, when a first frame animation frame in the preset vanishing animation of the scroll bar is detected on the page, perform frame extraction processing on the preset vanishing animation to obtain the vanishing animation of the scroll bar, where a frame number of the preset vanishing animation is related to the system frame rate.

16. An electronic device, comprising: a memory, a processor, and a display;

the processor is used for being coupled with the memory, reading and executing the instructions in the memory to realize the method of any one of claims 1-11;

The display is used for displaying pages.

17. A computer-readable storage medium having computer instructions stored thereon which, when executed by a computer, cause the computer to perform the method of any one of claims 1-11.