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.v21.2.dll
NuGet Package: DevExpress.Uwp.Controls
Declaration
Remarks
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.
Example
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>