Creating a Glass Button - PART ONE

PLEASE SEE THE UPDATED TUTORIAL HERE 

Alot of people ask, when it comes to WPF, how do I make my app look cool?

WPF allows to fully customise the look and behaviour of all the common controls - this means a button no longer needs to be represented by a grey rectangle, or a radio button no longer needs to be represented by a round bullet.

All controls in WPF are lookless.

The image below shows the final output of what we will produce...

So, I have attached the tutorial and source code to this post... go fourth and build. Drop any comments if you have any problems and i will get back you with answers.

Martin

GlassButtonTutorial.zip

Comments

• Anonymous
  May 22, 2006
  The comment has been removed

• Anonymous
  May 22, 2006
  The comment has been removed

• Anonymous
  May 22, 2006
  Is their a method to use an animated cursor as a icon on the glass button -- if so, How can we do that?
  
  sign me bored with the routine (even the future routine) ;-)
  

• Anonymous
  May 22, 2006
  Yeah, definately. The place where i put the image could actually have anything in it - an image, a video, more text, an animated 3D scene...
  
  All you would need to do is create a timeline in the button template, and create you animation from there. I will be showing timeline creation in Part 2 later this week, so watch this space.

• Anonymous
  June 09, 2006
  Software Test Engineer, Dante Gagne, takes us through a tutorial of how to bind media to playback...

• Anonymous
  June 17, 2006
  "Part 2 later this week"...  that was nearly a month ago... really looking forward to Part two though... any eta?

• Anonymous
  November 04, 2006
  The tutorial rocks man!  As a programmer with not that great design skills I was still able to walkthrough your tutorial and create a cool looking button in no time.  I love the little screenshots next to each step which helped out alot!  I look forward to the upcoming tutorials for other effects!

• Anonymous
  January 22, 2007
  Hello! I am Billy Johnson Nice design. Enjoy! Good site! OK. 0n79p7k .

• Anonymous
  January 24, 2007
  I can get the code to work, but when I try to put it into a seperate resource file it doesn't seem to work.  Any thoughts?

• Anonymous
  February 11, 2007
  Hi all , very nice site! Thank You !

• Anonymous
  February 16, 2007
  Well, it was a while back that I posted the first Creating a Glass button tutorial. Of course, that was

• Anonymous
  October 04, 2007
  Nice Work, its very helpful for great design. Keep it up

• Anonymous
  October 21, 2007
  All about niagara fall <a href=" http://niagara-falls-picture.lioru.com ">niagara university</a>niagara university

• Anonymous
  October 22, 2007
  All about niagara falls <a href=" http://niagara-falls-ny-real-estate.lioru.com ">seneca niagara</a>seneca niagara

• Anonymous
  October 23, 2007
  All about niagara falls <a href=" http://niagara-falls-ny-hotel.lioru.com ">first niagara</a>first niagara

• Anonymous
  October 23, 2007
  All about ford cars and parts <a href=" http://detroit-ford.uertr.com ">ford new rochester york</a>ford new rochester york

• Anonymous
  October 23, 2007
  All about ford cars and parts <a href=" http://ford-oakland.uertr.com ">bergen ford</a>bergen ford

• Anonymous
  October 24, 2007
  All about ford cars and parts <a href=" http://ford-motor.uertr.com ">cincinnati ford</a>cincinnati ford

• Anonymous
  October 24, 2007
  All about ford cars and parts <a href=" http://ford-part-truck.uertr.com ">ford greensboro</a>ford greensboro

• Anonymous
  October 26, 2007
  All about ford cars and parts <a href=" http://criminal-check.ophyu.com ">free criminal check</a>free criminal check

• Anonymous
  November 14, 2007
  The sequence is so easy, and very helpful for designs Thanks

• Anonymous
  June 23, 2008
  Hai, Great Idea I will Love to contact with you .Mail Me At xtremeindia@yahoo.com

• Anonymous
  December 21, 2008
  Great post, really helped me understand how this all works, thank you! I will come back again.

• Anonymous
  November 18, 2009
  This is a great tutorial, Martin.  It really helped explain some of the strange little nuances of Blend.  Thanks very much for positing it!