WPF Gauges - Create a Knob-like Gauge

This example customizes the CircularGaugeControl. As a result, the control looks and behaves like a 'knob' element of a real-life dashboard.

Implementation Details

The KnobResourceDictionary.xaml file contains the following custom templates:

• The OscilloscopeNeedleTemplate changes the arc scale's needle appearance.
• The OscilloscopeScaleLayerTemplate changes the arc scale's layer appearance.

Set the needle's IsInteractive property to true to allow users to change the gauge's value. The gauge stores its value in the needle's Value property.

Files to Review

• KnobResourceDictionary.xaml (VB: KnobResourceDictionary.xaml)
• MainWindow.xaml (VB: MainWindow.xaml)

Documentation

• CircularGaugeControl
• Circular Gauge Elements