Customizable Progress Bar for VB6 Based on graphics in picture boxes dec 23, 2017 by Gerard Hageman

Transcription

1 Customizable Progress Bar for VB6 Based on graphics in picture boxes dec 23, 2017 by Gerard Hageman 3 Versions Select in demo window: version 1 version 2 version 3 version 1 version 2 version 3 Version 1: Solid color bar with color and fill style options. Height (240) may not be changed. Version 2: Narrow bar, color optional. Height (240) may not be changed. Version 3: Block tape. Height (240) may not be changed. Extra: Circular. 4 options, small leading icons Select in window: While running: a b c d no icon When finished: d e f g Example version 2: running, c finished, f Content Zip file ProgBar-Functions&Demo The usual VB-files plus ProgressBarSubs.bas, containing Sub ProgBar_Set to be called at each new use of the progress bar Sub ProgBar_Operate to be incorporated in loop ProgressBarSubs.bas is the file to be used in your application.

2 Windows Options Select type and icons as described above Fill Color: progress bar's fill color Fill Style: progress bar's fill style Back Color: the bar's back color Speed: processes speed GO: start demo Exit: close program Default: set color green and fill style solid Demo Based on a process that draws a 360 circle with running red hand and a ListView table with values calculated. Circular Example while running VB bar, colors adapted

3 Files Not to be used in your application (just for demo) Help.pdf ProgressBar.frm ProgressBar.frx ProgressBar.vbp ProgressBarPublics.bas ProgressBarSubs.bas ProgressBar_App.frm ProgressBar_App.frx To be used in application Copy to Application Folder: ProgressBarSubs.bas folder \ProgressBarPictures A note on pictures By using new pictures you can give your application's progress bar a personal look. In the folder: folder \ProgressBarPictures you find the folder folder \Base with the file ProgBarPic.svg (Scalable Vector Graphics). I used Inkscape (free) with many layers for 7 different bar pictures. I exported a certain combination of layers as png's, after which I converted them to gif. VB6 cannot read png files.

4 Please note that the code below is just an example and cannot be used in VB6! To be incorporated into your application's process control sub Private Sub Process(PicBox As PictureBox, lngdelay As Long) 'this is the control sub, can be anything ' 'NOT to be copied to your application, just use marked code <<<< to >>>> ' Dim j As Single Dim N As Integer Dim msecs As Long Dim TimeStart As Date Dim Counter As Integer ' 'windows progress bar Call Change_pb_ForeColor(ProgressBarWindows.hwnd, BarProps.FillColor) Call Change_pb_Color(ProgressBarWindows.hwnd, BarProps.Backcolor) ProgressBarWindows.Visible = True ' TimeStart = Now N = 360 With wndprogressbar_app.progressbarwindows.min = 0.Max = N + 1 '<<<<< update the progress bar here _ can be any variable you need in your program With picprogressbar.left = 90.Top = Me.Height 'choose you own value This code adapts the program bar's size to the.width = Me.Width 'choose you own value size to the window size..backcolor = BarBackColor.FillColor = BarFillColor.FillStyle = BarFillstyle.Visible = True With ProgressBarWindows.Left = 90.Top = Me.Height Width = Me.Width With BarProps.Min = 0.Max = N Call ProgBar_Set(Me, picprogressbar, picshow, BarProps) 'prepare the progress bar here >>>>> 'prepare the progress circle here <<<<< Call ProgCircle_Set(Me.picProgresCircle, Me.lblCircle, BarProps) 'prepare then progress circle here >>>>> Call DrawPointer(PicBox, lvwprogress, j, 0) For j = 1 To N If flgstop Then flgstop = False Exit For Call DrawPointer(PicBox, lvwprogress, j, N) Counter = Counter + 1 lblcounter = Counter wndprogressbar_app.progressbarwindows.value = Counter 'update the progress bar here <<<<< BarProps.Value = Counter Call ProgBar_Operate(Me, picprogressbar, picshow, BarProps) 'update the progress bar here >>>>> 'delay Call Sleep(lngDelay): DoEvents lblelapsed = fnelapsed(timestart) 'update the progress circle here <<<<< Call ProgCircle_Operate(Me.picProgresCircle, Me.lblCircle, BarProps) 'update the progress circle here >>>>> Next j End Sub

