Sie befinden sich hier: start » de » Interne Dokumentation » vsce » fpc » WvdS FPC RAD Studio - Entwicklerdokumentation » API: Gauge Controls

Inhaltsverzeichnis

API: Gauge Controls

API-Referenz für Messanzeigen und Indikatoren.

TWvdSCircularGauge

Runde Analoganzeige.

Namespace

WvdS.UI.Controls.Gauges

PXAML

<CircularGauge Value="{Binding Speed}"
               Minimum="0" Maximum="200"
               StartAngle="-135" EndAngle="135">
  <CircularGauge.Ranges>
    <GaugeRange StartValue="0" EndValue="60" Color="Green" />
    <GaugeRange StartValue="60" EndValue="120" Color="Yellow" />
    <GaugeRange StartValue="120" EndValue="200" Color="Red" />
  </CircularGauge.Ranges>
</CircularGauge>

Properties

Property Typ Default Beschreibung
Value Double 0 Aktueller Wert
Minimum Double 0 Minimalwert
Maximum Double 100 Maximalwert
StartAngle Double -135 Startwinkel (Grad)
EndAngle Double 135 Endwinkel (Grad)
Ranges TGaugeRangeCollection nil Wertebereiche
ShowValue Boolean True Wert anzeigen
ValueFormat string '0' Wertformat
NeedleColor TWvdSColor clRed Zeigerfarbe

TUI-Rendering

