API: Gauge Controls

API-referenca za mjerače i indikatore.

TWvdSCircularGauge

Kružni analogni mjerač.

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 Tip Default Opis
Value Double 0 Trenutna vrijednost
Minimum Double 0 Minimalna vrijednost
Maximum Double 100 Maksimalna vrijednost
StartAngle Double -135 Početni kut (stupnjevi)
EndAngle Double 135 Završni kut (stupnjevi)
Ranges TGaugeRangeCollection nil Rasponi vrijednosti
ShowValue Boolean True Prikaži vrijednost
ValueFormat string '0' Format vrijednosti
NeedleColor TWvdSColor clRed Boja kazaljke

TUI-Rendering

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

TWvdSLinearGauge

Linearni trakasti mjerač.

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 Tip Default Opis
Value Double 0 Trenutna vrijednost
Minimum Double 0 Minimalna vrijednost
Maximum Double 100 Maksimalna vrijednost
Orientation TWvdSOrientation oHorizontal Orijentacija
ShowMarker Boolean True Prikaži marker
MarkerStyle TMarkerStyle msTriangle Stil markera

TWvdSDigitalGauge

Digitalni 7-segmentni prikaz.

Namespace

WvdS.UI.Controls.Gauges

PXAML

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

Properties

Property Tip Default Opis
Value Double 0 Vrijednost za prikaz
Text string | Tekst za prikaz | ^ DigitCount | Integer | 4 | Broj znamenki | ^ ShowLeadingZeros | Boolean | False | Vodeće nule | ^ SegmentColor | TWvdSColor | clGreen | Boja segmenata | ^ BackgroundColor | TWvdSColor | clBlack | Pozadina | ==== TUI-Rendering ==== <code> ████ ████ ████ ████ ██ ██ ██ ██ ████ ████ ████ ████ ██ ██ ██ ██ ████ ████ ████ ████ </code> —- ===== TWvdSStateIndicator ===== Status-indikator (semafor). ==== 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 | Tip | Default | Opis | ^ State | string | Trenutni status
States TIndicatorStateCollection nil Definicije statusa
Shape TIndicatorShape isCircle Circle, Square, Triangle
Size Integer 24 Veličina u pikselima

TWvdSLED

Jednostavni LED-prikaz.

Namespace

WvdS.UI.Controls.Gauges

PXAML

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

Properties

Property Tip Default Opis
IsOn Boolean False Uklj/Isklj
OnColor TWvdSColor clGreen Boja uključeno
OffColor TWvdSColor clDarkGray Boja isključeno
Blink Boolean False Treperi
BlinkInterval Integer 500 Interval treptanja (ms)

TWvdSArcScaleGauge

Lučni mjerač.

Namespace

WvdS.UI.Controls.Gauges

PXAML

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

Properties

Property Tip Default Opis
ArcThickness Integer 10 Debljina luka
StartAngle Double -180 Početni kut
SweepAngle Double 180 Kut luka

TWvdSScaleIndicator

Indikator sa skalom.

Namespace

WvdS.UI.Controls.Gauges

PXAML

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

Properties

Property Tip Default Opis
ScaleType TScaleType stLinear Linear, Logarithmic
TickCount Integer 5 Broj oznaka
ShowLabels Boolean True Prikaži oznake

TWvdSLevelBar

Pokazivač razine.

Namespace

WvdS.UI.Controls.Gauges

PXAML

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

Properties

Property Tip Default Opis
Value Double 0 Razina
Minimum Double 0 Minimum
Maximum Double 100 Maksimum
Orientation TWvdSOrientation oVertical Orijentacija
FillColor TWvdSColor clBlue Boja punjenja
ShowPercentage Boolean True Prikaži postotak

TUI-Rendering

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

TWvdSProgressGauge

Kružni pokazivač napretka.

Namespace

WvdS.UI.Controls.Gauges

PXAML

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

Properties

Property Tip Default Opis
Value Double 0 Napredak
Maximum Double 100 Maksimum
Thickness Integer 8 Debljina prstena
TrackColor TWvdSColor clLightGray Pozadina
ProgressColor TWvdSColor clBlue Boja napretka

TWvdSThermometer

Termometar-prikaz.

Namespace

WvdS.UI.Controls.Gauges

PXAML

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

Properties

Property Tip Default Opis
Value Double 0 Temperatura
Minimum Double -20 Minimum
Maximum Double 50 Maksimum
Unit string '°C' Jedinica
ShowBulb Boolean True Prikaži kuglicu
MercuryColor TWvdSColor clRed Boja žive

TUI-Rendering

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

Vidi također

Zuletzt geändert: 29.01.2026. u 22:39