Visualisierung Editor

Mit dem Visualisierungs Editor wird die Visualisierung erstellt.

Um eine neue Seite hinzuzufügen, wechseln Sie in der rechten Ansicht auf Navigation und klicken auf das "+" Symbol und wählen neue Visu Seite. Oberhalb gibt es auch eine Suchfunktion um Bausteine leichter zu finden. Tipp: Mit der Zoomfunktion in der Toolbar oder mit Strg + Mausrad kann die Ansicht vergrößert werden.

Für eine neue Seite kann hierbei unter folgenden Formaten unterschieden werden:

Skalierung Vollbild (Tablet 4:3), dies entspricht dem Seitenverhältnis von iPads.
Skalierung Vollbild (Tablet 16:9)
Skalierung Höhe (Smartphone)

Hierbei wird unter zwei Skalierungen unterschieden:

Skalierung Vollbild: In dieser Skalierung wird die Visualisierungsseite so skaliert, damit diese in den Bildschirm passt ohne das es zu Verzerrungen kommt. Diese Skalierung ist beispielsweise für Tablets geeigent die horizontal gehalten werden.
Skalierung Höhe: In dieser Skalierung wird die gesamte verfügbare Breite des Bildschirmes verwendet und in der Höhe skaliert. In der Höhe wird dann gescrollt. Diese Skalierung eigent sich für Handys wenn diese vertikal gehalten werden.

Beide Typen können parallel in einer Visualisierung verwendet werden. Wird das Gerät vertikal gehalten, wird die erste Seite mit Skalierung Höhe angezeigt, horizontal die erste Seite mit Skalierung Vollbild. Die erste Seite ist hierbei immer jene die in der Navigation ganz oben steht. Diese sollte daher immer die Menüseite sein von der aus auf die anderen Seiten gewechselt wird.

In den Eigenschaften der Seite kann zwar die Höhe und Breite in Pixel eingestellt werden, diese dient jedoch nur dazu um das Seitenverhältnis zu bestimmen. Wenn das Zielgerät eine höhere oder niedrigere Auflösung hat, wird immer verzerrungsfrei in den verfügbaren Bereich skaliert.

Um ein Bedienelement hinzuzufügen, wählen Sie das Bedienelement im Linken Fenster "Bedienelement" (2) aus und ziehen diesen auf die neue Seite. Oberhalb gibt es auch eine Suchfunktion um Bausteine leichter zu finden (1). Tipp: Mit der Zoomfunktion in der Toolbar oder mit Strg + Mausrad kann die Ansicht vergrößert werden.

Die Visualisierung kann nur bearbeitet werden wenn der Bearbeitungsmodus ausgeschaltet ist:

Wird der Bedienmodus aktiviert, können die Bedienelemente bedient werden, jedoch keine neuen Elemente hinzugefügt oder gelöscht werden. Die Visualisierung verhält sich dann so wie am Zielgerät, alle Funktionen können uneingeschränkt bedient werden.

Tipp: Klickt man 30 Sekunden lang auf das Bedienelement wird damit die Toolbar an der APP ein- ausgeblendet. Dies funktioniert auch wenn man auf einen freien Bereich auf der Seite klickt.

Mit Klick auf das Bedienelement wechselt die Ansicht:

Links werden die Eigenschaften angezeigt, rechts die Variablen und die Verknüpfungen für das Bedienelement. Tipp: Mit einem Doppelklick auf Bedienelemente Block werden die verknüpften Adressen im Adressfenster ausgewählt. Mit einem Klick auf die Seite wechselt die Ansicht wieder zurück zur Auswahl der Bedienelemente.

Das Eigenschaftsfenster unterteilt sich in zwei Bereiche:

Im oberen Bereich werden die Eigenschaften der Seite angezeigt, im unteren die des Bedienelementes. Siehe allgemeine Parameter.

Um eine Variable mit dem Bedienelement zu verknüpfen, gibt es zwei Möglichkeiten:

Ziehen Sie die Variable aus dem Variablenfenster auf das Bedienelement, hierdurch wird immer die erste Variable verknüpft.
Ziehen Sie die Variable aus dem Variablenfenster in das Fenster Verknüpfungen

Um eine Verknüpfung zu löschen, klicken Sie auf das das Icon rechts:

Tipp: Über das Fenster Verknüpfungen ist es auch möglich mehrere Ein- Ausgänge gleichzeitig zu verknüpfen. Markieren Sie hierzu mehrere Variablen im Variablenfenster und ziehen diese in das Fenster mit den Verknüpfungen, die Variablen werden dann der Reihe nach verknüpft.