Inhaltsverzeichnis
API: Gauge Controls
Riferimento API per indicatori e misuratori.
TWvdSCircularGauge
Indicatore analogico circolare.
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 | 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
Rappresentazione TUI (ASCII):
.-"""-.
/ 120 \
| ^ |
\ ___ /
'-...-'
TWvdSLinearGauge
Indicatore a barra lineare.
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 | 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
<DigitalGauge Value="{Binding Counter}" DigitCount="6" ShowLeadingZeros="True" />
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
<LED IsOn="{Binding IsConnected}" OnColor="Green" OffColor="DarkGreen" Size="16" />
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
<ArcScaleGauge Value="{Binding Pressure}" Minimum="0" Maximum="100" ArcThickness="20" />
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
<ScaleIndicator Value="{Binding Level}" ScaleType="Logarithmic" TickCount="10" />
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
<LevelBar Value="{Binding FillLevel}" Minimum="0" Maximum="100" Orientation="Vertical" ShowPercentage="True" />
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
+----+ |####| 80% |####| |####| |####| | | +----+
TWvdSProgressGauge
Indicatore progresso ad anello.
Namespace
WvdS.UI.Controls.Gauges
PXAML
<ProgressGauge Value="{Binding Progress}" Maximum="100" Thickness="10" ShowPercentage="True" />
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
<Thermometer Value="{Binding Temperature}" Minimum="-20" Maximum="50" Unit="C" ShowBulb="True" />
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
^ 50 | # 30 # # 10 | v-20 o
Vedi anche
Zuletzt geändert: il 29/01/2026 alle 22:37