How to create a Glass Button in WPF

In this tutorial, I show how to create a nice Glass Button Effect using Microsoft Expression Blend 2. Comments and suggestions are most welcome. Any feedback can be mailed to angelorohit@gmail.com.

Category:

Education

Tags:

• glass button
• wpf
• expression blend
• tutorial

[vanglirajan100]

hi great tutorial man..but finally u showed the 4 glassy button(actually no color in it..its completely glassy..)_how did u get that color

[angelorohit]

@vanglirajan100 The only difference between the buttons in the demo project and the final tutorial was that the demo project buttons had a Yellow glow and the tutorial one has a Powder blue glow. Apart from that I just added some MouseHover and MouseDown effects on the buttons in the demo. When you hover over the buttons in the demo project, the glow fades in and when you click on them, I scale them down a bit.

[YesYou123333]

Neat. Can you do this in Visual Studio?

[angelorohit]

@YesYou123333 The entire result is of course entirely XAML which you can use in your WPF projects. However, VS doesn't allow you to do this kind of RAD design with ease. That's where Expression Blend comes in.

[TommyDDoom]

angelo rulez xDDDDD

[anojkumar1]

thanks for the post. its really helpfull

[DavcevDusko]

thanks for upload this m8 ...

[prasadsai1]

Using Ms blend , can i add button events and codes to it ??

[vanglirajan100]

hi great tutorial man..but finally u showed the 4 glassy button(actually no color in it..its completely glassy..)_how did u get that color

[extramedium316]

Really good Tutorial. Buttons look amazing

[extramedium316]

@sprayReborn The internet is for Americans because they wouldn't last in the real world.