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.
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.
- 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.