Skip to main content

ArcScaleLayer Class

A layer that contains properties to define the visual presentation of a circular scale.

Namespace: DevExpress.UI.Xaml.Gauges

Assembly: DevExpress.UI.Xaml.Gauges.v21.2.dll

NuGet Package: DevExpress.Uwp.Controls

Declaration

public class ArcScaleLayer :
    ScaleLayerBase

Remarks

A layer specifies the appearance of the circular scale’s elements. It is represented by a ArcScaleLayer object contained in the ArcScaleLayerCollection object, which can be accessed via the ArcScale.Layers property.

When a new layer is added to the circular scale, it is painted behind all other elements, because by default, its GaugeOptionsBase.ZIndex is less than other elements. If you want to display layers in front of scale elements, set their Zindex to a greater value.

Example

The following example demonstrates how to create a Circular Gauge with two needles, three ranges, one marker and one range bar.

<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CircularGaugeLesson"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Gauges="using:DevExpress.UI.Xaml.Gauges"
    x:Class="CircularGaugeLesson.MainPage"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

        <Gauges:CircularGauge>
            <Gauges:ArcScale StartValue="0" EndValue="12"
                             StartAngle="-90" EndAngle="270"
                             MajorIntervalCount="12" MinorIntervalCount="5">
                <Gauges:ArcScale.Ranges>
                    <Gauges:ArcScaleRange StartValue="0" EndValue="4"/>
                    <Gauges:ArcScaleRange EndValue="8" StartValue="4"/>
                    <Gauges:ArcScaleRange EndValue="12" StartValue="8"/>
                </Gauges:ArcScale.Ranges>
                <Gauges:ArcScale.RangeBars>
                    <Gauges:ArcScaleRangeBar AnchorValue="7" Value="3"/>
                </Gauges:ArcScale.RangeBars>
                <Gauges:ArcScale.Markers>
                    <Gauges:ArcScaleMarker Value="7"/>
                </Gauges:ArcScale.Markers>
                <Gauges:ArcScale.Needles>
                    <Gauges:ArcScaleNeedle Value="3"/>
                    <Gauges:ArcScaleNeedle Value="12"/>
                </Gauges:ArcScale.Needles>
                <Gauges:ArcScale.LabelOptions>
                    <Gauges:ArcScaleLabelOptions ShowFirst="False"/>
                </Gauges:ArcScale.LabelOptions>
            </Gauges:ArcScale>
        </Gauges:CircularGauge>

    </Grid>
</Page>
See Also