- Fitting It In
- Task List
- The Development Process in a Nutshell
- Say Hello
- Create a New Project
- Run in the Simulator
- Set Some XAML Properties
- Change the XAML
- Use the Property Window
- Add a Contract
- Wire up the Flyout
- Add a Live Tile
- Certify your App
- Say What?
- Visual Studio Templates
- Common Files
- Visual Studio 2013 Express
- Using the Simulator
- The XAML Designer
- Blend integration
- Review
Add a Live Tile
Let’s add one more component to our app: a Live Tile that will represent it on the user’s Start Screen.
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.
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.