Windows Phone 7.5 Live Tiles

WP7 provides a very different user experience compare with android and iOS. One of the obvious difference is Live tile. The new way of visualize the notifications or alerts seems caught a lot of users attention. The clear, clean (and HUGE font) seems very usable to a lot of users.

image

As a developer, I’m trying to implement the notifications similar to live tiles into my application. After rounds of research, I’m shock that the SDK does provides a way to do notification for the count BUT the looks and feel seems like iOS or Android!!!!

image iPhone

image Android

image Default Tiles update from WP7.1 SDK

Don’t you think the looks and feel are similar to the other 2 platforms? So, if you trying to do something like the following using existing library it going to be the roller coaster ride

image

After days of research, I decided to come out with a library to achieve something that looks like WP7 native applications (such as Mail, text, calls)

 

Step-by-Step

Download the GainSecure.WindowsPhone.dll

Prepare a icon with white color path and transparent background. ***please set the icon to 80×80 pixels ***

image

Add the icon file into existing project

image

Set the Build Action into Content

image

Create a ShellTile object

image

Create an object of the LiveTile and add the handler to manage the event when tile is generated

image

Create a BitmapImage object

image

Setting the following properties to the liveTile object

image

Once the properties been set, we can generate the tile by run the Generate() method

image

Once the tile been generated, we can receive the generated tile in LiveTile_TileGenerated event

image

 

The tutorial above will shows result as below

image

 

You can refer the full source code here

image

 

Enjoy!!!!!!!!

About these ads

4 Comments

Filed under Uncategorized

4 responses to “Windows Phone 7.5 Live Tiles

  1. Pingback: Windows Phone 7.5 Live Tiles

  2. Alexander

    Hi. What if I want to have a gradiant green background and a icon that has black border.

  3. Pingback: Creating Live Tiles (like) Mail, Text, Calls | MSDN Blogs

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s