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