DigitalGaugeControl Class

A digital gauge control shipped with the DXGauge Suite.

Namespace: DevExpress.Xpf.Gauges

Assembly: DevExpress.Xpf.Gauges.v19.1.dll

Declaration

C#

public class DigitalGaugeControl :
    GaugeControlBase

VB.NET

Public Class DigitalGaugeControl
    Inherits GaugeControlBase

Remarks

The DigitalGaugeControl class is a visual gauge control that can display text or numbers much like a LED device.

The following images show some examples of a digital gauge.

7 segments view type	Matrix 5x8 view type

A gauge control is comprised of separate elements, such as symbols panel, symbols, segments, matrix cells, etc. To learn more about them, refer to the Visual Elements (Digital Gauge) section.

Example

This example demonstrates how to create a DigitalGaugeControl instance and customize its settings.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-use-a-digital-gauge-control-e3525.

MainWindow.xaml (C#)

<Window x:Class="Digital_Gauge.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:dxga="http://schemas.devexpress.com/winfx/2008/xaml/gauges"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <dxga:DigitalGaugeControl Name="digitalGaugeControl1"
                                  Text="Hello everyone!!!" 
                                  Height="150" Padding="7">
            <!--region #Layers-->
            <dxga:DigitalGaugeControl.Layers>
                <dxga:DigitalGaugeLayer>
                    <dxga:DigitalGaugeLayer.Presentation>
                        <dxga:ClassicDigitalGaugeBackgroundLayerPresentation/>
                    </dxga:DigitalGaugeLayer.Presentation>
                </dxga:DigitalGaugeLayer>
            </dxga:DigitalGaugeControl.Layers>
            <!--endregion #Layers-->
            <!--region #Model-->
            <dxga:DigitalGaugeControl.Model>
                <dxga:DigitalFutureModel />
            </dxga:DigitalGaugeControl.Model>
            <!--endregion #Model-->
            <dxga:DigitalGaugeControl.SymbolView>
                <dxga:MatrixView8x14>
                    <!--region #MatrixOptions-->
                    <dxga:MatrixView8x14.Options>
                        <dxga:SymbolOptions SkewAngleX="5" SkewAngleY="5" />
                    </dxga:MatrixView8x14.Options>
                    <!--endregion #MatrixOptions-->
                    <!--region #MatrixAnimation-->
                    <dxga:MatrixView8x14.Animation>
                        <dxga:CreepingLineAnimation RefreshTime="00:00:00.2000000"
                                                    Repeat="True" />
                    </dxga:MatrixView8x14.Animation>
                    <!--endregion #MatrixAnimation-->
                </dxga:MatrixView8x14>
            </dxga:DigitalGaugeControl.SymbolView>
        </dxga:DigitalGaugeControl>
    </Grid>
</Window>

MainWindow.xaml (VB.NET)

<Window x:Class="Digital_Gauge.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:dxga="http://schemas.devexpress.com/winfx/2008/xaml/gauges"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <dxga:DigitalGaugeControl Name="digitalGaugeControl1"
                                  Text="Hello everyone!!!" 
                                  Height="150" Padding="7">
            <!--region #Layers-->
            <dxga:DigitalGaugeControl.Layers>
                <dxga:DigitalGaugeLayer>
                    <dxga:DigitalGaugeLayer.Presentation>
                        <dxga:ClassicDigitalGaugeBackgroundLayerPresentation/>
                    </dxga:DigitalGaugeLayer.Presentation>
                </dxga:DigitalGaugeLayer>
            </dxga:DigitalGaugeControl.Layers>
            <!--endregion #Layers-->
            <!--region #Model-->
            <dxga:DigitalGaugeControl.Model>
                <dxga:DigitalFutureModel />
            </dxga:DigitalGaugeControl.Model>
            <!--endregion #Model-->
            <dxga:DigitalGaugeControl.SymbolView>
                <dxga:MatrixView8x14>
                    <!--region #MatrixOptions-->
                    <dxga:MatrixView8x14.Options>
                        <dxga:SymbolOptions SkewAngleX="5" SkewAngleY="5" />
                    </dxga:MatrixView8x14.Options>
                    <!--endregion #MatrixOptions-->
                    <!--#region #MatrixAnimation-->
                    <dxga:MatrixView8x14.Animation>
                        <dxga:CreepingLineAnimation RefreshTime="00:00:00.2000000"
                                                    Repeat="True" />
                    </dxga:MatrixView8x14.Animation>
                    <!--#endregion #MatrixAnimation-->
                </dxga:MatrixView8x14>
            </dxga:DigitalGaugeControl.SymbolView>
        </dxga:DigitalGaugeControl>
    </Grid>
</Window>

Related GitHub Examples

The following code snippets (auto-collected from DevExpress Examples) contain references to the DigitalGaugeControl class.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

how-to-set-the-width-and-height-of-symbols-in-the-digital-gauge-control-e3736/CS/MainWindow.xaml#L7

<Grid>
    <dxga:DigitalGaugeControl Text="Hello!!!"
                              VerticalAlignment="Center">

dxgauges-getting-started-lesson-3-create-a-digital-gauge-e3517/VB/Digital Gauge/MainWindow.xaml#L7

<Grid>
    <dxga:DigitalGaugeControl Name="digitalGaugeControl1" Text="ON AIR"
                              VerticalAlignment="Center">

how-to-use-a-digital-gauge-control-e3525/VB/Digital Gauge/MainWindow.xaml#L7

<Grid>
    <dxga:DigitalGaugeControl Name="digitalGaugeControl1"
                              Text="Hello everyone!!!"

how-to-use-custom-symbol-mapping-in-the-digital-gauge-control-e3523/VB/CustomSymbolMapping/MainWindow.xaml#L7

<Grid>
    <dxga:DigitalGaugeControl Name="digitalGaugeControl1" Text="HELLO.">
        <dxga:DigitalGaugeControl.SymbolView>

how-to-sequentially-animate-texts-in-a-digital-gauge-control-e3756/VB/WpfApplication1/MainWindow.xaml#L7

<Grid>
    <dxga:DigitalGaugeControl Name="digitalGaugeControl1"
                              Text="Do you want to learn more?"

Inheritance

Object

DispatcherObject

DependencyObject

Visual

UIElement

FrameworkElement

Control

GaugeControlBase

DigitalGaugeControl

Extension Methods

GetErrorOperationCommands(Position)

GetErrorOperationCommands(Int32)

GetErrorOperationCommands(Point)