LinearScaleLayer Class

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

Namespace: DevExpress.UI.Xaml.Gauges

Assembly: DevExpress.UI.Xaml.Gauges.v18.1.dll

Declaration

public class LinearScaleLayer :
    ScaleLayerBase,
    IOwnedElement,
    INotifyPropertyChanged,
    ILayoutCalculator
Public Class LinearScaleLayer
    Inherits ScaleLayerBase
    Implements IOwnedElement,
               INotifyPropertyChanged,
               ILayoutCalculator

A layer specifies the appearance of the linear scale's elements. It is represented by LinearScaleLayer object contained in the LinearScaleLayerCollection object, which can be accessed via the LinearScale.Layers property.

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

Examples

The following example demonstrates how to create a Linear Gauge with two ranges and one level bar.

<Page

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:LinearGaugeLesson"
    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="LinearGaugeLesson.MainPage"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

        <Gauges:LinearGauge Margin="20">
            <Gauges:LinearGauge.Scales>
                <Gauges:LinearScale StartValue="-100" EndValue="100" MajorIntervalCount="20" >
                    <Gauges:LinearScale.Ranges>
                        <Gauges:LinearScaleRange StartValue="-100" EndValue="0"/>
                        <Gauges:LinearScaleRange StartValue="0" EndValue="100"/>
                    </Gauges:LinearScale.Ranges>
                    <Gauges:LinearScale.LevelBars>
                        <Gauges:LinearScaleLevelBar Value="20" />
                    </Gauges:LinearScale.LevelBars>
                </Gauges:LinearScale>
            </Gauges:LinearGauge.Scales>
        </Gauges:LinearGauge>
    </Grid>
</Page>

See Also