Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / multimedia / GDI+

A shiny orb button in GDI+

2.59/5 (15 votes)
1 Jan 2008CPOL 2   1.5K  
A button with a shiny orb effect on mouse hover.

Image 1

Introduction

I was actually experimenting with different brush options to create a glassy orb, but it did not work .. But, I still liked the effect even though it wasn't really what I wanted .. So, I turned this into a button. Hopefully, someone may find this useful. When the world is going to WPF ...

Using the code

There aren't many options to play around with except that you can add image, text, and colors.. Do whatever you want with the code, and if you manage to create a shiny glass effect .. let me know. The code is short, and most of the implementation is in the OnPaint method.

The following is used to create the animation effect for the glowing light:

C#
pgb1.FocusScales = new PointF(_focus, _focus);

where pgb1 is the PathGradientBrush.

Then, as a mouse hovers over, it kick starts a timer and increases the focus:

C#
if (_focus < 0.9f)
    _focus = _focus + 0.1f;
}
else { 
    timer.Stop(); 
}

As focus reaches 1, the timer stops.

The reverse occurs when the mouse leaves the control.

History

  • Version 0.1

License

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