[Expand]General Information
[Collapse]WinForms Controls
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
   [Expand]Getting Started
    [Collapse]Gauge Types
      Circular Gauges
      Linear Gauges
      Digital Gauges
      State Indicator Gauges
    [Expand]Visual Elements
    [Expand]Appearance Customization
     Coordinate System
     Data Binding
     Saving and Restoring Gauge Layout and Style Settings
   [Expand]Design-Time Features
   [Expand]Product Information
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Digital Gauges

This document lists Digital Gauge types shipped in XtraGauges Suite and explains how you can use these gauges in your application.

For details on other gauge types, refer to the corresponding topics of the Gauge Types section.

Expanded Digital Gauges Overview

Digital gauges display text or numbers like LEDS do.

This control imitates the work of a real digital clock, audio receiver or any other LED device.

Digital Gauge provides the following types:

  • Seven Segment;
  • Fourteen Segment;
  • Matrix 5x8;
  • Matrix 8x14.

Numbers can be painted using a 7 or 14 segment or matrix view type, and text can be painted using the 14 segment view type or any matrix mode (see the image above).

A full set of digital gauge shapes is available at design time in the gauge Preset Manager.

Expanded DigitalGauge Class

A Digital Gauge is represented by an instance of the DigitalGauge class. This object can be accessed as an item of the GaugeCollection object returned by the GaugeControlBase.Gauges property of the GaugeControl object.

See the following code:

You can create a Digital Gauge control either at design time within Visual Studio or programmatically at runtime. The following examples demonstrate how it can be done:

Expanded Digital Gauge Elements

This section describes digital gauge elements, as well as gives a brief overview of their properties.

A Digital Gauge consists of numerous elements each of which is intended to perform a specific task.

The following image demonstrates main Digital Gauge elements.

Symbols Panel is a container that looks and behaves like a real LED device. It hosts one or more symbols to display either characters or digits.

The following options affect how the gauge's contents are displayed:

A Background Layer is the background of the digital gauge. It is represented by the DigitalBackgroundLayerComponent class. This layer provides the following main display options:

An Effect Layer adds a style effect (for instance, a glare effect) to the gauge. The effect layer is represented by the DigitalEffectLayerComponent class. It provides the following main display options:

For more information on gauge elements, see the Visual Elements section.

Is this topic helpful?​​​​​​​