Aufbau einer Visualisierung
Ein Projekt ist im »EASY UI Designer« hierarchisch aufgebaut. Den äußeren Rahmen bildet die AppShell. Sie enthält Views und Pages, die wiederum Container und Steuerelemente beinhalten.
|
Die Datei AppShell.html definiert die Hauptansicht der Visualisierung. Sie enthält das grundsätzliche Layout der Visualisierung, das aus mindestens einem Menü und dem AppPageNavigator besteht. |
|
|
Eine Page ist eine Seite, die die eigentlichen Inhalte der Visualisierung zeigt. Ein Beispiel ist eine Diagnoseseite für die Maschine (DiagnosticsPage.html). |
|
|
Eine View ist eine bestimmte Ansicht, die mehrfach in der Visualisierung genutzt werden kann. |
|
|
Eine Region ist ein Platzhalter für eine View. Auf einer Seite kann es mehrere Regions geben. In den FixLayout-Vorlagen wird eine Region beispielsweise für die Kopfzeile benutzt. |
|
|
Container sind Steuerelemente, die andere Steuerelemente aufnehmen können. Es gibt Container für das Layout und die Navigation. |
|
|
Dialoge sind Pop-up-Fenster, die sich über den Bildschirm legen und eine Benutzerinteraktion erfordern. |
|
|
Ein Steuerelement ist normalerweise die kleinste grafische Einheit, wie z. B. eine Schaltfläche, eine Wert-/Texteingabe oder Ausgabe, eine Liste oder eine Grafik. |