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

API-referenca za mjerače i indikatore.

===== TWvdSCircularGauge =====

Kružni analogni mjerač.

==== 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 | 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 ====

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

----

===== TWvdSLinearGauge =====

Linearni trakasti mjerač.

==== 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 | 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 ====

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

==== 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 ====

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

==== 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 ====

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

==== 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 ====

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

==== 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 ====

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

==== 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 ====

<code>
┌────┐
│████│ 80%
│████│
│████│
│████│
│    │
└────┘
</code>

----

===== TWvdSProgressGauge =====

Kružni pokazivač napretka.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== 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 ====

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

==== 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 ====

<code>
 ▲ 50
 │
 ┃ 30
 ┃
 ┃ 10
 │
 ▼-20
 ●
</code>

----

===== Vidi također =====

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