Benutzeroberflächen entwerfen

Aus RAD Studio
Wechseln zu: Navigation, Suche

Nach oben zu Konzepte zum Rapid Application Development (RAD) - Index


Eine grafische Benutzeroberfläche (GUI) besteht aus einem oder mehreren Fenstern, die es dem Benutzer ermöglichen, mit einer Anwendung in Interaktion zu treten. Zur Entwurfszeit werden diese Fenster als Formular bezeichnet. In RAD Studio steht für die Erstellung von VCL-Formularen, Web-Formularen und HTML-Seiten ein Designer zur Verfügung. Die Formular-Designer und Formulare unterstützen Sie dabei, professionelle Benutzeroberflächen schnell und einfach zu erstellen.

Mit dem Formular-Designer arbeiten

Wenn Sie eine VCL-Formular- oder eine DataSnap-Server-Anwendung erstellen, zeigt die IDE automatisch den entsprechenden Formulartyp auf der Registerkarte Design in der IDE an. Sobald Sie Komponenten wie Labels und Textfelder aus der Tool-Palette in das Formular ziehen, wird der zugrunde liegende Quelltext für die Funktionalität der Anwendung automatisch in RAD Studio erstellt. Die Eigenschaften der Komponenten oder des Formulars ändern Sie im Objektinspektor. Die Ergebnisse dieser Änderungen werden automatisch in den Quelltext auf dem Register Code übernommen. Umgekehrt werden Änderungen am Quelltext, die im Quelltext-Editor durchgeführt wurden, sofort in das Register Design übernommen.

In der Tool-Palette stehen Dutzende von Steuerelementen zur Auswahl, mit deren Hilfe der Entwurf von VCL-Formularen, DataSnap-Servern und HTML-Seiten vereinfacht wird. Wenn Sie ein VCL-Formular erstellen, können Sie beispielsweise die Komponente Vcl.Menus.TMainMenu dazu verwenden, in nur wenigen Minuten ein Hauptmenü zu entwerfen. Wenn sich die Komponente auf einem VCL-Formular befindet, geben Sie die Hauptmenüeinträge in die dafür vorgesehenen Felder ein. Die Komponente Vcl.Menus.TPopupMenu enthält eine ähnliche Funktionalität zum schnellen Erstellen von Kontextmenüs. Es gibt ferner einige Dialogfeld-Komponenten für allgemein übliche Funktionen, wie zum Beispiel das Öffnen und Speichern von Dateien, das Einstellen von Schriftarten und Farben sowie das Drucken. Wenn Sie diese Komponenten verwenden, sparen Sie auf der einen Seite Zeit und auf der anderen Seite sorgen Sie für ein konsistentes Look-and-Feel der Dialogfelder in Ihren Anwendungen.

Beim Entwurf einer Benutzeroberfläche können Sie Eingaben rückgängig machen und wiederherstellen, indem Sie Bearbeiten > Rückgängig oder Bearbeiten > Wiederherstellen wählen. Wenn Sie mit dem Erscheinungsbild des Formulars zufrieden sind, können Sie die darauf positionierten Komponenten sperren, um unbeabsichtigte Veränderungen zu verhindern. Wählen Sie dazu Bearbeiten > Elemente fixieren.

Formular-Designer-Optionen einstellen

Sie können Optionen einstellen, die das Erscheinungsbild und das Verhalten der Designer ändern. Zum Beispiel lassen sich die Rastereinstellungen und der Stil des erzeugten Quelltextes oder des HTML-Codes anpassen. Um diese Optionen einzustellen, wählen Sie Tools > Optionen > Umgebungsoptionen > Formular-Designer und Tools > Optionen > HTML-Optionen.

Formular-Designer-Richtlinien für VCL-Komponenten definieren

Mit VCL (Delphi oder C++) können Sie Komponenten so definieren, dass sie sich "relativ" zu den anderen Komponenten im Formular verhalten. Beispielsweise können Sie für eine Komponente veranlassen, dass abhängig vom Wert der Eigenschaft padding immer ein bestimmter Freiraum um die Komponente erhalten bleibt.

Mit Hilfe entsprechender Eigenschaften lassen sich der Abstand zwischen Steuerelementen, Verknüpfungen, Beschriftungen, die Tabulatorreihenfolge und die Maximalanzahl von Einträgen in Listenfeldern und Menüs festlegen.

Nachdem Richtlinien für Komponenten definiert wurden, können diese bei aktivierter Option Designer-Richtlinien verwenden zur Erstellung von Formularen (und zum Generieren entsprechenden Quelltexts) verwendet werden. Wenn sowohl die Option Am Raster ausrichten als auch die Verwendung von Designer-Richtlinien aktiviert ist, haben die Designer-Richtlinien Vorrang.

Anleitungen zum Festlegen von Designer-Richtlinien finden Sie unter Designer-Richtlinien für VCL-Komponenten verwenden.

Siehe auch