Jetzt wird das Oberflächendesign des Touchpanels erzeugt. Zunächst muss der Reiter Bilder unter dem Menüpunkt HMI_1 (linke Seite) ausgewählt werden. Wenn dieser geöffnet wurde, erscheint dort ein Unterpunkt namens Bild_1. Dies ist unsere Oberfläche, welche der Nutzer später sehen wird. Durch einen Doppelklick auf Bild_1 öffnet sich das Oberflächendesign des Touchpanels. Hier werden nun die nötigen Elemente eingefügt.

Das Touchpanel soll später die Anlage in den Handbetrieb, sowie in den Automatikbetrieb versetzten und diesen dann auch starten. Somit werden drei Buttons benötigt (Handbetrieb, Vorwahl Automatik und Automatik Start). Diese Buttons können durch Drag & Drop aus der Liste der Elemente auf der rechten Seite, einfach auf die Oberfläche gezogen werden. Dort wird dann der Button durch einen Doppelklick auf den Text beschriftet. Es werden so insgesamt drei Buttons eingefügt. Zusätzlich werden nun noch drei „Leuchtmelder" eingefügt, um den jeweiligen Zustand der Anlage anzuzeigen. Hierfür wird aus der rechten Liste der Basisobjekte ein Kreis auf die Oberfläche per Drag&Drop gesetzt.  Zusätzlich werden die Leuchtmelder beschriftet durch Einfügen von Textfeldern, welche sich ebenfalls in der Liste der Basisobjekte befinden. Nachdem somit die drei Buttons, sowie die Leuchtmelder und die dazugehörigen Beschriftungen (wie in dem Bild zu sehen) erstellt wurden, wird nun noch die Hintergrundfarbe, sowie ein Titel und eine Uhrzeit mit dem Datum eingefügt. Zunächst wird die Hintergrundfarbe angepasst. Diese wird durch einen Klick auf die Oberfläche verändert. Unter dem nun unter Eigenschaften vorhandenen Punkt Allgemein kann die Hintergrundfarbe variiert werden. Dort wird eine separate Farbe für den Permanentbereich ausgewählt. Hierzu muss an der oberen Kante des Oberflächendarstellungsbereiches mit dem Cursor entlang gegangen werden, bis sich zwei entgegen gerichtete Pfeile ergeben. Dann kann das Feld vergrößert werden. Nachdem dies erfolgreich war, kann durch einen Klick in das graue Feld die Farbe ebenfalls verändert werden. In diesem neuen Permanentbereich kann nun das Element Datum/ Uhrzeit eingefügt werden, sowie ein Textfeld aus den Basisobjekten.



Zuletzt geändert: Freitag, 30. Juli 2021, 15:05