Confessions of a .NET Developer!

My own Glassy Button

In this post i will explain my implementation of a Glassy Button.
I have also created a round edged button here : Round Edged Button

Here is how the glassy button will look like :

Glassy

Glassy Button


Cool!

Here are the simple brushes used :

Brushes

Brushes

Here is the XAML of the Button in two parts (Its a bit big!)

XAML Part1

XAML Part1

In the above XAML, i have created an outer border which will contain two inner borders. These 2 inner borders will in a grid divided in half(see the row definitions). So upper border will have the upper Brush and lower one with lower brush. Simple solution!

Next part is this the control template with triggers to get the zoom effect:

XAML Part2

XAML Part2

Cool!
Hope you liked it! 🙂

Advertisements

March 3, 2011 - Posted by | WPF |

1 Comment »

  1. Why do you put your source as JPG, we cannot copy and use.

    Comment by Mark Siminski | February 16, 2014 | Reply


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: