Search

Håvard Siegel Haukeberg

Paste life: Ctrl+C -> Ctrl+V

Tag

wp7 mango

Coding Without Code for Windows Phone 7 – HubTiles (Live Tiles)

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

Coding Without Code for Windows Phone 7

Learn to Love Blend
i ❤ Blend

Windows Phone 7
Create something!

The art of making a  Windows Phone App with little or no coding at all.

Welcome to this tutorial for those of you that just want to create something fast and easy.
If you have used PowerPoint or shapes/figures in Word, then you are set for this tutorial

Step 1 – Get the tools and Register

Windows Phone SDK, Expression Blend og Visual Studio.
www.create.msdn.com

You have to create an account for Marketplace in order to release your app. The price in Norway is 819NOK.
This process takes some time and require a credit card. Once completed the account validation takes some time aswell.
Start this before you code so there is no snag when you want to release your app

Please note. You must have Expression Blend, without Blend it will be very hard to code without code.
Read more about Expression Blend here:
http://www.microsoft.com/expression/products/blend_overview.aspx

Blog at WordPress.com.

Up ↑

%d bloggers like this: