Gestalten von Benutzeroberflächen
- Aktualisiert2025-08-27
- 6 Minute(n) Lesezeit
Erscheinungsbild und Layout eines Frontpanels sind besonders wichtig, wenn ein VI als Benutzeroberfläche oder Dialogfeld dient. Gestalten Sie Frontpanel so, dass diese echten Geräten ähneln und der Umgang mit ihnen leichtfällt. Mit Hilfe von Bedien- und Anzeigeelementen, Trennbalken und Fensterbereichen lässt sich die Benutzerfreundlichkeit von Frontpaneln verbessern. Der Funktionsumfang der Benutzeroberfläche lässt sich auch durch die Arbeit mit Ereignissen erweitern.
Gestalten von Frontpaneln
Die Hauptbestandteile des Frontpanels sind Bedien- und Anzeigeelemente. Folgen Sie den folgenden Richtlinien zum Gestalten eines Frontpanels, das als Benutzeroberfläche dient:
- Bedenken Sie die gewünschte Bedienreihenfolge Ihres VI. Gruppieren Sie Bedien- und Anzeigeelemente entsprechend.
- Fügen Sie zusammengehörige Elemente in einen Cluster ein oder setzen Sie sie optisch von anderen Elementen ab.
- Mit den Elementen der Palette Gestaltungselemente können Sie verschiedene Objekte mit Hilfe von Feldern, Linien und Pfeilen zusammenfassen oder separieren.
- Lassen Sie zwischen den Objekten auf dem Frontpanel der Übersicht halber etwas Platz. Durch ausreichend große Abstände wird darüber hinaus verhindert, dass der Benutzer versehentlich auf das falsche Element oder eine falsche Schaltfläche klickt.
- Ordnen Sie keine Objekte über anderen Objekten an. Selbst wenn ein Bedien- oder Anzeigeelement nur durch die Beschriftung eines anderen Elements überlappt wird, verlangsamt sich die Bildwiederholungsrate und die Anzeige kann daher flimmern.
- Verwenden Sie für die Schaltflächen aussagekräftige Namen wie "Start", "Stopp" oder "Speichern". Arbeiten Sie mit gängiger Terminologie.
- Sorgen Sie mit Hilfe der Pulldown-Menüs Objekte ausrichten und Objekte anordnen für ein geordnetes Layout.
Konfigurieren von Schriftarten und -farben
Die Bedienfreundlichkeit von Benutzeroberflächen kann mittels Schriftarten und -farben verbessert werden. LabVIEW definiert integrierte Schriftarten als Standardsystemschriftarten. Wenn Sie VIs auf verschiedenen Plattformen verwenden, passt LabVIEW die Schriftart automatisch an die Standardschriftarten der neuen Plattform an. Eine nicht verfügbare Schriftart wird automatisch durch eine ähnliche ersetzt. LabVIEW ersetzt Farben ähnlich wie Schriftarten. Ist eine im VI verwendete Farbe nicht verfügbar, wird sie durch eine ähnliche Farbe ersetzt. Die Systemfarben sind vom Computer abhängig, d. h., VIs mit Systemfarben spiegeln die Farben des jeweiligen Computers wider. Die Systemfarben definieren die Farben des Frontpanels und der darin befindlichen Objekte, die Fensterfarbe, sämtliche Hervorhebungsfarben sowie die Farbe von Text, der auf den Systemfarben angezeigt wird. Im Dialogfeld Optionen können Sie benutzerdefinierte Farben konfigurieren und die Systemfarben einsehen.
Verwenden von Trennbalken und Fensterbereichen
Mit Hilfe von Trennbalken (z. B. Symbolleisten oder Statusleisten) können Sie auf dem Frontpanel professionelle Benutzeroberflächen erstellen. Mit Hilfe von Trennbalken lässt sich das Frontpanel in verschiedene Bereiche unterteilen. Jeder Fensterbereich funktioniert ähnlich wie ein Frontpanel; er hat eigene Fensterbereichskoordinaten sowie eigene Bedien- und Anzeigeelemente. In jedem Fensterbereich können Bildlaufleisten verwendet werden. Der Trennbalken trennt zwar die Elemente verschiedener Fensterbereiche voneinander ab, die Anschlüsse der Elemente befinden sich aber in einem Blockdiagramm.
Wenn Sie ein neues VI erstellen, besteht das Frontpanel aus einem Fensterbereich, der das ganze Fenster ausfüllt. Dieser Bereich gehört zu dem Frontpanel, welches als Elternobjekt fungiert. Mit jedem eingefügten Trennbalken wird ein Fensterbereich in der Frontpanel-Hierarchie ersetzt und es werden zwei neue Unterbereiche erzeugt. Diese beiden neuen Unterbereiche gehören zu dem Trennbalken, der wiederum zum Frontpanel gehört. Wenn Sie einen weiteren Trennbalken in einen der neuen Unterbereiche einfügen, ersetzt dieser den Fensterbereich und er wird zum übergeordneten Objekt der beiden neuen Unterbereiche. Mit dieser Hierarchie wird eine binäre Baumstruktur gebildet, wobei das Frontpanel den Ausgangspunkt darstellt.
Das Beispiel "Resizable Panel with Splitter Bars.vi" für die Verwendung von Trennbalken und anpassbaren Paneln finden Sie unter labview\examples\Controls and Indicators\Containers.
Konfigurieren von Trennbalken
Klicken Sie mit der rechten Maustaste auf einen Trennbalken und wählen Sie eine der folgenden Kontextmenüoptionen zur Konfiguration von Trennbalken aus:
- Sichtbare Objekte—Fügt die Beschriftung des Trennbalkens auf dem Frontpanel ein. Die Beschriftung für Trennbalken ist in LabVIEW per Voreinstellung ausgeblendet.
- Erstellen—Ermöglicht das Erstellen von Eigenschaftsknoten, VI-Server-Referenzen und Methodenknoten zum programmatischen Konfigurieren von Trennbalken.
- Gesamte Trennbalkenhierarchie entfernen—Entfernt den markierten Trennbalken und alle anderen Trennbalken, die diesem in der Hierarchie untergeordnet sind. Die Frontpanel-Objekte verbleiben jedoch an derselben Stelle. Wenn Sie einen Trennbalken markiert haben, der keinem anderen Trennbalken übergeordnet ist, ist diese Option ausgegraut.
- Mit angrenzenden Trennbalken entfernen—Entfernt den markierten Trennbalken und alle Trennbalken, die an diesen angrenzen.
- Trennbalken-Größenanpassung—Legt fest, wie sich eine Veränderung der Fenstergröße auf die Bereiche auswirkt. Durch Auswahl einer Option aus dem Kontextmenü Trennbalken-Größenanpassung können Sie einen Fensterbereich so einstellen, dass er bei einer Größenänderung des gesamten Fensters konstant bleibt und sich nur der andere Bereich anpasst. Bei Wahl der Option Trennbalken teilt proportional passen sich beide Bereiche der Änderung des Fensters an.
- Gesperrt—Fixiert den Trennbalken an der aktuellen Position.
- Trennbalkendarstellung—Ermöglicht das Anpassen der Darstellung des Trennbalkens.
- Oberer/Unterer/Linker/Rechter Fensterbereich—Ermöglicht das Konfigurieren des ausgewählten Fensterbereichs. Wenn Sie einen der Fensterbereiche auswählen, wird ein neues Kontextmenü mit den Optionen zur Konfiguration des ausgewählten Bereichs angezeigt. Weitere Informationen dazu finden Sie im Abschnitt Konfigurieren von Fensterbereichen dieses Themas.
Mit Hilfe der Eigenschaften für Trennbalken lassen sich diese programmatisch konfigurieren.
Konfigurieren von Fensterbereichen
Klicken Sie mit der rechten Maustaste auf eine Bildlaufleiste im Fensterbereich und wählen Sie eine der folgenden Kontextmenüoptionen zum Konfigurieren von Fensterbereichen:
- Sichtbare Objekte—Fügt die Beschriftung des Fensterbereichs auf dem Frontpanel ein. Die Beschriftung für Fensterbereiche ist in LabVIEW per Voreinstellung ausgeblendet.
- Erstellen—Ermöglicht das Erstellen von Eigenschaftsknoten, VI-Server-Referenzen und Methodenknoten zum programmatischen Konfigurieren von Fensterbereichen.
- Horizontale Bildlaufleiste—Legt fest, ob die horizontale Bildlaufleiste immer, nie oder während der VI-Ausführung sichtbar ist oder nicht.
- Vertikale Bildlaufleiste—Legt fest, ob die vertikale Bildlaufleiste immer, nie oder während der VI-Ausführung sichtbar ist oder nicht.
- Größenanpassung des Fensterbereichs—Legt fest, wie sich eine Änderung der Fenstergröße auf die Bereiche auswirkt. Es kann festgelegt werden, ob die Elemente nach Änderung der Fensterbereichs oben, unten, rechts oder links im Bereich verbleiben sollen. Eine andere Option ist die Anpassung der Position der Elemente an die neue Fenstergröße.
Wenn das Frontpanel nicht in Fensterbereiche unterteilt ist, können Sie über das Dialogfeld VI-Einstellungen einige Einstellungen für das ganze Fenster vornehmen. Wenn Sie dem Frontpanel jedoch einen Trennbalken hinzufügen, werden die Optionen im Dialogfeld VI-Einstellungen eingeschränkt, da die Einstellungen nicht auf alle Fensterbereiche angewendet werden können. Jeder Fensterbereich muss dann einzeln konfiguriert werden. Wenn Sie dem Frontpanel zum Beispiel einen Trennbalken hinzufügen, wird die Option Alle Elemente des Frontpanels bei Änderung der Fenstergröße neu skalieren auf der Seite Fenstergröße im Dialogfeld VI-Einstellungen ausgegraut.
Mit Hilfe der Eigenschaften für Fensterbereiche lassen sich diese programmatisch konfigurieren.
Gestalten von Dialogfeldern
Zum Ausblenden der Menüleiste und von Bildlaufleisten sowie zum Erstellen von VIs, die wie die Standarddialogfelder Ihrer Plattform aussehen und funktionieren, wählen Sie Datei»Eigenschaften für VI, klicken Sie anschließend im Pulldown-Menü Kategorie auf die Option Fenstererscheinungsbild und wählen Sie dann die Option Dialog.
Wenn in einem VI mehrere Dialogfelder an der gleichen Stelle auf dem Bildschirm angezeigt werden sollen, ordnen Sie die darin befindlichen Schaltflächen so an, dass sie nicht übereinander liegen. Ansonsten kann es passieren, dass der Benutzer beim doppelten Anklicken auf eine Schaltfläche versehentlich die darunterliegende mit anklickt.
Benutzer verwenden möglicherweise die Tastenkombination <Strg + Z> während der Ausführung eines VIs, um einen Schritt rückgängig zu machen. Dies kann zu einem unerwarteten Verhalten von Dialogfeldern führen, z. B. erneutes Öffnen eines geschlossenen Dialogs. Um dies zu vermeiden, können Sie ein benutzerdefiniertes Menü erstellen, das keine Option Bearbeiten»Rückgängig enthält, oder Sie können eine Ereignisstruktur zum VI hinzufügen und das Ereignis Menüauswahl (App) konfigurieren, um den Befehl auszuführen.
Für die Gestaltung von Dialogfeldern werden die Systemelemente der Palette System verwendet.
Auswahl der Bildschirmgröße
Berücksichtigen Sie beim Erstellen eines VIs, dass das Frontpanel möglicherweise auch auf Computern mit unterschiedlichen Bildschirmauflösungen angezeigt wird.
Verkleinern Sie ggf. das Fenster so weit wie möglich, ohne dass Elemente zusammengepfercht werden oder das Layout unübersichtlich wird. Manche Displays (wie LCDs oder Touchscreens) haben nur eine begrenzte Auflösung.
Frontpanels, die für kleine Bildschirme gedacht sind, sollten in der linken oberen Ecke geöffnet werden. VIs, die häufig gemeinsam geöffnet werden, sollten sich nahe beieinander befinden, so dass zumindest ein Teil jedes VIs sichtbar ist. Sich automatisch öffnende Frontpanels sollten in der Bildschirmmitte angeordnet werden. Durch mittiges Anordnen von Frontpaneln ist das VI für Benutzer mit unterschiedlich großen Monitoren gut zu sehen.
Um die Größe des Frontpanels relativ zur Bildschirmauflösung konstant zu halten, wählen Sie Datei»VI-Einstellungen, klicken Sie im Pulldown-Menü Kategorie auf Fenstergröße und aktivieren Sie die Option Fensterproportionen bei unterschiedlichen Bildschirmauflösungen beibehalten.