Pages
Steuerung: Benutzerdefinierter Eingabewähler（Custom Input Stepper）
Der Custom Input Stepper ist ein intuitives Steuerelement, mit dem Benutzer über + und â-Buttons einen numerischen Wert schrittweise ändern können.
Er unterstützt die Anzeige von Einheiten, konfigurierbare Schrittgrößen und Wertebereiche – ideal für das präzise Einstellen von Betriebsparametern in Echtzeit.
Übersicht
Der Stepper eignet sich besonders für präzise Anpassungen, etwa von Temperatur, Helligkeit oder Druck.
Über Verbindungsschlüssel kann er mit externen Systemen wie CODESYS oder MQTT verknüpft werden – inklusive direkter Rückmeldung und Synchronisation.
Hauptfunktionen
Inkrement-/Dekrement-Steuerung
- Werte werden per
+undâverändert - Kein Risiko für Fehleingaben durch manuelle Texteingabe
Echtzeit-Datenbindung
- Verbindung mit z. B. CODESYS oder MQTT
- Wertänderungen werden sofort an das Backend übermittelt
Anpassbare Schrittgröße
- Freie Definition der Schrittweite (z. B. 0.5, 1, 5)
- Geeignet für grobe und feine Justierungen
Grenzwerte (Min/Max)
- Festlegung von Mindest- und Höchstwerten für sichere Bedienung
- Verhindert ungültige Eingaben
Einheitendarstellung
- Zusätzliche Anzeige von Einheiten wie °C, bar, %
- Erhöht Verständlichkeit und Kontext
Kompakte Gestaltung
- Schlanke Steuerung für klare Wertekommunikation
- Ideal für Panels und Einstellmenüs mit begrenztem Platz
Anwendungsbeispiele
Temperaturregelung
- Beispiel: Sollwert eines Heizelements innerhalb sicherer Grenzen anpassen
Helligkeitseinstellungen
- Beispiel: Bildschirmhelligkeit in festen Stufen einstellen
Druck- oder Geschwindigkeitsregelung
- Beispiel: Feinjustierung des Pumpendrucks oder Förderbandtempos
SVG-ID-Referenztabelle
[img_1]
Diese SVG-IDs kannst du für die Anzeige und Steuerung des Eingabewählers verwenden:
| # | Element | SVG ID |
|---|---|---|
| 1 | Minus-Schaltfläche | [code_block_4] |
| 2 | Zahlenwert | [code_block_5] |
| 3 | Einheit (optional) | [code_block_6] |
| 4 | Plus-Schaltfläche | [code_block_7] |
Codebeispiel（Code Snippet Example）
[code_block_8]
â
+