Design

Hierarchischer Aufbau:

  • Applikationsrahmen
    • ist in jedem neu erstellten Projekt bereits enthalten
  • Pages
    • werden in den AppPageNavigator (Container, in den eine beliebige Page geladen werden kann) geladen, den es in einer App nur einmal geben darf
    • der AppPageNavigator enthält die Hauptnavigation
  • Views
    • auch ein Container (Pages und Views sind eine rein logische Unterscheidung, technisch kein Unterschied)
    • Mit der Page-Umschaltung wird die Navigation möglich.
    • Dialoge als Views bauen
  • Regions
    • auf einer Page platzieren, um verschiedene Views in der Region darzustellen
    • kann zusammen mit einer TabBar verwendet werden
  • Layout-Container (FlexLayout, AbsoluteLayout, CardLayout und dazugehörige Elemente, Group, ViewBox)
  • Steuerelemente (Schaltflächen, Ein- und Ausgabesteuerelemente, Steuerelemente zur Anzeige von Alarmen)
Anmerkung: Die EASY UI Designer Installation enthält ein Web UI Beispielprojekt. Um das Beispielprojekt zu öffnen, wählen Sie in der Entwicklungsumgebung Datei > Beispiele > Web UI (HTML5) > Web UI > Öffnen. Starten Sie das Projekt und probieren Sie die Applikation zur Laufzeit aus. Beenden Sie dann die Ausführung und schauen Sie sich anschließend die Umsetzung in der Entwicklungsumgebung an.
Container
Container beinhalten weitere Elemente.
Steuerelemente
Steuerelemente sind Elemente zum Bedienen der Applikation. Sie lösen Funktionen in der Applikation aus, zeigen Prozessdaten an und nehmen Benutzereingaben entgegen.
Funktionalität der Steuerelemente
Funktionalitäten, die in den Steuerelementen über die Eigenschaften parametriert werden können, z. B. Variablenanbindung, Sprachumschaltung und Benutzerverwaltung.
Styling
Styles speichern Einstellungen zur visuellen Gestaltung eines Steuerelements und können auf andere Steuerelemente desselben Typs einfach und schnell angewendet werden. Hier erfahren Sie, wie Sie vorhandene Styles nutzen und eigene erstellen können.