CN101295244A - Progress bar design system and method - Google Patents
Progress bar design system and method Download PDFInfo
- Publication number
- CN101295244A CN101295244A CNA2007102005599A CN200710200559A CN101295244A CN 101295244 A CN101295244 A CN 101295244A CN A2007102005599 A CNA2007102005599 A CN A2007102005599A CN 200710200559 A CN200710200559 A CN 200710200559A CN 101295244 A CN101295244 A CN 101295244A
- Authority
- CN
- China
- Prior art keywords
- progress bar
- control
- progress
- data
- picture
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Abstract
The invention provides a progress bar design method, comprising the steps as follows: the progress bar ActiveX is initially designed; the total mount of the data required to be processed is calculated out; the progress percentage completed by the processing is calculated according to the currently processed data mount; the foreground picture is pulled according to the calculated progress percentage so as to cover the background picture; whether the data is completely processed or not is judged; when the data is completely processed the user is prompted that all data is completely processed and the foreground picture is pulled to completely cover the background picture. The invention also provides a progress bar design system. The progress bar design method of the invention adopts a picture layer overlapping idea to carry out the progress bar design; the method is simple and the designed progress bar is beautiful and full of unique colours.
Description
Technical field
The present invention relates to a kind of progress bar design system and method.
Background technology
When window application is handled mass data, require the user to wait for through regular meeting, in this case, adopt the mode of progress bar usually, make the user understand the progress of data processing.
The progress bar of traditional control formula, as shown in Figure 1, its design pattern is single, and is not attractive in appearance, allows the user who waits for data processing feel dull, dull.
In addition, the deviser in the progress bar of design personalized, the method that often employing program redraws, the expansion class of writing a progress bar in program again is respectively to each zone of control drafting of encoding.This method can realize personalized progress bar design really, but when utilizing this method design schedule bar, its encoding amount is quite big, and designer's technical capability is required quite high, carefully will not make mistakes a little.Therefore, a kind of progress bar design system and method need be provided, individual character and progress bar design attractive in appearance can be realized simply, have.
Summary of the invention
In view of above content, be necessary to propose a kind of progress bar design system, can realize progress bar design simple attractive in appearance again.
In view of above content, be necessary to propose a kind of progress bar method for designing, can realize progress bar design simple attractive in appearance again.
A kind of progress bar design system, it runs in the computing machine.This system comprises: initialization module is used for the progress bar control is carried out initialization design; The progress computing module is used to calculate the data total amount of required processing, and the progress percentage of finishing dealing with is calculated; And picture pulling module, the progress percentage that is used for going out according to aforementioned calculation spurs foreground picture, makes it cover Background according to ratio.
A kind of progress bar method for designing, the method comprising the steps of: initialization design progress bar control; Calculate the data total amount of required processing; According to present treated data volume, the progress percentage of finishing dealing with is calculated; Progress percentage pulling foreground picture according to calculating makes it hide Background; Whether judgment data all disposes; And, then point out user data all to dispose if data all dispose, and the pulling foreground picture, make it cover Background fully.
Compared to prior art, the thought of progress bar design system provided by the present invention and method employing figure ply is carried out the progress bar design, and method is simple and progress bar that design is attractive in appearance, be full of personalized color.
Description of drawings
Fig. 1 is the synoptic diagram of traditional control formula progress bar.
Fig. 2 is the functional block diagram of progress bar design system preferred embodiment of the present invention.
Fig. 3 is the implementing procedure figure that in the progress bar method for designing of the present invention preferred embodiment progress bar is carried out initialization design.
Fig. 4 is the implementing procedure figure of progress bar control operation in the progress bar method for designing of the present invention preferred embodiment.
Fig. 5 is the operational effect synoptic diagram of progress bar control in the progress bar method for designing of the present invention preferred embodiment.
Embodiment
Consulting shown in Figure 2ly, is the functional block diagram of progress bar design system preferred embodiment of the present invention.Each alleged module of the present invention is each program segment that computer program is finished specific function, be more suitable in the implementation of description software in computing machine than program itself, so the present invention describes with module the description of software.
Progress bar design system of the present invention may operate in the personal computer, and it mainly comprises: initialization module 100, progress computing module 110, picture pulling module 120, and judge module 130.
Described initialization module 100 is used for the progress bar control is carried out initialization design.Preferred embodiment of the present invention is to adopt C Plus Plus to carry out programmed.Described initialization design comprises: prepare two big little pictures identical with the target progress bar, the form of this two pictures is the bmp form, and size is identical, and color and pattern can be selected voluntarily according to user's demand; Import above-mentioned two pictures,, can be set to IDB_FORE and IDB_BACK the resource identification of two pictures respectively as the foreground picture and the Background of progress bar control; On a dialog control, place " Static Text " control, and revise its sign (ID), make its not IDC_STATIC for giving tacit consent to; Above-mentioned " Static Text " control is associated with the variable of a Control type; Write an expansion class, realize the pulling effect of foreground picture in the progress bar; The type of variables of above-mentioned Control type is revised as the type of above-mentioned expansion class of writing.
Described progress computing module 110 is used to calculate the data total amount of required processing, and the progress percentage of finishing dealing with is calculated.
The progress percentage that described picture pulling module 120 is used for going out according to aforementioned calculation spurs foreground picture, makes it cover Background according to ratio.
Whether described judge module 130 is used for judgment data and all disposes.
Consulting shown in Figure 3ly, is the implementing procedure figure that in the progress bar method for designing of the present invention preferred embodiment progress bar is carried out initialization design.
Step S100, user prepare two big little pictures identical with the target progress bar, and the form of this two pictures is the bmp form, and size is identical, and color and pattern can be selected voluntarily according to user's demand.
Step S101 imports above-mentioned two pictures, respectively as the foreground picture and the Background of progress bar control, can be set to IDB_FORE and IDB_BACK to the resource identification of two pictures.
Step S102 places " Static Text " control, and revises its sign (ID) on a dialog control, make its not IDC_STATIC for giving tacit consent to.
Step S103 is associated above-mentioned " Static Text " control with the variable of a Control type.
Step S104 writes an expansion class, realizes the pulling effect of foreground picture in the progress bar.
Step S105 is revised as the type of variables of above-mentioned Control type the type of above-mentioned expansion class of writing.
Consulting shown in Figure 4ly, is the implementing procedure figure of progress bar control operation in the progress bar method for designing of the present invention preferred embodiment.
Step S200, initialization module 100 is carried out the initialization design of user to the progress bar control, and this initialization design flow process is consulted shown in Figure 3.
Step S201, progress computing module 110 calculate the data total amount of required processing.
Step S202, progress computing module 110 calculates the progress percentage of finishing dealing with according to present treated data volume.
Among the step S203, picture pulling module 120 makes it hide Background according to the progress percentage pulling foreground picture that calculates
Step S204, whether judge module 130 judgment data all dispose.
If all do not dispose, then return step S202, progress computing module 110 recomputates current schedule number percent.
If data all dispose, then in step S205, picture pulling module 120 prompting user data all dispose, and the pulling foreground picture, make it cover Background fully.
Consulting shown in Figure 5ly, is the operational effect synoptic diagram of progress bar control in the progress bar method for designing of the present invention preferred embodiment.The traditional control formula progress bar among Fig. 1 of comparing, the figure ply is adopted in progress bar design among the present invention, utilizes the pulling between a plurality of figure layers to cause a kind of animation effect, and Background and foreground picture can be selected voluntarily according to user's demand, convenient attractive in appearance, be full of personalization.
Claims (8)
1. a progress bar design system runs in the computing machine, it is characterized in that this system comprises:
Initialization module is used for the progress bar control is carried out initialization design;
The progress computing module is used to calculate the data total amount of required processing, and the progress percentage of finishing dealing with is calculated; And
Picture pulling module, the progress percentage that is used for going out according to aforementioned calculation spurs foreground picture, makes it cover Background according to ratio.
2. progress bar design system as claimed in claim 1 is characterized in that, this system also comprises:
Whether judge module is used for judgment data and all disposes.
3. progress bar design system as claimed in claim 1 is characterized in that, described initialization module comprises the initialization design of the control of progress bar:
Prepare two big little pictures identical with the target progress bar;
Import above-mentioned two pictures, respectively as the foreground picture and the Background of progress bar control;
On a dialog control, place " Static Text " control, and revise its sign;
Above-mentioned " Static Text " control is associated with the variable of a Control type;
Write an expansion class, realize the pulling effect of foreground picture in the progress bar;
The type of variables of above-mentioned Control type is revised as the type of above-mentioned expansion class of writing.
4. progress bar design system as claimed in claim 3 is characterized in that, the form of described picture is the bmp form.
5. progress bar method for designing is characterized in that the method comprising the steps of:
Initialization design progress bar control;
Calculate the data total amount of required processing;
According to the present data volume of deal with data, the progress percentage of finishing dealing with is calculated;
Progress percentage pulling foreground picture according to calculating makes it hide Background;
Whether judgment data all disposes; And
If data all dispose, then point out user data all to dispose, and the pulling foreground picture, make it cover Background fully.
6. progress bar method for designing as claimed in claim 5 is characterized in that, this method also comprises:
If data all do not dispose, then return the step of calculating progress percentage.
7. progress bar method for designing as claimed in claim 5 is characterized in that, described initialization design progress bar control comprises:
Prepare two big little pictures identical with the target progress bar;
Import above-mentioned two pictures, respectively as the foreground picture and the Background of progress bar control;
On a dialog control, place " Static Text " control, and revise its sign;
Above-mentioned " Static Text " control is associated with the variable of a Control type;
Write an expansion class, realize the pulling effect of foreground picture in the progress bar;
The type of variables of above-mentioned Control type is revised as the type of above-mentioned expansion class of writing.
8. progress bar method for designing as claimed in claim 7 is characterized in that, the form of described picture is the bmp form.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2007102005599A CN101295244B (en) | 2007-04-29 | 2007-04-29 | Progress bar design system and method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2007102005599A CN101295244B (en) | 2007-04-29 | 2007-04-29 | Progress bar design system and method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN101295244A true CN101295244A (en) | 2008-10-29 |
| CN101295244B CN101295244B (en) | 2012-05-30 |
Family
ID=40065546
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2007102005599A Expired - Fee Related CN101295244B (en) | 2007-04-29 | 2007-04-29 | Progress bar design system and method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101295244B (en) |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101888440A (en) * | 2010-03-22 | 2010-11-17 | 宇龙计算机通信科技(深圳)有限公司 | Method and system for displaying information transmission progress of mobile terminal, and mobile terminal |
| CN102012813A (en) * | 2010-11-24 | 2011-04-13 | 康佳集团股份有限公司 | Implementation method for control of slider |
| CN102141953A (en) * | 2011-04-01 | 2011-08-03 | 奇智软件（北京）有限公司 | Method and device for showing progress bar |
| CN102598087A (en) * | 2009-09-04 | 2012-07-18 | 耐克国际有限公司 | Monitoring and tracking athletic activity |
| CN103136207A (en) * | 2011-11-23 | 2013-06-05 | 腾讯科技（深圳）有限公司 | Multi-image browsing prompt method and device |
| CN103136089A (en) * | 2011-11-25 | 2013-06-05 | 腾讯科技（深圳）有限公司 | Method and device for process bar display |
| CN103488555A (en) * | 2011-04-01 | 2014-01-01 | 北京奇虎科技有限公司 | Progress bar implementation method and device |
| WO2014000656A1 (en) * | 2012-06-28 | 2014-01-03 | 腾讯科技（深圳）有限公司 | Method, device and terminal for refreshing page |
| CN103530145A (en) * | 2011-04-01 | 2014-01-22 | 北京奇虎科技有限公司 | Progress bar setting method and device |
| WO2014086140A1 (en) * | 2012-12-04 | 2014-06-12 | 腾讯科技（深圳）有限公司 | Method and device for displaying incremental update progress |
| CN106484432A (en) * | 2016-11-01 | 2017-03-08 | 武汉斗鱼网络科技有限公司 | A kind of progress bar method for customizing, device and progress bar |
| CN106990951A (en) * | 2017-02-22 | 2017-07-28 | 福建天泉教育科技有限公司 | The method for drafting and system of a kind of progress bar |
| WO2018054356A1 (en) * | 2016-09-23 | 2018-03-29 | 华为技术有限公司 | Method for displaying information and terminal |
| CN109213548A (en) * | 2017-06-29 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | A kind of method and apparatus controlling progress bar |
| CN113867857A (en) * | 2021-09-06 | 2021-12-31 | 贵阳语玩科技有限公司 | Progress bar display method, device and equipment based on Android system |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5282266A (en) * | 1991-01-31 | 1994-01-25 | Hewlett-Packard Company | Iconic method of showing progress toward an oscilloscope's target number of waveform averages |
| JP2000032200A (en) * | 1998-07-14 | 2000-01-28 | Seiko Epson Corp | Management device, its controlling method and recording medium |
| CN1232906C (en) * | 2001-07-06 | 2005-12-21 | 华为技术有限公司 | Code statistical tool of computer software program and its implementing method |
| KR100677137B1 (en) * | 2004-10-01 | 2007-02-02 | 삼성전자주식회사 | Method for displaying the state of data process |
-
2007
- 2007-04-29 CN CN2007102005599A patent/CN101295244B/en not_active Expired - Fee Related
Cited By (25)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102598087B (en) * | 2009-09-04 | 2015-08-19 | 耐克创新有限合伙公司 | Monitoring and pursuit movement activity |
| CN102598087A (en) * | 2009-09-04 | 2012-07-18 | 耐克国际有限公司 | Monitoring and tracking athletic activity |
| CN101888440A (en) * | 2010-03-22 | 2010-11-17 | 宇龙计算机通信科技(深圳)有限公司 | Method and system for displaying information transmission progress of mobile terminal, and mobile terminal |
| CN102012813A (en) * | 2010-11-24 | 2011-04-13 | 康佳集团股份有限公司 | Implementation method for control of slider |
| CN102141953B (en) * | 2011-04-01 | 2013-10-16 | 奇智软件（北京）有限公司 | Method and device for showing progress bar |
| CN103530145A (en) * | 2011-04-01 | 2014-01-22 | 北京奇虎科技有限公司 | Progress bar setting method and device |
| CN103488555A (en) * | 2011-04-01 | 2014-01-01 | 北京奇虎科技有限公司 | Progress bar implementation method and device |
| CN102141953A (en) * | 2011-04-01 | 2011-08-03 | 奇智软件（北京）有限公司 | Method and device for showing progress bar |
| CN103136207A (en) * | 2011-11-23 | 2013-06-05 | 腾讯科技（深圳）有限公司 | Multi-image browsing prompt method and device |
| CN103136089A (en) * | 2011-11-25 | 2013-06-05 | 腾讯科技（深圳）有限公司 | Method and device for process bar display |
| US9720561B2 (en) | 2012-06-28 | 2017-08-01 | Tencent Technology (Shenzhen) Company Limited | Progress bar with graphical effects to indicate download progress and connection state |
| WO2014000656A1 (en) * | 2012-06-28 | 2014-01-03 | 腾讯科技（深圳）有限公司 | Method, device and terminal for refreshing page |
| CN103513856A (en) * | 2012-06-28 | 2014-01-15 | 腾讯科技（深圳）有限公司 | Method and device for refreshing page |
| US10509532B2 (en) | 2012-06-28 | 2019-12-17 | Tencent Technology (Shenzhen) Company Limited | Progress bar with graphical effects to indicate download progress and connection state |
| CN103513856B (en) * | 2012-06-28 | 2017-08-25 | 腾讯科技（深圳）有限公司 | The method and apparatus of refresh page |
| US9892013B2 (en) | 2012-12-04 | 2018-02-13 | Tencent Technology (Shenzhen) Company Limited | Method and device for displaying incremental update progress |
| WO2014086140A1 (en) * | 2012-12-04 | 2014-06-12 | 腾讯科技（深圳）有限公司 | Method and device for displaying incremental update progress |
| WO2018054356A1 (en) * | 2016-09-23 | 2018-03-29 | 华为技术有限公司 | Method for displaying information and terminal |
| US10607380B2 (en) | 2016-09-23 | 2020-03-31 | Huawei Technologies Co., Ltd. | Information display method and terminal |
| CN106484432A (en) * | 2016-11-01 | 2017-03-08 | 武汉斗鱼网络科技有限公司 | A kind of progress bar method for customizing, device and progress bar |
| CN106484432B (en) * | 2016-11-01 | 2023-10-31 | 武汉斗鱼网络科技有限公司 | Progress bar customization method and device and progress bar |
| CN106990951A (en) * | 2017-02-22 | 2017-07-28 | 福建天泉教育科技有限公司 | The method for drafting and system of a kind of progress bar |
| CN106990951B (en) * | 2017-02-22 | 2020-04-17 | 福建天泉教育科技有限公司 | Method and system for drawing progress bar |
| CN109213548A (en) * | 2017-06-29 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | A kind of method and apparatus controlling progress bar |
| CN113867857A (en) * | 2021-09-06 | 2021-12-31 | 贵阳语玩科技有限公司 | Progress bar display method, device and equipment based on Android system |
Also Published As
| Publication number | Publication date |
|---|---|
| CN101295244B (en) | 2012-05-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101295244B (en) | Progress bar design system and method | |
| CN104731584B (en) | A kind of customized configuration design method of Open Architecture CNC System of Display Interface | |
| US9348666B2 (en) | Translating user interfaces of applications | |
| KR101554292B1 (en) | Input Method Editor User Profiles | |
| CN105339889B (en) | The technology that language translation for computer application localizes | |
| CN108986200A (en) | The preprocess method and system of figure rendering | |
| EP1766567A4 (en) | System and method for developing animated visualization interfaces | |
| CN106681593A (en) | Display control method and device for user interface UI control | |
| CN101377738B (en) | Method for implementing page turning of electric document | |
| CN106373570A (en) | Voice control method and terminal | |
| CN105404512B (en) | A kind of application window interface change method and device | |
| US9946806B2 (en) | Exporting responsive designs from a graphical design tool | |
| CN104156222A (en) | Method for self-defining Android equipment desktop | |
| CN106777036A (en) | A kind of data rendering method and data render system | |
| CN106708483A (en) | Generating method and generating device of control interface of internet-of-things equipment | |
| CN103218120A (en) | Method for quickly unlocking application program of android terminal | |
| CN110489765A (en) | Machine translation method, device and computer readable storage medium | |
| CN105159673A (en) | Method and device for setting control style | |
| CN106293758A (en) | The method and apparatus that a kind of Web application interface changes skin | |
| CN101127980A (en) | Layout method for standby interface of mobile terminal | |
| US9753544B2 (en) | Korean character input apparatus and method using touch screen | |
| CN103324807A (en) | Music light show scheme design system design method based on multi-Agent behavior model | |
| CN106126213A (en) | A kind of Android based on IFML develops modeling method | |
| CN104345877B (en) | The method and electronic equipment of a kind of information processing | |
| Park et al. | Study on Arduino Kit VR contents modularization based on virtualization technology in software education field |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| C17 | Cessation of patent right | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20120530 Termination date: 20140429 |