Create A Background Image In UWP

Introduction

In this article, you will learn how to develop background image in Univesal Windows Platform Application, using XAML and C sharp program.
 
Requirements - Visual Studio 2015 Update 3.

Step 1 - 
Open Visual Studio 2015 Update 3 and open the new project.The shortcut key, which can be used is Ctrl+Shift+N.

Univesal Windows Platform

Step 2 - 
Now, we can choose Visual C# and you can select the platform in Windows. Afterwards, you can choose Universal Windows Platform Application. We can select Blank app(Universal Windows) and you go to type the your project name. Click "OK" button.

Univesal Windows Platform

Step 3 - 
Here, we can choose the Target version and minimum version. Click "OK" button.

Univesal Windows Platform

Univesal Windows Platform

Step 4 - 
Here, open the .cs file and you can go to MainPage.xaml. You will see the design page and afterwards, you choose device scale. It is like that 5" Phone(1920*1080) 300% scale.

Univesal Windows Platform

Univesal Windows Platform

Step 5 - Now, you go to Assets and select Add. Afterwards, choose the Existing item. We can go to files and you will choose your project images. Click the open button and file is added. 

Univesal Windows Platform

Univesal Windows Platform
 
Univesal Windows Platform

Step 6 - 
Go to XAML page and you need to write the image source code. You can save the program.

Univesal Windows Platform

Univesal Windows Platform

Step 7 - 
Now, we should run and choose the machines. It is like local machine, remote Machine and so on.The shortcut key is F5.

Univesal Windows Platform
 
Step 8 - Now, the project is deployed and executed. Afterwards, you can see the output, as shown below-             

Univesal Windows Platform


Similar Articles