Trackbar/Progress bar with Cylinder Effect

Introduction

Trackbars and scrollbars are convenient ways of displaying a data range. The trackbars and scrollbars that ship with Visual Studio .NET, however, are a little lacking in aesthetics. We at Mycos set out to develop a high-performance dynamic trackbar that tool advantage of the GDI+ api and some of our existing drawing utilities. The end-result looks something like the following image. At runtime, of course, it allows you to drag and drop the filled area, just as with any normal trackbar. The value property is public and can be used to get the current setting at any time.

Method #1: DrawBar

This method does the bulk of the heavy lifting with a little help from the DrawingUtils class. Both classes are included in the sample source. The properties that are exposed control through the property grid include control color, anti-aliasing, and max and min values.

private void DrawBar(Graphics g, Color foreColor)
{
bool outLine = this.outLineColor != Color.Transparent;
Rectangle bound = this.ClientRectangle;
bound.Inflate(-20, -20);
Mycos.Glib.DrawingUtils.FillCylinder(g, bound, new Size(4, 10),
Color.FromArgb(this.Alpha, foreColor), this.OutLineColor, outLine);
if ( this.Value > this.Minimum && this.Value <= this.Maximum )
{
float barValue = bound.Height * (( this.Value - this.Minimum )
/ ( this.Maximum - this.Minimum));
RectangleF valueBound = RectangleF.FromLTRB(bound.Left,
bound.Bottom - barValue, bound.Right, bound.Bottom); Mycos.Glib.DrawingUtils.FillCylinder(g, valueBound, new Size(4, 10), Color.FromArgb(this.Alpha, this.BarColor), this.OutLineColor, outLine);
if ( this.showValue && valueBound.Height > 20 )
{
g.SmoothingMode = SmoothingMode.AntiAlias;
StringFormat format = new StringFormat();
format.Alignment = StringAlignment.Far;
format.LineAlignment = StringAlignment.Center;
g.DrawString(this._value.ToString("F2"), this.Font,Brushes.Black, valueBound, format);
format.Dispose();
}//end if Show Value
}//end in Length
}
#endregion