Home > Articles > Mobile Application Development & Programming

  • Print
  • + Share This
This chapter is from the book

This chapter is from the book

Add a Live Tile

com_05.jpg

Let’s add one more component to our app: a Live Tile that will represent it on the user’s Start Screen.

common_circle.jpg Open the Manifest Editor

Close your application in Windows by swiping from the top of the screen, and then click the red square on the toolbar in Visual Studio to stop debugging. Once you’re back in design mode, double-click the Package.appxmanifest file in the Solution Explorer.

063fig01.jpg
063fig02.jpg

common_circle.jpg Specify The Images

At a minimum, you’ll need two images for your tiles: one that’s 150 pixels square and one that’s 30 pixels square. It’s probably a good idea to add a third image, 310x150 pixels, to support wide tiles, because you can’t change that once the app is deployed.

To tell Windows 8.1 about your images, just navigate to them on the Visual Assets tab of the Manifest Editor. There are images included in the Assets folder of the sample application you can download from the site, or you can provide your own if you prefer:

In order to see your tile in action, you might need to uninstall the app from the Start Screen by selecting it and choosing Uninstall from the app menu. Then run the app and verify that the image you chose represents the application for the user.

064fig02.jpg
  • + Share This
  • 🔖 Save To Your Account