I'd like to make some clarifications on the way LiveTileHelper
works. In short, it creates an image from the UIElement
that you provide and uses this image for your tiles. The recommended image size for (standard, even if not created through LiveTileHelper) images used for tiles on high resolution windows phone devices is 691x336 pixels. However the element on your screen is only 480 pixels wide. You have two options here:
1) set MeasureMode
- this way the image that is created will be wide as the element, that is 480 pixels. However, in order to fill the wide tile this image will be stretched and may seem a little blurry
2) set MeasureMode
(default) - this way the image that is created will follow the guidelines and will be 691 pixels wide. Since your element is only 480, it would not fill the entire image, thus the entire tile.
Probably what you want is good looking image which fills the entire space. You can achieve this by moving your element (or a copy of it) out of the visible area by applying a negative margin (for example Margin="-2000,0,0,0") and setting its width to 691. (Setting MeasureMode would be redundant here because, both modes will result in creating a tile which is 691 pixels wide). I have attached a sample as a illustration to this approach which uses some of the code that you posted on another thread.
I hope this information helps with the LiveTileHelper
usages, so that you will be able to better decide what approach to use. Let us know if you need further assistance.
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.