====== API: Gauge Controls ======

API-Referenz für Messanzeigen und Indikatoren.

===== TWvdSCircularGauge =====

Runde Analoganzeige.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

<code xml>
<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>
</code>

==== 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 ====

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

----

===== TWvdSLinearGauge =====

Lineare Balkenanzeige.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

<code xml>
<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>
</code>

==== 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 ====

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

==== 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 ====

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

==== 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 ====

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

==== 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 ====

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

==== 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 ====

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

==== 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 ====

<code>
┌────┐
│████│ 80%
│████│
│████│
│████│
│    │
└────┘
</code>

----

===== TWvdSProgressGauge =====

Ringförmige Fortschrittsanzeige.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== 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 ====

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

==== 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 ====

<code>
 ▲ 50
 │
 ┃ 30
 ┃
 ┃ 10
 │
 ▼-20
 ●
</code>

----

===== Siehe auch =====

  * [[.:control-bibliothek|Control-Bibliothek]]
  * [[.:api-controls-charts|Charts API]]
  * [[.:tui-controls|TUI Controls]]