Creating Radial Gauge

This tutorial will guide you in creating a trivial radial gauge and will explain the following:

Add radial scale
  1. Add namespaces.

    Unfortunately .NET for Windows Store applications still doesn't support XmlnsDefinition attribute so we have to specify separate namespace for every part of the class library. To use the radial scale control and its components in XAML you have to declare the following namespaces:

    [XAML]
  2. Add scale. Set its minimum and maximum values.

    [XAML]

Here is a snapshot of the result:

Manco Gauge control - Radial scale

Add an indicator
The RadialScale control allows you to display different types of indicators that point to a value of the scale. All indicators should be placed inside the IndicatorList element which is of type ItemsControl. This means that you can specify more than one indicator for 1 scale. Here is an example of RadialScale that uses a Needle indicator to mark the current value as well as Pinpoint to mark the center of the scale.

[XAML]

Here is a snapshot of the result:

Manco Gauge control - Radial scale with needle

Set an indicator's value
To position indicator you have to use its Value property. Here is an example:

[XAML]

Here is a snapshot of the result:

Manco Gauge control - Radial scale with needle