Übersicht der Steuerelemente

Die Steuerelemente werden in der Toolbox von »EASY UI Designer« zur Verfügung gestellt und sind dort in verschiedene Kategorien eingeteilt. Hier finden Sie eine Übersicht.

Enthält Steuerelemente, die durch Bedienen eine Funktion auslösen oder eine Prozessvariable verändern.

Symbol und Name	Beschreibung
Button	Taster zum Aufrufen einer Funktion.
ToggleButton	Schalter zum Ein- oder Ausschalten einer Option.
Key	Taster mit Variablenanbindung.
Switch	Schalter zum Ein- oder Ausschalten einer Option.
CheckBox	Kontrollkästchen zur Aktivierung oder Deaktivierung einer Option.
RadioButton	Element zur Aktivierung oder Deaktivierung einer einzelnen Option aus einer Gruppe von Optionen.
RadioButtonGroup	Steuerelement zur Gruppierung von Optionen, von denen jeweils nur eine aktiviert werden kann.

Enthält Steuerelemente für die Eingabe und Ausgabe von Prozesswerten.

Symbol und Name	Beschreibung
DropDownBox	Aufklappbare Liste von Optionen, aus denen nur eine ausgewählt werden kann.
NumericVarOut	Ausgabefeld für eine numerische Prozessvariable.
TextVarOut	Ausgabefeld für eine alphanumerische Prozessvariable.
DateTimeVarOut	Ausgabe für ein Datum und/oder eine Zeit.
Clock	Uhr, zeigt die Systemzeit an.
Bar	Balkendiagramm für die Anzeige eines Prozessvariablenwertes.
SegmentBar	Aus Segmenten bestehendes Balkendiagramm für die Anzeige eines Prozessvariablenwertes.
RadialInstrument	Tachometer-ähnliche Anzeige eines Prozessvariablenwertes.
PieChart	Tortendiagramm für die Anzeige von mehreren Werten.
XYChart	Diagramm zur Darstellung von XY-Koordinaten.
DonutGauge	Ringdiagramm für die Anzeige eines Prozessvariablenwertes.
DateTimeVarIn	Eingabe/Ausgabe für ein Datum und/oder eine Zeit.
NumericVarIn	Ein-/Ausgabefeld für einen numerischen Prozessvariablenwert.
TextVarIn	Ein-/Ausgabefeld für einen alphanumerischen Prozessvariablenwert.
Slider	Schieberegler für die Eingabe und Ausgabe eines Variablenwertes.
Label	Anzeige eines Textes und eines Symbols zur Beschriftung anderer Elemente.
Image	Darstellung einer Grafik.
ColorIndicator	Steuerelement, das seine Farbe ändert, wenn sich der Wert der angebundenen Variablen ändert.
StateIndicator	Steuerelement, das seine Farbe, seinen Text und sein Symbol in Abhängigkeit des Wertes der angebundenen Variablen ändert.

Enthält Steuerelemente für die Anzeige von Daten aus den Systemmodulen.

Symbol und Name	Beschreibung
AlarmLineCollection	Alarmzeile, die mehrere Alarmkategorien darstellen und aufgeklappt werden kann.
AlarmList	Anzeige von Alarmen in Form einer Tabelle bzw. Liste.
HistoricalAlarmList	Anzeige von historischen Alarmen in tabellarischer Form.
AlarmIndicator	Weist auf das Vorhandensein von Alarmen hin.
TrendChart	Steuerelement zur Darstellung des zeitlichen Verlaufs von Trendwerten als Liniendiagramm.
TrendChartController	Steuerelement zur Steuerung eines damit verbundenen TrendCharts.
TrendChartLegend	Tabelle zur Auflistung von Informationen zu den Kurven in einem TrendChart-Steuerelement.

Symbol und Name	Beschreibung
AbsoluteLayout	Container zum manuellen Positionieren von Steuerelementen.
FlexLayout	Container zum automatischen Positionieren von Steuerelementen.
Group	Container für Steuerelemente mit Rahmen und Beschriftung.
CardLayout	Container zum automatischen Positionieren von Karten (Cards).
Card	Steuerelement, das auf einem CardLayout dargestellt wird, mit einer Überschrift und einem Inhalt.
ViewBox	Container zum Skalieren des Inhalts.

Symbol und Name	Beschreibung
TabBar	Leiste mit Schaltflächen für die Navigation.
PanoramaView	Ein Platzhalter-Steuerelement, das die Navigation durch mehrere Views ermöglicht.

Symbol und Name	Beschreibung
VideoPlayer	Steuerelement zum Abspielen eines Videos.
PDFViewer	Steuerelement zum Anzeigen eines PDF-Dokuments.
EmbeddedWebsite	Steuerelement zum Einbinden einer externen Ressource in die Applikation.

Einige Steuerelemente stehen nicht im Menüband zur Verfügung, werden aber in den Vorlagen verwendet, die entweder in jedem neuen Projekt bereits enthalten sind oder dem Projekt bei Bedarf hinzugefügt werden können.

Name	Beschreibung	Vorlagen
LoadingSpinner	Animiertes Element zur Visualisierung eines Ladeprozesses.	LoadingPage.html, LoadingView.html