People seem to like the new Windows Phone 7 Metro Design (as I do). Unfortunately you cannot use this design in regular Silverlight Applications by default. Therefore I extracted the styles and templates, changed a few settings (e. g. some “HitTests” are disabled which we need for mouse users) and packed everything together in a single ResourceDictionary. To make usage easier I added implicit styles for Button, ToggleButton, CheckBox, RadioButton, PasswordBox, ProgressBar, TextBox, TextBlock, Slider, ScrollViewer and ListBox. There are still some things to do, but I hope it will make it easier for you, to use the Metro Design in regular Silverlight Applications. You can Download a Visual Studio 2010/Expression Blend 4 Solution as ZIP here. Use this project as starting point or just copy the ResourceDictionary MetroDesignResourceDictionary.xaml to your project. For the latter you need to make sure to correctly include the fonts referred by the ResourceDictionary (Segeo WP, Segeo WP Light, Segeo WP Semibold and Segeo WP Semilight).
3 thoughts on “Metro styled Silverlight Applications”
Comments are closed.
Thank you for providing a link for easy download of Metro Design Resource Dictionary as I have been browsing sites to download the ResourceDictionary. It makes the project I am currently working on easier now.
Kimberly Harris
ImagineConsultation.com – “SEO Company that Cares!“
Hi Sascha and thanks for this post — frankly every time I get near Silverlight I feel some panic. As Kimberley says that reference to the Resource Dictionary is sure useful.
Kevin Butcher
Webmaster at More Customers Blog