Scale Settings

  • 2 minutes to read

TrackBar supports full scale customization. You can customize value selection look-and-feel, the scale layout and appearance.

Value Selection Look-And-Feel

Value selection look-and-feel scale settings include:

The table below demonstrates how different properties affect scale appearance.

Scale View

Affected Properties

trackbar_concepts_ScaleSettings-0-0.png

MinValue = 0

MaxValue = 50

LargeTickStartValue = 0

LargeTickEndValue = 50

SmallTickFrequency = 5

LargeTickInterval = 10

trackbar_concepts_ScaleSettings-0-1.png

MinValue = 0

MaxValue = 50

LargeTickStartValue = 5

LargeTickEndValue = 45

SmallTickFrequency = 5

LargeTickInterval = 10

trackbar_concepts_ScaleSettings-0-2.png

MinValue = 0

MaxValue = 11

LargeTickStartValue = 0.5

LargeTickEndValue = 10.5

SmallTickFrequency = 1

LargeTickInterval = 2

trackbar_concepts_ScaleSettings-0-3.png

MinValue = -10

MaxValue = 30

LargeTickStartValue = 0

LargeTickEndValue = 30

SmallTickFrequency = 8

LargeTickInterval = 10

The TrackBarSettings.Properties.Step (TrackBarProperties.Step) property defines the minimal value (increment/decrement) by which end-users can change the drag handle position.

Scale Layout And Appearance

TrackBar supports scale layout customization. Here are the properties that affect it:

The table below demonstrates how different properties affect a scale layout.

Scale Layout

Affected Properties

trackbar_concepts_ScaleSettings_1

ScaleLabelHighLightMode = AlongBarHighLight

ValueToolTipPosition = RightOrBottom

ScalePosition = LeftOrTop

trackbar_concepts_ScaleSettings_2

ScaleLabelHighLightMode = HandlePosition

ValueToolTipPosition = LeftOrTop

ScalePosition = Both

trackbar_concepts_ScaleSettings_3

ScaleLabelHighLightMode = None

ValueToolTipPosition = None

ScalePosition = RightOrBottom

Note that the scale style can be flexibly customized with the TrackBarSettings.Properties.ScaleStyle (TrackBarProperties.ScaleStyle) property.