Tutorial 1: Create a Picture Viewer
In this tutorial, you build a program that loads a picture from a file and displays it in a window. You learn how to drag controls like buttons and picture boxes on your form, set their properties, and use containers to smoothly resize the form. You also get started writing code. You learn how to:
Create a new project.
Test (debug) an application.
Add basic controls like check boxes and buttons to a form.
Position controls on a form using layouts.
Add Open File and Color dialog boxes to a form.
Write code using IntelliSense and code snippets.
Write event handler methods.
When you finish, your program will look like the following picture.
For a video version of this topic, see How Do I: Create a Picture Viewer in Visual Basic? or How Do I: Create a Picture Viewer in C#?.
In this tutorial, both Visual C# and Visual Basic are covered, so focus on information specific to the programming language that you're using.
Begin by creating a Windows Forms application project.
Run the Windows Forms application program that you created in the previous step.
Change the way your form looks using the Properties window.
Add a TableLayoutPanel control to your form.
Add controls, such as a PictureBox control and a CheckBox control, to your form. Add buttons to your form.
Rename your buttons to something more meaningful.
Add an OpenFileDialog component and a ColorDialog component to your form.
Write code using the IntelliSense tool.
Review and test your code. Add comments as needed.
Write code to make other buttons and a check box work using IntelliSense.
Run your program and set the background color. Try other features, such as changing colors, fonts, and borders.