Wednesday, July 17, 2013

Glyphs for your apps

Instead of looking for images for all of your buttons, a much more lightweight way to add images in your apps is using font glyphs.  You've surely seen Wingdings and Webdings, but did you know there's also a Segoe UI Symbol font on your system?  You can use glyphs from this font in your Windows and Windows Phone apps.  All of the images follow the modern (Metro) look-and-feel so they'll look great.  The only problem is that you can't yet use glyphs in the application bar in WP.  Hopefully that will make it in a future update!  The link below will show you all of the available images so you don't have to preview them in Word.  To use them, just take the hex value and encode it using standard XML encoding:

<Button Content="&#xE206;" />

Miscellaneous icons
Small sample of glyphs from Segoe UI Symbol