Telerik UI for Windows Phone by Progress

RadHubTile is the most commonly used tile. It consists of a title, an icon, a notification count and an optional message. For example the mail tile on the Windows Phone home screen has a mail icon. The mail count is displayed on the right side of the icon and the title says "Mail". The message can be used to display the first words from the latest email for example.

Using RadHubTile

RadHubTile exposes only three properties. These are Count, ImageSource and Message. Count is a nullable int that gets or sets the notification count. When it is null, no notification is displayed. ImageSource defines the icon and Message is a string that is displayed in the top left corner of the tile. Below is an example of RadHubTile with all its properties set:

<telerikPrimitives:RadHubTile Title="Title"
                                Message="Some message">
        <Border Background="{StaticResource PhoneAccentBrush}">
            <TextBlock HorizontalAlignment="Center"
                        Text="back content"/>
RadHubTile tile = new RadHubTile();
tile.Title = "Title";
tile.Count = 1;
tile.ImageSource = new BitmapImage(new Uri("Icon.png", UriKind.Relative));
tile.Message = "Some message";
tile.BackContent = new Border()
    Background = Application.Current.Resources["PhoneForegroundBrush"] as Brush,
    Child = new TextBlock() 
        HorizontalAlignment = HorizontalAlignment.Center,
        VerticalAlignment = VerticalAlignment.Center,
        Text = "BackContent"

RadHubTile also inherits the following properties from HubTileBase: UpdateInterval, IsFrozen, BackContent and BackContentTemplate. UpdateInterval is a TimeSpan and determines the time interval of the periodic tile updates. It is important to note that these updates are only updates of the tile's visual states, if the tile displays some data from a remote location, for example a web service, the tile will not request new information, it will simply update its visuals.

For RadHubTile the visual updates are turned off by default because there is nothing dynamic on the front side. However, if the BackContent property is set, RadHubTile will start to update itself, by flipping to the back content and back again.

Finally, the IsFrozen property manually starts and stops the periodic updates of the tile. This is handy when a hub tile is in a panorama or pivot for example. In this case, when the tile is in an item that is not visible, it should not update itself and its IsFrozen property should therefore be set to true.