LinearScaleLevelBar Class

A linear scale level bar.

Namespace: DevExpress.UI.Xaml.Gauges

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

Declaration

public class LinearScaleLevelBar :
    LinearScaleIndicator,
    IOwnedElement,
    INotifyPropertyChanged,
    ILayoutCalculator,
    IHitTestableElement
Public Class LinearScaleLevelBar
    Inherits LinearScaleIndicator
    Implements IOwnedElement,
               INotifyPropertyChanged,
               ILayoutCalculator,
               IHitTestableElement

A level bar is used to show the current value of a linear scale. It looks like a typical indicator on a thermometer. An instance of a linear scale level bar is represented by the LinearScaleLevelBar object. It can be accessed as an item of the LinearScaleLevelBarCollection object returned by the LinearScale.LevelBars property.

For more information on level bars, refer to the Level Bar document.

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