WPF Application – Hello WPF – Macrotechx

First WPF Application – Hello WPF App

The primary and really classic instance in quite a lot of programming language education is the “Hello world!” example. However, in this WPF application tutorial, we’ll pass nuts and alternate that into “Hello WPF!” rather. The goal of this WPF application is clearly to get this piece of text onto the display, to reveal you how clean it is to get started. The rest of this first WPF application supposes that you have an IDE mounted, ideally visual Studio or Visual  Studio Community (see the official link on the way to get it). In case you’re the usage of another product, you will need to adapt the instructions in your product.

Download VS2017 Latest Version for free:

Creating a New WPF project in Visual Studio 2017


In Visual Studio, start by choosing a New Project from the File menu tab. On the left, you must have a tree of categories. This tutorial will always cover C# whenever code is involved so that you must select that from the list of templates (for more understanding watch video). As we are creating Windows WPF Application, you need to pick out Visual C# ->Windows Classic Desktop from the list of installed templates. This may provide you with a list of all possible installed types of Windows Application types. From which you ought to select a WPF application. I named my assignment “HelloWPF” within the Name text box. Make sure that the rest of the settings in the lower part are fine after which press the OK button.

wpf application

Your new Project will have a couple of documents, but our attention is just one of them MainWindox.xaml. That is the programs main window, the only shown first whilst launching the application, except you especially change this. The XAML code observed in it (XAML will be discussed in coming posts of this tutorial) ought to appear something like this

wpf application


What is Windows Presentation Foundation C#?

WPF Vs Winforms


That is the fundamental XAML that Visual Studio generates for our WPF Application, all elements of it will be defined inside the chapters on XAML. You can actually run the program now (select Debug -> start debugging or press F5) to see the empty window that our utility currently consists of, but now it is time to get our message at the display.

Adding a TextBox Control in WPF

We’re going to do it via adding a TextBlock to the Grid panel, with our aforementioned message because the content material Attempt to debug the program again (pick out Debug -> begin debugging or press F5) and see the stunning result of your tough work – your first WPF application.

wpf application

You will see that we used two exceptional attributes on the TextBlock to get a custom alignment (in the center of the window), as well the FontSize attribute to get larger textual content. All of those concepts might be treated in later articles.

Congratulations on making it this a long way to create first WPF Application.

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: