Splash Screen With Metro Framework In WinForms

In this article, I am going to explain how to create a splash screen using Metro Framework in Visual Studio 2017.

Introduction

In this article, I am going to explain how to create Splashscreen using Metro Framework in Visual Studio 2017. The Progress Bar is used to load any process in Windows.Forms application. The splash screen is used to display the running time of the process.

Metro Framework

Metro Framework is an open source DLL that is used to create a high-level Windows.Forms application. It has its own development tools which are used for making Windows.Forms a clear and high-quality UI theme.

Let's start the project. 

Step 1 - Start the Project

Open Visual Studio 2017 ---> Windows.Forms Application----> New project --->Name it as Metro splash screen. The default Windows Designer form will be loaded.

Visual Studio
 
Step 2 - Download and Install NuGet Packages

Add a reference file and right-click to Add---> Manage NuGet Package. Browse metroframework from NuGet package and download it. It will be downloaded automatically. It will have a collection of its own tools to be used to UI design
 
 
 
 
  
 
Step 3 - Add New form 

Add another form to the project that will be used as the splash screen for this project.
 


Step 4 - Metro frame

Follow the code given below to create Metro styled form on your Form 1 and Form 2 in a simple Windows.Forms. The output is given below as in the screenshot.
  1. public partial class Form1 : MetroFramework.Forms.MetroForm
 
 
Step 5 - Drag and Drop Control function

After successful installation, you are able to drag and drop controls into your form in the same way you did with the traditional method.
Drag and drop the picture box from the Toolbox to the Form 1 in Visual Studio 2017. Import the file and save it.
 
 
Step 6 - Label and Progress Bar

Now, drag and drop the Label and Progress Bar from the Toolbox into the Form1. Change the property of progress bar style as Marquee. Change the Text of the Metro Label as Loading.
 
 
Step 6 - Coding

Follow the code given below in the screenshot and use this code in Form 2, which is used as the splash screen for this project.
 

Step 7 - Output

Compile and run the code. The following output will be obtained as given below in the screenshot.

 
Summary

Finally, we have created the splash screen with Metro Framework in Visual Studio 2017. In case of encountering problem with the code,  feel free to comment it below. In my next article, I will explain how to install NuGet package in details.