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
Comments
Anonymous
May 22, 2006
The comment has been removedAnonymous
May 22, 2006
The comment has been removedAnonymous
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 wasAnonymous
October 04, 2007
Nice Work, its very helpful for great design. Keep it upAnonymous
October 21, 2007
All about niagara fall <a href=" http://niagara-falls-picture.lioru.com ">niagara university</a>niagara universityAnonymous
October 22, 2007
All about niagara falls <a href=" http://niagara-falls-ny-real-estate.lioru.com ">seneca niagara</a>seneca niagaraAnonymous
October 23, 2007
All about niagara falls <a href=" http://niagara-falls-ny-hotel.lioru.com ">first niagara</a>first niagaraAnonymous
October 23, 2007
All about ford cars and parts <a href=" http://detroit-ford.uertr.com ">ford new rochester york</a>ford new rochester yorkAnonymous
October 23, 2007
All about ford cars and parts <a href=" http://ford-oakland.uertr.com ">bergen ford</a>bergen fordAnonymous
October 24, 2007
All about ford cars and parts <a href=" http://ford-motor.uertr.com ">cincinnati ford</a>cincinnati fordAnonymous
October 24, 2007
All about ford cars and parts <a href=" http://ford-part-truck.uertr.com ">ford greensboro</a>ford greensboroAnonymous
October 26, 2007
All about ford cars and parts <a href=" http://criminal-check.ophyu.com ">free criminal check</a>free criminal checkAnonymous
November 14, 2007
The sequence is so easy, and very helpful for designs ThanksAnonymous
June 23, 2008
Hai, Great Idea I will Love to contact with you .Mail Me At xtremeindia@yahoo.comAnonymous
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!