Skip to main content

Digital Gauges

  • 3 minutes to read

This topic lists Digital Gauge types that ship with the ASPxGaugeControl component and explains how to use these gauges in your application.

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

Digital Gauge Overview

Digital gauges display text or numbers similar to LED displays.

DigitalGaugeSet

This control emulates a digital clock, an audio receiver, or other LED device.

The following types of Digital Gauges are available:

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

You can use segments or the matrix format to paint numbers and text (see the image above).

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

Run Demo: Digital Gauge

DigitalGauge Class

A Digital Gauge is an instance of the DigitalGauge class. Use the ASPxGaugeControl.Gauges property to access a Digital Gauge.

ASPxGaugeControl gaugeControl1 = new ASPxGaugeControl();
DigitalGauge gauge1 =  gaugeControl1.Gauges[0] as DigitalGauge;

You can create a Digital Gauge control at design time within Visual Studio or programmatically at runtime. The following example demonstrates how to do this.

Digital Gauge Elements

This section describes Digital Gauge elements and their properties.

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

The following image illustrates the main Digital Gauge elements.

DigitalGaugeElements

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

The following options affect how gauge contents are displayed:

A Background Layer (an instance of the DigitalBackgroundLayerComponent class) is the background of the digital gauge. This layer contains the following main display options:

An Effect Layer adds a style effect (for instance, a glare effect) to the gauge.

The Effect layer is an instance of the DigitalEffectLayerComponent class. It contains the following main display options:

For more information on gauge elements, see the following section: Digital Gauge (Visual Elements).

See Also