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.v18.2.dll

Declaration

C#

public class ArcScaleLayer :
    ScaleLayerBase

VB.NET

Public Class ArcScaleLayer
    Inherits 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.

Note

A complete sample project is available at: https://github.com/DevExpress-Examples/winrt-gauges-getting-started-lesson-1-create-a-circular-gauge-e4241

XAML

<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>

Inheritance

Show 11 items

Object

Windows.UI.Xaml.DependencyObject

Windows.UI.Xaml.UIElement

Windows.UI.Xaml.FrameworkElement

Windows.UI.Xaml.Controls.Control

GaugeElement

BaseGaugeNotificationElement

GaugeLayoutElement

LayerBase

ScaleLayerBase

ArcScaleLayer