Friday, 12 October 2012

Windows 8 inspired TileGrid.


This week we discuss an interesting new Metro-Style control: the Windows 8 inspired TileGrid. 

This control provides layout logic, user interaction and nice animations that mimic the look and feel of the Win8 start menu. This control is great to use as a customizable navigation hub for your application that users will be familiar with. Here are some initial screen shots of this control:





Dragging a tile onto a group separator:




To use this control start with a TileGrid tag and populate it with one or more TileGroup objects which in-turn can be populated with Tile instances. Here’s an example used to create the images above:




Here is a sample design implemented using the Tile Grid:





No comments:

Post a Comment