Representing a Sensor With a Gauge

Open a new windows application and in the properties window for Form 1 set the size to 500,500.

From the menu bar click Project and Add User Control, name the control "Dial"

When the user control blank form pops up set the size property to 300,300

From the tool box add a Picture Box and set it's properties to

Background Image = “Needle.gif” ( you will have to browse for the supplied image)
Background Image Layout = Center
Size Mode = Center Image
Visible = False

From the tool box add a second Picture Box and set it's properties to

Background Image = “Compass.gif” ( you will have to browse for the supplied image)
Background Image Layout = Center
Dock = Fill
Size Mode = Center Image

Switch to the User Control's code view

Copy the supplied “Rotate Dial” code and paste over the existing User Control code

Build your Project (this is important before moving on)

Switch to Form 1 design view

At the top of the tool box you should see your new control.

Drag the control onto Form 1 and place it somewhere near central

Add a Track bar control to Form 1 and place it below the Dial control

Set the properties of the track bar to

Maximum = 360

Stretch the track bar to the width of Form 1

Double click the track bar and add the following code to the track bars scroll event

Dial1.value = Not Trackbar1.value – 360

Run the project to test

 