1. Environment construction

First download VS from the VS official website. I downloaded the VS2019 community version. After the download is complete, select the installation environment: .NET desktop development, select Finish and click the modify button in the lower right corner.

 

Since it is already installed, there is no modify button.

Wait for the download to complete, and start logging in to your account.

Two, create a WPF desktop program

First choose to create a project

 

After clicking, enter WPF in the search box, and the following list appears:

 

We will find that there are 2 desktop applications with different frameworks, one is.NET Core,the other is.NET Framework, we use the.NET Core, There are differences between the two, the main application platform difference. NET Core cannot run on older systems. You can go to Baidu to search for the specific difference, so I won't go into details.

We choose .NET Core's WPF for development. After selection, you can choose the name and location of the subsequent project. My side is displayed as the default WpfApp2.

 

Click Next and select the minimum .Net Core 5.0

and click Create. Wait until the project is fully loaded.

After the loading is complete, you will see that the entire interface is roughly divided into 5 layouts:

 

1. Interface layout designer, mainly for real-time interface control layout display

2. XAML code editor, this part is the interface code of 1

3. Solution display

4. Property interface, which mainly displays the properties of the selection control.

5. Control library, including various controls, buttons, display boxes and so on.

3. Layout helloworld

Find the TextBox in the 5 control library list, hold down the mouse and drag it to the 1 interface.

We need to display Helloworld, but TextBox is now displayed by default. There are two ways to modify the display:

1. Modify the Text property of the property interface on the right and change it to HelloWorld.

 

2. Modify the Text in the red box of the XAML interface to Text="HelloWorld"

 

Both have the same effect.

Four, run

Click VS to run

 

You can get HelloWorld

Final effect:

Follow-up will explain the operation of the two interfaces MVVM and MVC. the