====== API: Merilniki ======

API-referenca za merilne prikaze in indikatorje.

===== TWvdSCircularGauge =====

Okrogel analogni merilnik.

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ Value | Double | 0 | Trenutna vrednost |
^ Minimum | Double | 0 | Minimalna vrednost |
^ Maximum | Double | 100 | Maksimalna vrednost |
^ StartAngle | Double | -135 | Začetni kot (stopinje) |
^ EndAngle | Double | 135 | Končni kot (stopinje) |
^ Ranges | TGaugeRangeCollection | nil | Območja vrednosti |
^ ShowValue | Boolean | True | Prikaži vrednost |
^ ValueFormat | string | '0' | Format vrednosti |
^ NeedleColor | TWvdSColor | clRed | Barva kazalca |

==== TUI-upodabljanje ====

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

----

===== TWvdSLinearGauge =====

Linearni tračni merilnik.

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ Value | Double | 0 | Trenutna vrednost |
^ Minimum | Double | 0 | Minimalna vrednost |
^ Maximum | Double | 100 | Maksimalna vrednost |
^ Orientation | TWvdSOrientation | oHorizontal | Usmerjenost |
^ ShowMarker | Boolean | True | Prikaži označevalec |
^ MarkerStyle | TMarkerStyle | msTriangle | Slog označevalca |

----

===== TWvdSDigitalGauge =====

Digitalni 7-segmentni prikaz.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ Value | Double | 0 | Prikazana vrednost |
^ Text | string | '' | Prikazano besedilo |
^ DigitCount | Integer | 4 | Število mest |
^ ShowLeadingZeros | Boolean | False | Vodilne ničle |
^ SegmentColor | TWvdSColor | clGreen | Barva segmentov |
^ BackgroundColor | TWvdSColor | clBlack | Ozadje |

==== TUI-upodabljanje ====

<code>
 ████  ████  ████  ████
   ██    ██    ██    ██
 ████  ████  ████  ████
 ██      ██    ██    ██
 ████  ████  ████  ████
</code>

----

===== TWvdSStateIndicator =====

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ State | string | '' | Trenutno stanje |
^ States | TIndicatorStateCollection | nil | Definicije stanj |
^ Shape | TIndicatorShape | isCircle | Circle, Square, Triangle |
^ Size | Integer | 24 | Velikost v pikslih |

----

===== TWvdSLED =====

Enostavni LED prikaz.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ IsOn | Boolean | False | Vklop/izklop |
^ OnColor | TWvdSColor | clGreen | Barva pri vklopu |
^ OffColor | TWvdSColor | clDarkGray | Barva pri izklopu |
^ Blink | Boolean | False | Utripanje |
^ BlinkInterval | Integer | 500 | Interval utripanja (ms) |

----

===== TWvdSArcScaleGauge =====

Ločni skalirni merilnik.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ ArcThickness | Integer | 10 | Debelina loka |
^ StartAngle | Double | -180 | Začetni kot |
^ SweepAngle | Double | 180 | Kot loka |

----

===== TWvdSScaleIndicator =====

Skalirni indikator.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ ScaleType | TScaleType | stLinear | Linear, Logarithmic |
^ TickCount | Integer | 5 | Število oznak |
^ ShowLabels | Boolean | True | Prikaži oznake |

----

===== TWvdSLevelBar =====

Prikaz ravni polnitve.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ Value | Double | 0 | Raven polnitve |
^ Minimum | Double | 0 | Minimum |
^ Maximum | Double | 100 | Maksimum |
^ Orientation | TWvdSOrientation | oVertical | Usmerjenost |
^ FillColor | TWvdSColor | clBlue | Barva polnitve |
^ ShowPercentage | Boolean | True | Prikaži odstotek |

==== TUI-upodabljanje ====

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

----

===== TWvdSProgressGauge =====

Obročna vrstica napredka.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ Value | Double | 0 | Napredek |
^ Maximum | Double | 100 | Maksimum |
^ Thickness | Integer | 8 | Debelina obroča |
^ TrackColor | TWvdSColor | clLightGray | Ozadje |
^ ProgressColor | TWvdSColor | clBlue | Barva napredka |

----

===== TWvdSThermometer =====

Termometer.

==== Namespace ====

''WvdS.UI.Controls.Gauges''

==== PXAML ====

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

==== Lastnosti ====

| Lastnost | Tip | Privzeto | Opis |
^ Value | Double | 0 | Temperatura |
^ Minimum | Double | -20 | Minimum |
^ Maximum | Double | 50 | Maksimum |
^ Unit | string | '°C' | Enota |
^ ShowBulb | Boolean | True | Prikaži bučko |
^ MercuryColor | TWvdSColor | clRed | Barva živega srebra |

==== TUI-upodabljanje ====

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

----

===== Glejte tudi =====

  * [[.:control-bibliothek|Knjiznica kontrolnikov]]
  * [[.:api-controls-charts|API grafikonov]]
  * [[.:tui-controls|TUI kontrolniki]]