Microsoft Visual Basic 2010 Step by Step eBook

Chapter 3 Working with Toolbox Controls 83

8. Using the PictureBox control, create one square picture box object beneath the group
   box on the form.


9. Set the following properties for the group box, radio button, and picture box objects:

Object Property Setting

GroupBox1 Text “Select a Computer Type”

RadioButton1 Checked

Text

True

“Desktop PC”

RadioButton2 Text “Desktop Mac”

RadioButton3 Text “Laptop”

PictureBox1 Image

SizeMode

C:\Vb10sbs\Chap03\Pcomputr .bmp

StretchImage

The initial radio button state is controlled by the Checked property. Notice that the

Desktop PC radio button now appears selected in the IDE. Now you’ll add some

program code to make the radio buttons operate while the program runs.

10. Double-click the RadioButton1 object on the form to open the Code Editor.

The CheckedChanged event procedure for the RadioButton1 object appears in the

Code Editor. This procedure is run each time the user clicks the first radio button.

Because you want to change the picture box image when this happens, you’ll add

a line of program code to accomplish that.

11. Type the following program code:

PictureBox1.Image = System.Drawing.Image.FromFile _

(“c:\vb10sbs\chap03\pcomputr.bmp”)

This program statement uses the FromFile method to load the picture of the PC from

the hard disk into the picture box object. You’ll use a similar statement for the second

and third radio buttons.

12. Switch back to the Designer, double-click the RadioButton2 object on the form,
    and type the following program code:

PictureBox1.Image = System.Drawing.Image.FromFile _

(“c:\vb10sbs\chap03\computer.bmp”)

13. Switch back to the Designer, double-click the RadioButton3 object on the form,
    and type the following program code:

PictureBox1.Image = System.Drawing.Image.FromFile _

(“c:\vb10sbs\chap03\laptop1.bmp”)

14. Click the Save All button on the toolbar to save your changes, specifying the
    C:\Vb10sbs\Chap03 folder as the location.