Windows-8.1

Different tile templates and their properties in Windows phone

This is the second blog post of this series in which I am going to tell you about different tile templates and their properties in windows phone application.

In case you have missed the last post you can refer to the following link given below

 
http://www.windowsapptutorials.com/windows-phone/introduction-to-tiles-in-windows-phone-app
 

Different tile templates are

1. Flip Tile Template

2. Cyclic Tile Template

3. Iconic Tile Template

 

First of all I shall be starting up with one of my favorite Flip tile template that is mostly used by developers for creating secondary tiles on start screen.

 

Flip Tile Template

The following image given below shows the property name associated with each aspect of the Tile template.


Tile Size info

Small tile Medium tile Wide tile
159*159 pixels 336*336 pixels 691*336 pixels

 

Creating a tile class

We can use the FlipTileData class to create or update any of the following properties of the tile.

The following code example shows how to create or update a flip Tile class using C# code

 

 

We will be showing the implementation of the following code in the next post of this series.

Note: You can also leave any of the following properties undefined. By default it will take values from the system.

 

Cyclic Tile Template

The following image given below shows the property name associated with each aspect of the Tile template.


 

Tile Size info

Small tile Medium tile Wide tile
159*159 pixels 336*336 pixels 691*336 pixels

 

Creating a tile class

We can use the CycleTileData class to create or update any of the following properties of the tile.

The following code example shows how to create or update a Cyclic Tile class using C# code

 

 

Note: You can specify minimum 1 and maximum 9 local image URLs not more that.

 

Iconic Tile Template

The following image given below shows the property name associated with each aspect of the Tile template.


 

Tile Size info

Small tile Medium tile Wide tile
159*159 pixels 336*336 pixels 691*336 pixels

 

Creating a tile class

We can use the IconicTileData class to create or update any of the following properties of the tile.

The following code example shows how to create or update a Icon Tile class using C# code

 

 

In my next post of this series I will explain you how to create secondary tiles on start screen using the above three tile templates.

 

Introduction to tiles in Windows phone app
How to create Secondary tiles on Windows phone start screen using c#
How to update and delete Secondary tiles on Windows phone start screen using c#

Chetan Gulati

Currently am doing B TECH in IT from Delhi Technological University. App development is my passion. Believe in quality rather than quantity.

Read more:
How to create your first Windows Phone app
How to change the App name and Tile name of your Windows phone app
Data binding in Windows Phone app – One way binding
Close