Inhaltsverzeichnis
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