TUI-Darstellung (ASCII):
    .-"""-.
   /  120  \
  |    ↑    |
   \  ___  /
    '-...-'

TWvdSLinearGauge

Lineare Balkenanzeige.

Namespace

WvdS.UI.Controls.Gauges

PXAML

<LinearGauge Value="{Binding Temperature}"
             Minimum="-20" Maximum="50"
             Orientation="Vertical">
  <LinearGauge.Ranges>
    <GaugeRange StartValue="-20" EndValue="0" Color="Blue" />
    <GaugeRange StartValue="0" EndValue="30" Color="Green" />
    <GaugeRange StartValue="30" EndValue="50" Color="Red" />
  </LinearGauge.Ranges>
</LinearGauge>

Properties

Property Typ Default Beschreibung
Value Double 0 Aktueller Wert
Minimum Double 0 Minimalwert
Maximum Double 100 Maximalwert
Orientation TWvdSOrientation oHorizontal Ausrichtung
ShowMarker Boolean True Marker anzeigen
MarkerStyle TMarkerStyle msTriangle Marker-Stil

TWvdSDigitalGauge

Digitale 7-Segment-Anzeige.

Namespace

WvdS.UI.Controls.Gauges

PXAML

<DigitalGauge Value="{Binding Counter}"
              DigitCount="6"
              ShowLeadingZeros="True" />

Properties

Property Typ Default Beschreibung
Value Double 0 Anzuzeigender Wert
Text string | Anzuzeigender Text | ^ DigitCount | Integer | 4 | Anzahl Stellen | ^ ShowLeadingZeros | Boolean | False | Führende Nullen | ^ SegmentColor | TWvdSColor | clGreen | Segment-Farbe | ^ BackgroundColor | TWvdSColor | clBlack | Hintergrund | ==== TUI-Rendering ==== <code> ████ ████ ████ ████ ██ ██ ██ ██ ████ ████ ████ ████ ██ ██ ██ ██ ████ ████ ████ ████ </code> —- ===== TWvdSStateIndicator ===== Status-Indikator (Ampel). ==== Namespace ==== WvdS.UI.Controls.Gauges ==== PXAML ==== <code xml> <StateIndicator State=„{Binding MachineState}“> <StateIndicator.States> <IndicatorState Name=„Off“ Color=„Gray“ /> <IndicatorState Name=„Running“ Color=„Green“ /> <IndicatorState Name=„Warning“ Color=„Yellow“ /> <IndicatorState Name=„Error“ Color=„Red“ Blink=„True“ /> </StateIndicator.States> </StateIndicator> </code> ==== Properties ==== | Property | Typ | Default | Beschreibung | ^ State | string | Aktueller Status
States TIndicatorStateCollection nil Status-Definitionen
Shape TIndicatorShape isCircle Circle, Square, Triangle
Size Integer 24 Größe in Pixel

TWvdSLED

Einfache LED-Anzeige.

Namespace

WvdS.UI.Controls.Gauges

PXAML

<LED IsOn="{Binding IsConnected}"
     OnColor="Green" OffColor="DarkGreen"
     Size="16" />

Properties

Property Typ Default Beschreibung
IsOn Boolean False Ein/Aus
OnColor TWvdSColor clGreen Farbe Ein
OffColor TWvdSColor clDarkGray Farbe Aus
Blink Boolean False Blinken
BlinkInterval Integer 500 Blink-Intervall (ms)

TWvdSArcScaleGauge

Bogenförmige Skalenanzeige.

Namespace

WvdS.UI.Controls.Gauges

PXAML

<ArcScaleGauge Value="{Binding Pressure}"
               Minimum="0" Maximum="100"
               ArcThickness="20" />

Properties

Property Typ Default Beschreibung
ArcThickness Integer 10 Bogendicke
StartAngle Double -180 Startwinkel
SweepAngle Double 180 Bogenwinkel

TWvdSScaleIndicator

Skalen-basierter Indikator.

Namespace

WvdS.UI.Controls.Gauges

PXAML

<ScaleIndicator Value="{Binding Level}"
                ScaleType="Logarithmic"
                TickCount="10" />

Properties

Property Typ Default Beschreibung
ScaleType TScaleType stLinear Linear, Logarithmic
TickCount Integer 5 Anzahl Teilstriche
ShowLabels Boolean True Labels anzeigen

TWvdSLevelBar

Füllstandsanzeige.

Namespace

WvdS.UI.Controls.Gauges

PXAML

<LevelBar Value="{Binding FillLevel}"
          Minimum="0" Maximum="100"
          Orientation="Vertical"
          ShowPercentage="True" />

Properties

Property Typ Default Beschreibung
Value Double 0 Füllstand
Minimum Double 0 Minimum
Maximum Double 100 Maximum
Orientation TWvdSOrientation oVertical Ausrichtung
FillColor TWvdSColor clBlue Füllfarbe
ShowPercentage Boolean True Prozent anzeigen

TUI-Rendering

┌────┐
│████│ 80%
│████│
│████│
│████│
│    │
└────┘

TWvdSProgressGauge

Ringförmige Fortschrittsanzeige.

Namespace

WvdS.UI.Controls.Gauges

PXAML

<ProgressGauge Value="{Binding Progress}"
               Maximum="100"
               Thickness="10"
               ShowPercentage="True" />

Properties

Property Typ Default Beschreibung
Value Double 0 Fortschritt
Maximum Double 100 Maximum
Thickness Integer 8 Ringdicke
TrackColor TWvdSColor clLightGray Hintergrund
ProgressColor TWvdSColor clBlue Fortschrittsfarbe

TWvdSThermometer

Thermometer-Anzeige.

Namespace

WvdS.UI.Controls.Gauges

PXAML

<Thermometer Value="{Binding Temperature}"
             Minimum="-20" Maximum="50"
             Unit="°C"
             ShowBulb="True" />

Properties

Property Typ Default Beschreibung
Value Double 0 Temperatur
Minimum Double -20 Minimum
Maximum Double 50 Maximum
Unit string '°C' Einheit
ShowBulb Boolean True Bulb anzeigen
MercuryColor TWvdSColor clRed Quecksilberfarbe

TUI-Rendering

 ▲ 50
 │
 ┃ 30
 ┃
 ┃ 10
 │
 ▼-20
 ●

Siehe auch

Zuletzt geändert: den 29.01.2026 um 15:13

Seiten-Werkzeuge