Step 10: Write Code for Additional Buttons and a Check Box


For the latest documentation on Visual Studio 2017, see Visual Studio 2017 Documentation.

Now you're ready to complete the other four methods. You could copy and paste this code, but if you want to learn the most from this tutorial, type the code and use IntelliSense.

This code adds functionality to the buttons you added earlier. Without this code, the buttons don't do anything. The buttons use code in their Click events (and the check box uses the CheckChanged event) to do different things when you activate the controls. For example, the clearButton_Click event, which activates when you choose the Clear the picture button, erases the current image by setting its Image property to null (or, nothing). Each event in the code includes comments that explain what the code does.

link to videoFor a video version of this topic, see Tutorial 1: Create a Picture Viewer in Visual Basic - Video 5 or Tutorial 1: Create a Picture Viewer in C# - Video 5. These videos use an earlier version of Visual Studio, so there are slight differences in some menu commands and other user interface elements. However, the concepts and procedures work similarly in the current version of Visual Studio.

System_CAPS_ICON_note.jpg Note

As a best practice: Always comment your code. Comments are information for a person to read, and it's worth the time to make your code understandable. Everything on a comment line is ignored by the program. In Visual C#, you comment a line by typing two forward slashes at the beginning (//), and in Visual Basic you comment a line by starting with a single quotation mark (').

To write code for additional buttons and a check box

  • Add the following code to your Form1 code file (Form1.cs or Form1.vb). Choose the VB tab to view Visual Basic code.

        private void clearButton_Click(object sender, EventArgs e)
            // Clear the picture.
            pictureBox1.Image = null;
        private void backgroundButton_Click(object sender, EventArgs e)
            // Show the color dialog box. If the user clicks OK, change the
            // PictureBox control's background to the color the user chose.
            if (colorDialog1.ShowDialog() == DialogResult.OK)
                pictureBox1.BackColor = colorDialog1.Color;
        private void closeButton_Click(object sender, EventArgs e)
            // Close the form.
        private void checkBox1_CheckedChanged(object sender, EventArgs e)
            // If the user selects the Stretch check box, 
            // change the PictureBox's
            // SizeMode property to "Stretch". If the user clears 
            // the check box, change it to "Normal".
            if (checkBox1.Checked)
                pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
                pictureBox1.SizeMode = PictureBoxSizeMode.Normal;

To continue or review