CODEWITHSUNDEEP
c#windows-8windows-runtimelive-tilewindows-store-apps
msbg
msbg

Reputation: 4962

Windows 8 - How To Change Live Tile Background Image?

How do I change the background image of a live tile in my Windows 8 app to a local image? The XML for the template I am using is:

<tile>
  <visual>
    <binding template="TileWideImageAndText01">
      <image id="1" src="image1.png" alt="alt text"/>
      <text id="1">Text Field 1</text>
    </binding>  
  </visual>
</tile>

For the text, I use 

        XmlDocument xmltile= Windows.UI.Notifications.TileUpdateManager.GetTemplateContent(Windows.UI.Notifications.TileTemplateType.TileWideImageAndText01);

        xmltile.GetElementsByTagName("text")[0].AppendChild(xmltile.CreateTextNode("73°F, Mostly Cloudy"));

        TileNotification tileupdate = new Windows.UI.Notifications.TileNotification(xmltile);

        Windows.UI.Notifications.TileUpdateManager.CreateTileUpdaterForApplication().Update(tileupdate);

But what about for the image?

Upvotes: 2

Views: 5472

Answers (1)

N_A
N_A

Reputation: 19897

From here:

The following code uses a local image from the app's package. This type of image is included in your Visual Studio solution file and is packaged as part of your app. These images are accessed by using the "ms-appx:///" prefix. As a best practice, we also assign optional alt text for accessibility purposes such as screen readers.

XmlNodeList tileImageAttributes = tileXml.GetElementsByTagName("image");
((XmlElement)tileImageAttributes[0]).SetAttribute("src", "ms-appx:///images/redWide.png");
((XmlElement)tileImageAttributes[0]).SetAttribute("alt", "red graphic");

Upvotes: 5

Related Questions