Telerik UI for Windows Phone by Progress

This topic describes how to use the MeasureMode property in LiveTileHelper.

When you create a tile with LiveTileHelper from a UIElement that has a specific size, this size is kept in the tile. For example, if you add an element that has a size 100x100 pixels, this element will still use the same size in the tile and if the tile is 336x336 pixels (as RadFlipTileData is) the element will occupy only the top-left corner of the tile. If you need to use an element and want it to get "stretched" so that it fills the whole tile, you can use the MeasureMode proprety. Its default value is Tile. This means that an element that is smaller than the tile will be placed in its top-left corner. If you set this property to Element, the element will be "stretched" so that it fills the whole tile.

Ellipse ellipse = new Ellipse();
ellipse.Width = 100;
ellipse.Height = 100;
ellipse.Fill = new SolidColorBrush(Colors.Purple);
RadFlipTileData flipTileData = new RadFlipTileData();
flipTileData.MeasureMode = MeasureMode.Element;
flipTileData.VisualElement = ellipse;
LiveTileHelper.CreateOrUpdateTile(flipTileData, new Uri("/MainPage.xaml", UriKind.RelativeOrAbsolute), true);

Please note that when the element is too small, it might look blurry, so the recommended approach is to use big elements and leave the MeasureMode to its default value.