Click here to Skip to main content
15,299,255 members
Articles / Programming Languages / C#
Posted 13 Mar 2007


198 bookmarked

Enhanced GlassButton using GDI+

Rate me:
Please Sign up or sign in to vote.
4.79/5 (58 votes)
13 Mar 2007CPOL4 min read
An improved GlassButton with different forms and symbols, using GDI+ (and not WPF)

Screenshot - EnhancedGlassButton.jpg


This is my first article on CodeProject, so be patient with me if I've made some mistakes.

The control from this article is based on the GlassButton from Lukasz Swiatkowski. He created a very cool control, simply with GDI+, which looks similar to the Glass buttons from the Aero-GUI in WinVista. I've made some enhancements so that the control has some cool functions, and I also made some performance improvements, and have found a great trick to increase the performance dramatically if you are using the GlassButton on a Form with the background image set.


My reason to create these improvements was that I'm currently working on my Diploma project where one part is a multimedia player where I want a cool design and so the GlassButton was the best candidate to be used for the player buttons, but my design needs some "specials" and so I improved the original GlassButton so it could do these "specials".

How to Use the EnhancedGlassButton?

To use the control as given here, you simply need to download the given DLL and include it into your Visual Studio Toolbar; then use the button as you would a normal Button, with the Designer or within the code.

Short Description of the Enhancements and Other Properties of the GlassButton

  • AlternativeFocusBorderColor:
    • If the alternative Focusborder is chosen, the outer border will be drawn in this color (looks very nice in my app).
  • AlternativeForm & -Direction:
    • The button will be drawn with the alternative form and direction as you see on the screenshot.
  • AnimateGlow:
    • If false, the glow isn't animated, and the performance is improved if you are using more than one GlassButton on your form.
  • CornerRadius:
    • Defines a user-defined corner radius. The maximum radius is calculated as Width/Height / 2, and if selected, the button will be round.
  • GlowColor:
    • The color of the glow which appears on the control when it is hovered.
  • ShineColor
    • The color of the shine on the upper half of the control which simulates the 3D effect.
  • ShowFocusBorder:
    • If true -> normal behavior
    • If false -> normal focus border is not drawn and the alternative focus border will be drawn (necessary for alternative form or round buttons)
  • ShowSpecialSymbol, SpecialSymbol, SpecialSymbolColor:
    • Draws a special symbol with the selected color on the control (Arrows, Play, Pause,... some symbols need to be improved if the button size is big - will be done in the next release [if you have a better symbol, mail me!]), as you see on the screenshot.
  • ToolTipText:
    • If not empty, a ToolTip will be created automatically on the control.

Improvements if You Are Using the Button With Background Images

If you have a Form with a BackgroundImage and some GlassButtons, you will notice that the performance goes down rapidly. This is because of the rendering of the transparency of the image at every redraw.

To improve this, you could pre-render the background image to the correct size and with a transparency-channel, as shown in the following code:

//Global Vareable

Image backgroundImage; 

//In the Load- and Resize-Function


