Skip to content

Drehregler

Stellt einen number-Datenpunkt per Drehknopf ein — Wert wird durch Ziehen auf dem Bogen verändert. Drei Zeigertypen, konfigurierbarer Winkelbereich und ein Endlos-Modus. Bedient wird nur der Knopf selbst — der freie Bereich daneben bleibt zum Scrollen.

Datenpunkt

FeldPflichtTyp
datapointjanumberwird beim Loslassen geschrieben (auf Schritt gerundet)

Layouts

Default

Dünne Fortschritts-Spur mit Skalenstrichen, Linien- oder Pfeil-Zeiger auf dem Knopf-Körper.

Scale (knob-scale)

Dicker äußerer Bogen mit Zahlen-Labels und Zeiger an der Bogenspitze.

Endless (knob-endless)

Voller 3D-Kreisknopf mit Tick-Ring; relatives Ziehen ohne festen Anschlag — der Wert läuft endlos weiter.

Custom

Drehknopf in einer Zellenmatrix frei platzieren — der Stil wird über dialStyle (bogen · skala · endless) gewählt; siehe Custom-Layout.

Einstellungen

Alle Optionen werden im Editor unter Widget bearbeiten gesetzt.

Anzeige

OptionStandard
showTitletrueTitel anzeigen
showIcontrueIcon anzeigen
iconGaugeLucide-Icon
iconSize18px
titleAlignleftleft · center · right
showValuetrueWert in der Knopfmitte anzeigen
showMinMaxfalseMin/Max-Labels (Default-Layout)

Wert

OptionStandard
minValue0Skala-Minimum
maxValue100Skala-Maximum
step1Schrittweite beim Schreiben
unitEinheit hinter dem Wert
decimalsglobale VorgabeNachkommastellen
readOnlyfalseAnzeige ohne Bedienung

Umrechnung

Rechnet zwischen der Einheit des Datenpunkts und der Einheit um, in der bedient wird — in beide Richtungen: gelesen wird Wert × Faktor + Offset, geschrieben (Eingabe − Offset) ÷ Faktor. minValue, maxValue, step und unit gelten dann in der umgerechneten Einheit, der Datenpunkt behält seine eigene.

OptionStandard
valueFactor1Multiplikator
valueOffset0Summand

Vorlagen im Dialog über den Knopf ƒ neben dem Datenpunkt: Sekunden → Minuten/Stunden, Millisekunden → Sekunden, Wh → kWh, W → kW, Bytes → KB/MB/GB, 0..1 → Prozent, °C → °F — oder Eigene… für Faktor und Offset von Hand.

Zeiger & Bogen

OptionStandard
pointerStylelineline · circle · arrow
color--slider-fill (Endlos #4a4a4a)Farbe von Bogen/Zeiger
startAngle135Startwinkel in Grad (Endlos fest 126)
endAngle405Endwinkel in Grad (Endlos fest 486)
labelCount11 (Endlos 10)Anzahl beschrifteter Ticks (Scale/Endlos)

Optik

OptionStandard
showRingtrueäußerer Metall-Ring (nur Default/Scale)
showBackgroundtruegrauer Hintergrund-Disc (nur Default/Scale)
dialStylebogenKnopf-Stil im Custom-Layout: bogen · skala · endless