Design

In diesem Kapitel werden folgende Themen behandelt.

• Technologie

  Web UI basiert auf den Technologien HTML5, CSS und JavaScript. Für die Anzeige einer Web-App kann jeder moderne Browser genutzt werden wie z. B. Chrome, Firefox, Edge, Opera oder Safari. Hier erfahren Sie, welche Komponenten wie zusammenarbeiten.

• Absolutes Design

• Responsives Design

• Aufbau einer Visualisierung

  Ein Projekt ist im EASY UI Designer hierarchisch aufgebaut. Den äußeren Rahmen bildet die AppShell. Sie enthält Pages, die ihrerseits Container und Steuerelemente beinhalten. Hier erfahren Sie mehr über die verschiedenen Komponenten einer Benutzeroberfläche.

• Layout

  Im EASY UI Designer werden drei Layout-Typen für die Hauptansicht AppShell.html angeboten: FixClassical, FixTop und Responsive. Hier werden die Layout-Typen eines Visualisierungsprojekts näher beschrieben.

• Steuerelemente

  Ein Steuerelement ist normalerweise die kleinste grafische Einheit, wie z. B. eine Schaltfläche, eine Wert-/Texteingabe oder Ausgabe, eine Liste oder eine Grafik. Durch Eigenschaften wird zum einen das Aussehen dieser Elemente verändert, zum anderen die Funktionalität festgelegt.

• Trigger und Actions

  Hier erfahren Sie, was Trigger und Actions sind, wozu sie verwendet werden können und welche Trigger und Actions zur Verfügung stehen.

• Zuordnungslisten

  Eine Zuordnungsliste ist eine Sammlung von Zuordnungen zwischen einem Wert einer Eigenschaft (Farbe, Grafik oder Text) und einem numerischen Wert. Zuordnungslisten ermöglichen eine variablenabhängige Umschaltung von Farbe, Grafik oder Text in einem Steuerelement.

• Anleitungen

  Bei der Entwicklung eines Web UI Projekts fallen einige spezifische Aufgaben an, z. B. das Erstellen von Pages, Views und Dialogen und das Ermöglichen der Navigation zu einer Page. Wie Sie diese Aufgaben durchführen, zeigen Ihnen die folgenden Anleitungen.

• Beispiele

  Die folgenden Anleitungen zeigen Ihnen, wofür Sie bestimmte Steuerelemente nutzen können und wie Sie das konkret umsetzen.