Design User Interface

visual-studio-select-properties
visual-studio-select-properties

You can also open properties window by press F4 to open properties window

visual-studio-properties-window
visual-studio-properties-window

The above illustration shows the following Windows

Main window:
In this window, you’ll do most of your work, such as working with forms and editing code. In the illustration, the window shows a form in the Form Editor. At the top of the window, the Start Page tab and the Form1.cs [Design] tab appear. In Visual Basic, the tab name ends with .vb instead of .cs

Solution Explorer window:
In this window, you can view and navigate to all items in your solution. If you choose a file, the contents of the Properties window changes. If you open a code file (which ends in .cs in Visual C# and .vb in Visual Basic), the code file or a designer for the code file appears. A designer is a visual surface onto which you can add controls such as buttons and lists. For Visual Studio forms, the designer is called the Windows Forms Designer.

Properties window:
In this window, you can change the properties of items that you choose in the other windows. For example, if you choose Form1, you can change its title by setting the Text property, and you can change the background color by setting the Backcolor property.

Now we will design and add controls from the toolbox.

Add TextBox control:

1) Click on Toolbox to open Toolbox window. You can also open it from the View menu or by typing CTRL+ALT+X.
2) In the Toolbox, search for the TextBox control.
3) Add a TextBlock control to the Window Form. Drag and drop the Textbox control to the Form and center the control near the top of the window.

visual-studio-textbox
visual-studio-textbox

Add Button control:

1) In the Toolbox, search for the TextBox control.
2) Add a TextBlock control to the Window Form. Drag and drop the Textbox control to the Form and center the control near the top of the window.

visual-studio-button
visual-studio-button