5 Public Sub ProgBar_Operate(Wnd As Form, picwrkbar As PictureBox, _ picshow As PictureBox, Props As Bar) 'Draw the progress bar, depending on the value in the processing loop ' 'Copy this sub to your application ' '==================================================================== 'If you use only one version with two icons only, you may cut _ parts of the code below. _ See the Info '==================================================================== Dim X1 As Integer, Y1 As Integer Dim X2 As Integer, Y2 As Integer Dim ScaleW As Single, ScaleH As Single Dim W As Integer 'Read the parameters from BarProps (here: Props) With Props 'Small right hand icon not visible when not used. _ In this case, icon's file name is empty If.RunningIcon = "" Or.FinishedIcon = "" Then Wnd.picIcon.Visible = False Wnd.picIcon.Visible = True 'When runiing, use icon RinningIcon, _ when fished, use Finished icon If.Value >=.Max Then Wnd.picIcon.Picture = LoadPicture(.FinishedIcon) Wnd.picIcon.Picture = LoadPicture(Props.RunningIcon) DoEvents 'Other parameters W = picwrkbar.width 'store width in variable With picwrkbar.fillcolor = Props.FillColor 'set the bar's fillcolor....fillstyle = Props.FillStyle '... and fillstyle... ScaleW = Props.Max '... and X and Y scale width ScaleH =.ScaleHeight 'Each version needs its own graphics procs Select Case Props.Version Case cfullbar 'Progress bar covers whole picprogressbar picwrkbar.line (X1, Y1)-(X2, Y2),.Backcolor, B 'draw rectangle Wnd.picIcon.Left = X2 - Wnd.picIcon.Width 'locate icon Case cnarrowbar 'Progress bar covers part of picprogressbar X1 = 0: Y1 = picwrkbar.line (X1, Y1)-(X2, Y2), vbblack, B 'draw rectangle Wnd.picIcon.Left = X2 - Wnd.picIcon.Width + 30 '2 px (30 twips) rightwards Case cpicturebar 'progress bar with red and white blocks X2 = (Props.Value / ScaleW) * W 'Adapt width to progress' state picshow.visible = True 'Now, the internal pictuere box is used... 'position depends on wether picicon is shown or not If Wnd.picIcon.Visible Then - picshow.width '... with 10 px (150 twips) to the right - picshow.width '... with 18 px (270 twips) to the right Wnd.picIcon.Left = X2 - Wnd.picIcon.Width End Select DoEvents:End Sub 'locate the icon

6 Code that may be cut in case you use only 1 version Select Case Props.Version Case cfullbar 'Progress bar covers whole picprogressbar picwrkbar.line (X1, Y1)-(X2, Y2),.Backcolor, B 'draw rectangle Wnd.picIcon.Left = X2 - Wnd.picIcon.Width 'locate icon Case cnarrowbar 'Progress bar covers part of picprogressbar X1 = 0: Y1 = picwrkbar.line (X1, Y1)-(X2, Y2), vbblack, B 'draw rectangle Wnd.picIcon.Left = X2 - Wnd.picIcon.Width + 30 '2 px (30 twips) rightwards Case cpicturebar 'progress bar with red and white blocks X2 = (Props.Value / ScaleW) * W 'Adapt width to progress' state picshow.visible = True 'Now, the internal pictuere box is used... 'position depends on wether picicon is shown or not If Wnd.picIcon.Visible Then - picshow.width '... with 10 px (150 twips) to the right - picshow.width '... with 18 px (270 twips) to the right Wnd.picIcon.Left = X2 - Wnd.picIcon.Width 'locate the icon End Select Disclaimer This code is free software: you can redistribute them and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or any later version. The code is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. Find a copy of the GNU General Public License at