Universal Windows Platform And Extended Splash Screen

Introduction

Splash Screen is a better way to promote your application and gives people a warm welcome at the start. Universal Windows Platform Application has already built in Splash Screen when you create a new project, but this just wiped out in blink of an eye, so people who will use your application can not properly read what is written or the picture was supposed to say. That’s why Extended Splash Screen is very helpful to display what you actually want to say to your user (i.e., what’s this app about, your credentials, copyright and so on).

Working on a Project

Firstly, create a new blank project or you can use your existing Universal Windows Platform Application in this case. First of all, we are going to add a new folder and give it a name ‘Images’. Now, import your Splash Screen image into this folder. The dimension of the image recommended to be 620x300 pixel.



Figure 1: Splash Screen1



Figure 2: Adding Splash Screen

After adding the Splash Screen image, go to the ‘Package.appxmanifest’. Right click on it and select ‘View Code’.



Figure 3: Package.appxmanifest

After selecting ‘View Code’, you can see the backend code of the ‘appxmanifest’ file. Change the Splash Screen image URL with the image that you have added in the ‘Images’ folder.



Figure 4: Changing Image URL

In the above picture, you can see that we have set the BackgroundColor in a specific color code. We have matched the color with our Splash Screens background color and set in the code. You can find the color code by simply opening the image in Visual Studio.



Figure 5: Getting color code

Select the Dropper tool and click on the Splash Screen background and you can see the actual color code in the Properties menu on the Colors section.

Extended Splash Screen

Now, add a new Blank Page, and give a name ‘ExtendedSplash’. Modify the main grid like the following code:



Figure 6: Extended Splash