Home > Articles > Programming > User Interface (UI)

This chapter is from the book

Using the HScrollBar and VScrollBar Controls

The HScrollBar and VScrollBar controls allow you to add scrolling capabilities to components that do not support scrolling by default. The controls are driven by several properties. The following list contains these properties and their meanings.

  1. Minimum The value of the control when the scroll thumb is at the left end of the HScrollBar or top of the VScrollBar.

  2. Maximum This is the largest possible value of the scroll bar. Note that the Value property of the scroll bar when the thumb is pulled all the way to the right for the HScrollBar or the bottom of the VScrollBar is not equal to the Maximum property. The Value property will be equal to this formula: MaximumLargeChange + 1.

  3. SmallChange Here's the increment value used when the user clicks one of the arrow buttons.

  4. LargeChange This is the increment value used when the user clicks the scroll bar control on either side of the scroll thumb.

  5. Value The current value of the scroll bar. This value represents the position of the top of the HScrollBar's scroll thumb and the left side of the VScrollBar's scroll thumb.

A ValueChanged event is fired when the Value property changes. Trap this event to perform some action, such as change the position of a control, when the scroll bar's value changes. The following code demonstrates how to handle the ValueChanges event:

private void hScrollBar1_ValueChanged(object sender, System.EventArgs e) {
 this.label1.Text = string.Format("Scroll Bar Value: {0}",
Private Sub hScrollBar1_ValueChanged(object sender,
    System.EventArgs e) _Handles hScrollBar1.ValueChanged
 Me.label1.Text = string.Format("Scroll Bar Value: {0}",
End Sub

Figure 3.21 shows an application with a HScrollBar control linked to a Label control. The Label control displays the Value of the HScrollBar. When you move the scroll bar, the label is updated with the new value. In this sample the Minimum is 0, the Maximum is 100, SmallChange is 10, and LargeChange is 20. The complete code for this sample can be found in the code list for this book.

Figure 3.21Figure 3.21 A Sample Application Showcasing the HScrollBar.

  • + Share This
  • 🔖 Save To Your Account