Pages

Steuerung: Benutzerdefinierte Statusanzeige（Custom States）

Das Steuerelement Custom States dient zur reinen Anzeige von Systemzuständen in Echtzeit, basierend auf externen Eingaben.
Es ist ausschließlich für die Überwachung gedacht – nicht für Interaktion – und zeigt Live-Daten z. B. von einer SPS über eine Verbindungsvariable an.

Übersicht

Custom States werden verwendet, um den aktuellen Zustand eines angeschlossenen Systems visuell darzustellen.
Ob einfache LED-Anzeige oder komplexe Maschinenillustration – das Steuerelement wird automatisch aktualisiert, ohne dass Nutzer eingreifen können. Ideal für Überwachungs- und Leitsysteme.

Hauptfunktionen

Nur Anzeige – keine Interaktion

  • Keine Bedienung durch den Nutzer möglich
  • Schutz vor unbeabsichtigten Eingriffen in den Systembetrieb

Live-Systemrückmeldung

  • Zeigt aktuelle Maschinen- oder Prozesszustände über Variablenanbindung (z. B. CODESYS, MQTT)
  • Informiert Bediener über kritische Zustände

Flexible Statusdarstellung

  • Visualisierung mehrerer Zustände (z. B. aktiv, standby, Fehler) über Symbole, Farben oder Text
  • Reicht von simplen Statusleuchten bis zu animierten Maschinenlayouts

Benutzerdefinierte SVG-Grafiken

  • SVG kann Maschinenlayout darstellen
  • Einzelne Elemente werden dynamisch aktualisiert

Ideal für Überwachungs-Interfaces

  • Perfekt für Leitstände, Anlagenübersichten oder Produktionsüberwachung

Anwendungsbeispiele

Fertigungsüberwachung

  • Beispiel: Zeigt, ob ein Förderband läuft, pausiert oder blockiert ist

Gerätezustände

  • Beispiel: Statusanzeige von Abfüll-, Verschließ- oder Verpackungsstationen

Sicherheitsüberwachung

  • Beispiel: Visualisiert, ob Schutztüren oder Sicherheitsbereiche geschlossen sind

SVG-ID-Referenztabelle

[img_1]

Nutze folgende SVG-IDs, um Systemzustände mit grafischen Elementen zu verknüpfen：

# Element SVG ID
1 Standardzustand [code_block_0]
2 Zustand 1 [code_block_1]
3 Zustand 2 [code_block_2]
4 Zustand n [code_block_3]

Wenn die Benutzeroberfläche Eingaben ermöglichen soll (z. B. Einschalten), verwende stattdessen Custom Toggle oder Custom Slider.

Codebeispiel（Code Snippet Example）

[code_block_4]