Example of an app made with LiveTiles

Want to make fancy LiveTiles aka HubTiles?

Its really easy, and best of all. No code needed!

First:
You will need the Windows Phone Toolkit. Its here:
http://silverlight.codeplex.com/ and select one of the Download options:

  • Silverlight for Windows Phone Toolkit – Aug 2011.msi

Second:
Install the package

Third:
Connect Expression Blend to the Toolkit!
This is how you do it:

Add a reference to your project by right clicking on references.
then browse here to find the reference you need to add.

path of the windows phone toolkit

Forth:
Add a reference in the MainPage.xaml
Select “code view” – dont be afraid, we are just going to copy paste.
Add this line of code to the start:
xmlns:toolkit=”clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit”

The reference you need to add in MainPage.xaml

Fifth:
Now just start adding HubTiles.
You find the HubTiles here

this is where you find the HubTile control
Just double click on a HubTile to add it to a list on e.g. a panoramic app

Sixth and finally:
Now, to add content to the HubTile you have to use the “code view” dont be afraid, its just to add text! look at my sample below. You find the code in the MainPage.xaml

A screen snip of all the code in one set of LiveTiles with and without content.

Want to read more about this cool feature?
http://www.windowsphonegeek.com/articles/Windows-Phone-HubTile-in-depth-Part1-key-concepts-and-API

Advertisements