The Manifest Designer now has the capability for generating visual assets for your UWP apps. Learn how to provide a single-source image to create tiles, logos, icons, and splash screens at any or all scales to fit every type of device your app targets.
- [Instructor] When you are ready to submit your universal Windows application to the store, you have to ensure that you have the correct visual assets available. Otherwise it will not be accepted in the store. You can learn more about these visual assets in the package.appmanifest file, over here in the Visual Assets. These are all of the items you need to have: Small Tile, Medium Tile, Wide Tile, and all these others. And not only do you need to have the Large Tile, you also need to have different scaled versions of that.
See, I've got a couple of images already, but I'm missing the Scale 400 version, and the Scale 150 version, and the Scale 125. And there's certain file requirements. They need to be 388 by 388 pixel for this one. And if you make a picture that's not the right size, you'll get an error when you try to add it to the project. The good news is, in Visual Studio 2017, we've got a tool to generate these images now, as long as you have a decent source image. So let's share you what I mean. I'll go to a Large Tile, scroll up to the top, and here's something called the Asset Generator.
And what you do is just supply a source, so I'll go out and find a file on my hard drive. I'll go up one level in my project and choose this OcLogo.png file. You get a preview here. And then I get to specify the name. I'll just leave it at the default. And what location to put it inside my project, in this case, I'll go in this Assets folder. And then I want it to generate all the scales.
This is only going to generate the large tile. It's not going to generate any of the other items. When I'm ready I click on Generate. Keep your eye over here on the Assets folder. It's telling me that two of my files, these two files here, will get overwritten. And there's my new images. Come here to do the same thing for your Small Tile. You would go here and do the same process. Or if you want to do it for the entire application, you can go up here to All Visual Assets. Pick your source here and tell it you're doing all of these assets.
Typically you'll want to maybe do all of your icons this way, and maybe not your badge or your package or your splash screen. So you might want to uncheck those ones. And then make sure you have the Apply recommended padding so it'll put the extra space around the outside so that the tile looks right when it's shown on the Windows 10 devices. I'm ready to try this one. Choose my source. Same source.
Once again, it's telling me that these files are going to get overwritten. That's great. Look at all those files. Doing this by hand would take me two hours. And now with this new tool, this Asset Generator, it only takes me 20 seconds.
- Installing Visual Studio 2017
- Using debugging features
- Reviewing document navigation enhancements
- Examining IntelliSense Improvements
- Using XAML tools
- Reviewing the tooling added to support Docker containers
- Debugging without the hosting process
- Using the Visual Studio 2017 Installer