Formular-Designer
Nach oben zu Einführung in RAD Studio
Der Formular-Designer (der Designer) wird automatisch angezeigt, wenn Sie ein Formular erstellen oder bearbeiten. Der Formular-Designer wird automatisch ausgeführt, wenn Sie eine grafische Anwendung erstellen, die eine .dfm-Datei verwendet. Um den Formular-Designer zu öffnen, klicken Sie am unteren Rand des Hauptbearbeitungsfensters auf das Register Design.
Der Typ des Formulars bestimmt das Aussehen und die Funktionalität des Designers. Wenn Sie beispielsweise ein HTML-Element verwenden, können Sie den HTML-Tag-Editor im Designer durch Auswahl von Ansicht > Tag-Editor anzeigen.
Inhaltsverzeichnis |
Visuelle Komponenten
Sie fügen einem Formular visuelle Komponenten hinzu, indem Sie sie aus der Tool-Palette unten rechts in der IDE in das Formular ziehen. Unter visuellen Komponenten versteht man die Elemente, die für den Endbenutzer zur Laufzeit sichtbar sind. Die Objekte in der Tool-Palette ändern sich dynamisch je nach dem Typ der erstellten Anwendung bzw. des Formulars.
Für jede der zahlreichen Tool-Kategorien enthält die Tool-Palette Steuerelemente, wie z.B. Schaltflächen, Beschriftungen, Symbolleisten und Listenfelder. Während der Arbeit auf Projektebene stehen verschiedene Anwendungstypen zur Auswahl (z.B. DLL-Experten und Konsolen- bzw. Logo-Anwendungen). Wenn Sie eine Webanwendung erstellen, stehen Ihnen Web-Steuerelemente, HTML-Elemente und Datenkomponenten zur Verfügung.
Formularvorschau 
Das Vorschausymbol unten rechts im Designer (für VCL-Formulare) zeigt die Bildschirmposition des Formulars zur Laufzeit an. Dies vereinfacht die korrekte Platzierung der Formulare während des Anwendungsentwurfs.
Nicht-visuelle Komponenten und die Komponentenablage
Nicht-visuelle Komponenten werden während des Entwurfs zum Formular hinzugefügt, sind aber zur Laufzeit für den Endbenutzer nicht sichtbar. Die nicht-visuellen Komponenten lassen sich für die Wiederverwendung von Datenbankgruppen und Systemobjekten einsetzen, um jene Teile einer Anwendung zu isolieren, die die Datenbankverbindung und die Geschäftsregeln behandeln.
HTML-Designer
Mit dem HTML-Designer zeigen Sie Web Forms oder HTML-Seiten an bzw. bearbeiten diese. Sie können das Standard-Layout im HTML-Designer ändern und haben dabei die Wahl zwischen dem Raster-Layout und dem Fluss-Layout. Wählen Sie Tools > Optionen, und klicken Sie in der Baumstruktur auf der linken Seite auf HTML-Optionen. Anschließend können Sie unter Standardseiten-Layout entweder das Raster-Layout oder das Fluss-Layout auswählen. Dieser Designer enthält einen Tag-Editor für die Bearbeitung von HTML-Tags neben der visuellen Darstellung des Formulars bzw. der Seite. Sie können auch den Objektinspektor verwenden, um die Eigenschaften eines auf der HTML-Seite angezeigten Elements zu bearbeiten und die Eigenschaften des jeweils aktuellen HTML-Tags im Tag-Editor anzuzeigen. In einem Kombinationsfeld über dem Tag-Editor können SCRIPT-Tags angezeigt und bearbeitet werden.
Um eine neue HTML-Datei zu erstellen, wählen Sie Datei > Neu > Weitere > Webdokumente > HTML-Seite.
Designer-Richtlinien
Wenn Sie Komponenten für ein Formular erstellen, können Sie einen Objekttyp registrieren und dann verschiedene Punkte auf oder in der Nähe der Komponente bestimmen, die als Ausrichtungspunkte dienen sollen. Die Ausrichtungspunkte werden durch vertikale oder horizontale Linien definiert, die die Grenzen eines visuellen Steuerelements schneiden.
Nachdem die Ausrichtungspunkte festgelegt wurden, können Sie oberflächenspezifische Vorgaben für das Steuerelement festlegen, etwa den Abstand zum nächsten Steuerelement, Verknüpfungen, Fokusbeschriftungen, Tabulatorreihenfolge, maximale Anzahl der enthaltenen Elemente (Listen, Menüs) usw. Auf diese Weise lassen sich bewährte Richtlinien für Benutzeroberflächen bereits im Formular-Designer implementieren.
Wenn sowohl die Option Am Raster ausrichten als auch die Option Designer-Richtlinien verwenden aktiviert ist, haben die Designer-Richtlinien Vorrang. Liegt ein Rasterpunkt beispielsweise innerhalb der Toleranzgrenze und ist für denselben Abstand auch eine Richtlinie aktiv, wird das Steuerelement gemäß der Richtlinie platziert. Dies gilt auch dann, wenn die Richtlinie nicht mit dem Rasterpunkt identisch ist. Die Ausrichtungstoleranz ist von der Rastergröße abhängig. Der Designer bestimmt die Toleranz auch dann anhand der Rastergröße, wenn die Optionen Am Raster ausrichten und Raster anzeigen deaktiviert sind.
Diese Funktion steht gegenwärtig nur für die VCL (einschließlich C++) zur Verfügung.
Kontextmenü
Wenn Sie im Formular-Designer mit der rechten Maustaste auf ein Formular klicken, wird ein Kontextmenü mit den folgenden Befehlen angezeigt.
| Element | Beschreibung |
|---|---|
|
Bearbeiten |
Das Untermenü enthält die folgenden Bearbeitungsbefehle:
|
|
Element |
Steuert die Hintergrund-/Vordergrundebenen des ausgewählten Steuerelements. Das Untermenü enthält die folgenden Befehle: |
|
Position |
Legt die Ausrichtung, Größe und Skalierung des ausgewählten Steuerelements fest. Das Untermenü enthält die folgenden Befehle:
|
|
Vertauscht rechts und links. Das Untermenü enthält die folgenden Befehle:
| |
|
Tabulatorreihenfolge |
Öffnet das Dialogfeld Tabulatorreihenfolge bearbeiten. |
|
Erstellungsfolge |
Öffnet das Dialogfeld Erstellungsfolge. |
|
Geerbte Einstellungen wiederherstellen |
Setz die Eigenschaften, Methoden und Ereignisse des ausgewählten Steuerelements auf die Werte der Basisklasse des Steuerelements zurück. Wenn eine Formular Funktionen und Eigenschaften von einem anderen Formular erbt, können Sie Geerbte Einstellungen wiederherstellen aus dem Kontextmenü des Formulars wählen, um den Originalzustand des Formulars wiederherzustellen. Wenn ein Formular beispielsweise eine bestimmte Anordnung einer Schaltfläche von einem anderen Formular erbt, und Sie die Schaltfläche verschoben haben, wird mit Geerbte Einstellungen wiederherstellen die Schaltfläche an ihre ursprüngliche Position verlagert. |
|
Der Objektablage hinzufügen |
Öffnet das Dialogfeld Der Objektablage hinzufügen. |
|
Ansicht als Text |
Öffnet die aktuelle Quelltextdatei im Quelltext-Editor. Mit der Tastenkombination |
|
Text-DFM |
Wechselt zwischen der Anzeige der DFM-Datei (VCL-Formulardatei) als Text oder Formular. |