Skins for WPF and Silverlight (Channel 9)

Skins for WPF and Silverlight

Posted: Jun 22, 2009 at 11:42 AM

By: Jared Bienz

(4)

12,601 Views

8 Comments

Video format

Option selected may change based on video formats available and browser capability.

Auto

Use our suggested format for this video.

Smooth Streaming

Adaptive bitrate streaming - little buffering but lower video quality at times of low bandwidth. Silverlight 5 required

Progressive

Traditional buffered video format. Silverlight 5 required

HTML5

For browsers that support H.264 MP4 or WebM video playback such as:
IE9+, Firefox 4+, Chrome 5+, or Safari 4+.

Flash

For browsers that have the Adobe Flash Player plugin installed.

In this screencast we'll cover the topics needed to create custom skins for WPF and Silverlight. Topics include Resources, Templates, Styles and Dictionaries, and we'll see how each builds upon the other to provide a very rich and flexible skinning system on these platforms.

The sample project demonstrated in this screencast can be downloaded here.

Part 2 is also available, “Creating Lookless Controls for WPF and Silverlight”.

Follow the Discussion

Follow
Oops, something didn't work.

Try again?

Sign In to be begin to follow these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.

Getting "follow" information

Stop following these comments

Start following these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.

Removing your "follow"

Setting up your "follow"

Did you know you can
sign up for email notifications?
- Subscribe to this comments

bradutz01

Jun 23, 2009 at 5:08 AM

Hi, nice video regarding cusotm skins, i found this website that they sell skins for WPF and Silverlight you can check it out at: http://www.xamltemplates.net/
tkchen7 Tsuo Kang Chen

Jun 24, 2009 at 11:33 AM

This is a great presentation by explaining what are template and style. The key is template is for child element and style is for parent elemetns. And you certainly can have template as part of your style. In addition, you can switch the style by simply by switch into different dictionary files. It is also great to know Blend is a great tool to creaet customized styples.
jbienz

Jun 29, 2009 at 3:55 PM

Cool, thanks for your comments. I too was quite confused about styles vs. templates when I first started working with the system. Blend makes it easy, but it also blurs the lines. For example, when you right-click on a button and choose to edit the template, Blend automatically creates a style with a template in it. This makes sense because templates are normally applied using styles and styles allow you to change attributes on the parent. But it isn't really clear why you said you wanted to edit a template and a style was created as well.

Thanks for watching!
Marat Marat

Jun 30, 2009 at 2:23 PM

Excellent demo! Could you please do more covering SilverLight.
magicalclick remember the flow

Jul 22, 2009 at 12:51 AM

Thanks for the nice screencast. It clears up a lot of my confusions. I used to define everything in template because I am not really sure what other two are good for. Now I see why we want them separate and how to use the properly. Thank you.
daveNewHampshire

Oct 19, 2010 at 12:39 PM

Now that is how to deliver a clear presentation on a topic that nobody seems to be able to explain clearly with words. Thank you, sir.
hemant singh

Dec 10, 2010 at 3:58 PM

Very clear presentation and very helpful as well.
Doigen

Feb 01, 2011 at 1:11 AM

Excellent ! just what I was looking for.
But I couldn't find the attached files...