Progress bar display method and system

A display method and display system technology, applied in the computer field, can solve the problems of low utilization rate of screen space, low aesthetics, singleness, etc.

CN104239053BActive Publication Date: 2018-03-23广州方硅信息技术有限公司
6 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Publication Date
2018-03-23

Smart Images

  • Figure 1
    Figure 1
  • Figure 2
    Figure 2
  • Figure 3
    Figure 3
Patent Text Reader

Abstract

A method for displaying a progress bar, the steps of which include: loading a first progress bar graphic and a second progress bar graphic into the system video memory, wherein the first progress bar graphic and the second progress bar graphic are closed shapes and sizes of the same or semi-closed ring shape, and the filling visual state of the first progress bar graphic and the second progress bar graphic are different; check whether the progress value loaded by the software has increased or decreased every specific time period, and if so, according to the detected current progress value Intercept the second progress bar graphic to obtain the matching progress bar graphic matching the progress value; overlay the matching progress bar graphic matching the current progress value on the first progress bar graphic to obtain the final progress bar graphic; display the final progress bar graphics. According to the solution of the present invention, the presentation effect of the progress bar can be made clearer, the user experience can be improved, and the screen space can be fully utilized.
Need to check novelty before this filing date? Find Prior Art

Description

Technical field

[0001] The present invention relates to the field of computer technology, in particular to a method and system for displaying a progress bar. Background technique

[0002] In the field of computer technology, in order to display the loading progress value when a certain software function is loaded or display the loading progress of a webpage, etc., a display progress bar is used for display.

[0003] In the existing display progress bar technology, a long rectangular control is generally used as a carrier to display the progress value, that is, a rectangular image is drawn to grow in a fixed direction to show the increase in the progress value. However, this kind of display method is relatively single, and the aesthetics is not high, which leads to a poor user experience. In addition, the growth of rectangular images generally takes up a larger space on the screen and squeezes the space of other controls, indirectly affecting the use of other controls , Which in tu...

Examples

no. 1 example

[0032] See figure 1 , Is a flowchart of the first embodiment of the progress bar display method of the present invention:

[0033] Step S101: Load the first progress bar graphic and the second progress bar graphic into the system video memory, where the first progress bar graphic and the second progress bar graphic are closed or semi-closed loop shapes with the same shape and size, and the first The visual state of filling in the first progress bar graph and the second progress bar graph is different;

[0034] Specifically, using Qt (graphical user interface application framework) to load QPixmap (a type of Qt graphics processing) data of the first progress bar graph and the second progress bar graph into the system video memory;

[0035] The first progress bar graphic and the second progress bar graphic have different filling visual states. For example, the first progress bar graphic may be white, and the second progress bar graphic corresponding to the first progress bar graphic ma...

no. 2 example

[0058] In order to further explain in detail how the progress bar display method of the present invention is implemented, the following description will be given in conjunction with a specific embodiment; it is pointed out that the following embodiments take the shape of the first progress bar graph and the second progress bar graph as a circle Shape as an example for description, please refer to figure 2 , Is a flowchart of the second embodiment of the progress bar display method of the present invention:

[0059] Step 201: Load a1 graphics and b1 graphics into the system video memory;

[0060] Specifically, see image 3 , Is the effect diagram of the a1 graph (the first progress bar graph) and the b1 graph (the second progress bar graph) in the second embodiment of the progress bar display method of the present invention.

[0061] Step 202: Detect the progress value, and intercept the b1 graph according to the detected progress value to obtain a c1 graph that matches the progress ...

no. 3 example

[0069] The following will be described in conjunction with a specific embodiment; it is pointed out that the following embodiments take the shape of the first progress bar graph and the second progress bar graph as an ellipse ring as an example for description, please refer to Image 6 , Is a flowchart of the third embodiment of the progress bar display method of the present invention:

[0070] Step 301: Load a2 graphics and b2 graphics into the system video memory;

[0071] Specifically, see Figure 7 , Are the effect diagrams of the a2 graph (the first progress bar graph) and the b2 graph (the second progress bar graph) in the third embodiment of the progress bar display method of the present invention.

[0072] Step 302: Detect the progress value, and intercept the b2 graph according to the detected progress value to obtain a c2 graph that matches the progress value;

[0073] Specifically, see Picture 8 , Is an effect diagram of the c2 graphic obtained by intercepting the b2 graphi...