You have created a video player, and you want to change a button make a standard Play/Pause button. (Much like YouTube or iTunes). If you are a designer, you probably already know how, however, if you are like the rest of us developers this can be a little frustrating. So, after taking a billion screenshots putting this post together, I thought it would be easier to do a screencast instead. This is my first screencast, so bear with me.
Overview
Basically this tutorial shows you how to style a ToggleButton and how to update the Visual States of a control in Blend. For reference, here are the basic steps needed to create the play/pause button:
- Open Expression Blend,
- Place a ToggleButton on the Artboard,
- Create a copy of the template,
- Remove all the unnecessary objects from the Objects and Timeline panel,
- Draw a Play head and Pause icons,
- and Update the opacity of the icons for the States.
September 5th, 2008 at 7:12 am
[...] Making a Play/Pause Button in Silverlight (Corey Schuman) [...]
September 6th, 2008 at 7:58 am
Its “bear with me” and not “bare with me”. The latter is an invitation to undress…
September 7th, 2008 at 11:59 pm
corey have you seen http://codeplex.com/sl2videoplayer?
September 8th, 2008 at 10:11 am
Thanks for the link Tim, the project looks great.
September 11th, 2008 at 5:16 am
[...] Smith again with Synchronizing the width of elements in an ItemsControl Corey Shumann shows how to Make a Play / Pause button in Silverlight The guys over at First Floor Software have released Silverlight Spy The latest release of [...]
May 20th, 2009 at 11:09 pm
[...] Templating a ToggleButton to look like a playhead for a video player - http://www.85turns.com/2008/09/05/making-a-play-pause-button-in-silverlight/ [...]
May 20th, 2009 at 11:12 pm
[...] Templating a ToggleButton to look like a playhead for a video player - http://www.85turns.com/2008/09/05/making-a-play-pause-button-in-silverlight/ [...]
May 21st, 2009 at 9:03 pm
[...] Templating a ToggleButton to look like a playhead for a video player - http://www.85turns.com/2008/09/05/making-a-play-pause-button-in-silverlight/ [...]