How to Create a Modern Splash Screen in WPF using C# | C# Tutorial

[Music] thank you [Music] hello everyone in this video Let's create a modern looking splash screen using WPF if you are new here be sure to subscribe to our Channel so let's dive into the video in order to keep things simple We are continuing with the login form project or else you can start a new one if you want these project files you can download them Link in the description to achieve a modern UI we are using material design libraries in our project if you're starting a new project we recommend watching our previous video to learn about material design libraries and how to import them into your project okay to create a new window click project and select add window choose window WPF and rename it first of all let's include the material design namespace then change the height to 450 and width to 750. we'll use material design card as the main window so remove the grid add the material design card with the properties Corner radius 15. background material design paper Shadow depth 4. margin to disable the default window add these properties Windows style none startup location Center screen transparency true and background to null so now let's design the layout starting with the grid we need two columns in the layout so let's create columns with the width of 350 and 400. [Music] next create a stack panel and assign it to the first column grid column zero horizontal alignment left vertical alignment center and margin next create a wrap panel then let's display the logo with the image tag enter the source path [Music] horizontal alignment left height 50. with 50. add a text block to display the company name text font size 28 font weight bold horizontal alignment left vertical alignment center and margin now use another text block to display the loading text font size 17. font weight semi-bold horizontal alignment left and margin now add a progress bar with these properties name value zero height 5. width 280. and set is indeterminate to true now create another stack panel and assign the second column horizontal alignment center vertical alignment center height 320 width 320. let's add the illustration into our window source [Music] to import the image right-click the images folder and select existing item then choose your image file [Music] Now link The Source path [Music] now we are done with the front end next let's start coating the back end functions select the window tag and open the events tab then double-click on content rendered field import these system libraries to your program next go to content rendered event method and enter these codes [Music] foreign [Music] do work [Music] foreign then write another method to handle progress changed [Music] [Music] foreign but before we start let me quickly explain what this code does first we created a background worker instance for the progress bar to handle the background work next we assigned a do work method to increment the progress value of the progress bar with the help of a for Loop finally we created and assigned a method to monitor the value of the progress bar and if the value is equal to 100 the next window will be displayed now let's start the program in order to display the splash screen at the startup we have to change the startup URI so open app.xaml and change the startup URI to splash screen.xaml so let's begin the program you can download the project file Link in the description by the way if the video is useful a sub to the channel would be appreciated [Music]

Channel: CodeCraks

Views: 22,229

Keywords: tutorial, visualstudio, splash screen, form, c#, csharp, modern, flat, design, howto, how, best, 2019, How to Make Modern Splash Screen in C# (2022), 2021, window, how to, make, Tutorial in Visual Studio WPF Application, Visual Studio, WPF, Application, Modern Splash Screen in WPF using Material Design Library, latest, Splash Screen UI Designing, flat design, Login, Registration, Dark & Light Themes, Splash Screen in WPF, Login in WPF, loading screen, codecraks, code craks, iweb makers, 2022

Id: XM_I1y1mh7k

Length: 8min 23sec (503 seconds)

Published: Thu Oct 20 2022