if (this.BackgroundImage != null && this.Height > 0 && this.Width > 0) 
    if (this.backgroundImage == null)
        this.backgroundImage = this.BackgroundImage;

    Bitmap renderBmp = new Bitmap(this.Width, this .Height,

    Graphics g = Graphics.FromImage(renderBmp);
    g.DrawImage(this.backgroundImage, 0, 0, this.Width, this.Height);
    this.BackgroundImage = renderBmp;


If you put the code above into your Load and Resize functions, the BackgroundImage will be pre-rendered and the drawing will be up to ten times faster (don't forget to make the background image variable global)!

How to Create the Special Designs

To create the designs, I use simple GraphicPaths and draw the button with them, as seen in the following code:

if (alternativeForm)
    if (alternativeFormDirection == Direction.Left)
        path.AddArc(l, t, h, h, 90, 180);
        path.AddLine(l + h, t, l + w, t);
        path.AddCurve(new Point[5] { 
            new Point(l + w, t), 
            new Point(l + w - h / 6, t + h / 4),
            new Point((int)(l + w - (double)(h / 4.7)), t + h / 2),
            new Point(l + w - h / 6, t + 3 * h / 4), 
            new Point(l + w, t + h) });
            path.AddLine(l + h, t + h, l + w, t + h);
        //same in the other direction


Using the same method, I've created the symbols on the button.

Use Or Edit the Code

You can feel free to use this class / code in any application or extend it a second time, but if you make extensions, please keep the comment-header in the GlassButton.cs as it is and only extend it with your name.

If you make some cool extensions, please let me know by leaving a note in the comments section below, maybe I could use them too ;).

Points of Interest

What I noticed when I was creating the new design was that I was able to smooth out drawings on the control with anti-aliasing, but if you try to cut unused space from your control with the region, you will get "nice stairs"...


  • V1.0 (13.03.2007) - Main release


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Fink Christoph
Software Developer
Austria Austria
I was a student for electronics and technical information technologies at the higher technical school in Rankweil, Austria.

Since Summer 2007 I'm working as a .net SW-Developer.

I'm a .net developer since 2003 and also able to programm C/C++, PHP, ASM ans some more.

Comments and Discussions

QuestionException throwing Pin
Member 945160123-Aug-14 5:57
MemberMember 945160123-Aug-14 5:57 
AnswerRe: Exception throwing Pin
Zhi Chen13-Oct-14 8:22
MemberZhi Chen13-Oct-14 8:22 
GeneralRe: Exception throwing Pin
Zhi Chen13-Oct-14 8:42
MemberZhi Chen13-Oct-14 8:42 
GeneralRe: Exception throwing Pin
wmjordan14-Oct-14 23:25
professionalwmjordan14-Oct-14 23:25 
GeneralGreat! Pin
Member 108491207-Jul-14 18:52
MemberMember 108491207-Jul-14 18:52 
GeneralMy vote of 5 Pin
Kanasz Robert27-Sep-12 8:38
professionalKanasz Robert27-Sep-12 8:38 
GeneralMy vote of 5 Pin
Eduardo_David5-Jun-11 3:36
MemberEduardo_David5-Jun-11 3:36 
GeneralWow Pin
David55345-Oct-10 13:14
MemberDavid55345-Oct-10 13:14 
GeneralWhere is the demo project Pin
Xmen Real 3-Jul-10 0:32
professional Xmen Real 3-Jul-10 0:32 
QuestionPerformance question Pin
Greg Cadmes2-Oct-09 6:16
MemberGreg Cadmes2-Oct-09 6:16 
AnswerRe: Performance question Pin
Fink Christoph3-Oct-09 7:37
MemberFink Christoph3-Oct-09 7:37 
GeneralBrilliant Work Pin
EdTheBurger12-Aug-08 20:13
MemberEdTheBurger12-Aug-08 20:13 
QuestionHow to add to tool bar Pin
Gary In SD19-Jul-08 10:21
MemberGary In SD19-Jul-08 10:21 
AnswerRe: How to add to tool bar Pin
Fink Christoph19-Jul-08 12:23
MemberFink Christoph19-Jul-08 12:23 
GeneralRe: How to add to tool bar Pin
Gary In SD19-Jul-08 13:23
MemberGary In SD19-Jul-08 13:23 
GeneralRe: How to add to tool bar Pin
Fink Christoph19-Jul-08 21:53
MemberFink Christoph19-Jul-08 21:53 
GeneralRe: How to add to tool bar Pin
Gary In SD20-Jul-08 3:03
MemberGary In SD20-Jul-08 3:03 
GeneralRe: How to add to tool bar Pin
Fink Christoph20-Jul-08 3:15
MemberFink Christoph20-Jul-08 3:15 
GeneralRe: How to add to tool bar Pin
Gary In SD20-Jul-08 3:35
MemberGary In SD20-Jul-08 3:35 
GeneralGreat.... Pin
Christy Rajan25-Feb-08 1:32
MemberChristy Rajan25-Feb-08 1:32 
GeneralRe: Great.... Pin
Fink Christoph27-Mar-08 14:30
MemberFink Christoph27-Mar-08 14:30 
GeneralRe: Great.... Pin
ign-up22-Sep-08 1:31
Memberign-up22-Sep-08 1:31 
GeneralRe: Great.... Pin
pao61625-Feb-09 19:55
Memberpao61625-Feb-09 19:55 
GeneralUse DrawSpecialSymbol method in My Project Pin
Sukhjinder_K8-Nov-07 17:28
MemberSukhjinder_K8-Nov-07 17:28 
GeneralRe: Use DrawSpecialSymbol method in My Project Pin
Fink Christoph8-Nov-07 19:59
MemberFink Christoph8-Nov-07 19:59 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.