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

Riferimento API per indicatori e misuratori.

===== TWvdSCircularGauge =====

Indicatore analogico circolare.

==== 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 | Tipo | Default | Descrizione |
^ Value | Double | 0 | Valore attuale |
^ Minimum | Double | 0 | Valore minimo |
^ Maximum | Double | 100 | Valore massimo |
^ StartAngle | Double | -135 | Angolo iniziale (gradi) |
^ EndAngle | Double | 135 | Angolo finale (gradi) |
^ Ranges | TGaugeRangeCollection | nil | Intervalli valori |
^ ShowValue | Boolean | True | Mostra valore |
^ ValueFormat | string | '0' | Formato valore |
^ NeedleColor | TWvdSColor | clRed | Colore lancetta |

==== Rendering TUI ====

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

----

===== TWvdSLinearGauge =====

Indicatore a barra lineare.

==== 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 | Tipo | Default | Descrizione |
^ Value | Double | 0 | Valore attuale |
^ Minimum | Double | 0 | Valore minimo |
^ Maximum | Double | 100 | Valore massimo |
^ Orientation | TWvdSOrientation | oHorizontal | Orientamento |
^ ShowMarker | Boolean | True | Mostra marker |
^ MarkerStyle | TMarkerStyle | msTriangle | Stile marker |

----

===== TWvdSDigitalGauge =====

Display digitale a 7 segmenti.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Value | Double | 0 | Valore visualizzato |
^ Text | string | '' | Testo visualizzato |
^ DigitCount | Integer | 4 | Numero cifre |
^ ShowLeadingZeros | Boolean | False | Zeri iniziali |
^ SegmentColor | TWvdSColor | clGreen | Colore segmenti |
^ BackgroundColor | TWvdSColor | clBlack | Sfondo |

==== Rendering TUI ====

<code>
 ####  ####  ####  ####
   ##    ##    ##    ##
 ####  ####  ####  ####
 ##      ##    ##    ##
 ####  ####  ####  ####
</code>

----

===== TWvdSStateIndicator =====

Indicatore di stato (semaforo).

==== 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 | Tipo | Default | Descrizione |
^ State | string | '' | Stato attuale |
^ States | TIndicatorStateCollection | nil | Definizioni stati |
^ Shape | TIndicatorShape | isCircle | Circle, Square, Triangle |
^ Size | Integer | 24 | Dimensione in pixel |

----

===== TWvdSLED =====

Indicatore LED semplice.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ IsOn | Boolean | False | Acceso/Spento |
^ OnColor | TWvdSColor | clGreen | Colore acceso |
^ OffColor | TWvdSColor | clDarkGray | Colore spento |
^ Blink | Boolean | False | Lampeggiante |
^ BlinkInterval | Integer | 500 | Intervallo lampeggio (ms) |

----

===== TWvdSArcScaleGauge =====

Indicatore a scala ad arco.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ ArcThickness | Integer | 10 | Spessore arco |
^ StartAngle | Double | -180 | Angolo iniziale |
^ SweepAngle | Double | 180 | Angolo arco |

----

===== TWvdSScaleIndicator =====

Indicatore basato su scala.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ ScaleType | TScaleType | stLinear | Linear, Logarithmic |
^ TickCount | Integer | 5 | Numero tacche |
^ ShowLabels | Boolean | True | Mostra etichette |

----

===== TWvdSLevelBar =====

Indicatore livello.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Value | Double | 0 | Livello |
^ Minimum | Double | 0 | Minimo |
^ Maximum | Double | 100 | Massimo |
^ Orientation | TWvdSOrientation | oVertical | Orientamento |
^ FillColor | TWvdSColor | clBlue | Colore riempimento |
^ ShowPercentage | Boolean | True | Mostra percentuale |

==== Rendering TUI ====

<code>
+----+
|####| 80%
|####|
|####|
|####|
|    |
+----+
</code>

----

===== TWvdSProgressGauge =====

Indicatore progresso ad anello.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Value | Double | 0 | Progresso |
^ Maximum | Double | 100 | Massimo |
^ Thickness | Integer | 8 | Spessore anello |
^ TrackColor | TWvdSColor | clLightGray | Sfondo |
^ ProgressColor | TWvdSColor | clBlue | Colore progresso |

----

===== TWvdSThermometer =====

Indicatore termometro.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Properties ====

| Property | Tipo | Default | Descrizione |
^ Value | Double | 0 | Temperatura |
^ Minimum | Double | -20 | Minimo |
^ Maximum | Double | 50 | Massimo |
^ Unit | string | 'C' | Unita |
^ ShowBulb | Boolean | True | Mostra bulbo |
^ MercuryColor | TWvdSColor | clRed | Colore mercurio |

==== Rendering TUI ====

<code>
 ^ 50
 |
 # 30
 #
 # 10
 |
 v-20
 o
</code>

----

===== Vedi anche =====

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