Genauere Betrachtung: Steuerelementlayout

Aktualisiert: November 2007

Sie können Steuerelemente auf verschiedene Weise anordnen, wenn Sie diese Formularen hinzufügen. Sie möchten in einem Formular beispielsweise drei Schaltflächen in einer Spalte oder nebeneinander anordnen. Diese Anordnung von Steuerelementen wird als Layout bezeichnet. Es gibt viele Tools und Techniken, die Sie in Visual Basic verwenden können, um die Steuerelemente, die Sie einem Formular hinzufügen, anzuordnen und deren Größe zu ändern. In diesem Thema lernen Sie einige dieser Techniken kennen.

Positionierung von Steuerelementen

Es gibt in der Regel zwei Möglichkeiten zum Anordnen von Steuerelementen in einem Formular. Nachdem Sie ein Steuerelement auf ein Formular gezogen haben, können Sie mit dem Fenster Eigenschaften die genaue Position festlegen. Es ist aber auch möglich, das Steuerelement manuell zu verschieben, indem Sie es an eine bestimmte Position auf dem Formular ziehen. Beim Entwerfen von Anwendungen verwenden Sie im Allgemeinen eine Kombination dieser Techniken.

Ausrichten von Steuerelementen

Wenn Sie einem Formular Steuerelemente hinzufügen, können Sie die Steuerelemente so anordnen, dass sie an einer Kante des Formulars ausgerichtet werden. Sie können Steuerelemente auch an anderen bereits auf dem Formular vorhandenen Steuerelementen ausrichten. Sie können sie sogar so einrichten, dass ihre Größe automatisch angepasst wird, sobald die Größe der Anwendung geändert wird.

Ausrichten von Steuerelementen an der Kante eines Formulars

Sie möchten ein Steuerelement eventuell so ausrichten, dass es an der Kante des Formulars angefügt wird. Dies wird als Andocken des Steuerelements bezeichnet. Ein Beispiel hierfür finden Sie in Schritt 3: Anpassen von Erscheinungsbild und Verhalten. Das Beispiel zeigt, wie ein Panel-Steuerelement an der oberen Kante eines Formulars ausgerichtet wird, indem die Dock-Eigenschaft des Steuerelements auf Top festgelegt wird.

Ein Steuerelement kann an jeder Kante eines Formulars angedockt werden (oben, unten, links, rechts), und das Steuerelement bleibt ausgerichtet, auch wenn die Größe des Formulars geändert wird. Wenn Sie z. B. ein Steuerelement an der oberen Kante eines Formulars andocken und anschließend die Breite des Formulars ändern, wird die Größe des Steuerelements automatisch an die neue Breite angepasst. Wenn Sie ein Steuerelement an allen Seiten eines Formulars andocken, so entspricht dies der Festlegung der Dock-Eigenschaft auf Fill. Das liegt daran, dass Sie das gesamte Formular mit dem Steuerelement ausfüllen.

Hinweis:
Wenn Sie ein Steuerelement an einer Kante eines Formulars angedockt haben und anschließend die Dock-Eigenschaft eines zweiten Steuerelements auf Fill festlegen, füllt das zweite Steuerelement nur den verbleibenden Platz.

Ausrichten von Steuerelementen an anderen Steuerelementen

Durch Ziehen können Sie ein Steuerelement an anderen Steuerelementen im Formular ausrichten. Wenn Sie ein Steuerelement auf dem Formular in den Bereich eines vorhandenen Steuerelements ziehen, werden blaue Linien angezeigt. Diese Linien sind Führungen, mit deren Hilfe Sie problemlos erkennen können, wo das Steuerelement abgelegt werden soll, sodass es an einem vorhandenen Steuerelement ausgerichtet wird. In der folgenden Abbildung sind diese Ausrichtungslinien dargestellt.

Ausrichten von Steuerelementen

Tipp:
Sie können auch mehrere Steuerelemente auswählen und die Befehle zum Ausrichten auf der Symbolleiste Layout verwenden.

Ändern der Größe von Steuerelementen

Wenn Sie ein Steuerelement auswählen, wird entlang der Begrenzung des Steuerelements eine Reihe kleiner rechteckiger Symbole angezeigt. Diese Symbole werden als Ziehpunkte bezeichnet. Wenn Sie die Größe des Steuerelements ändern möchten, klicken Sie auf den Ziehpunkt, und ziehen Sie ihn an eine neue Position, um das Steuerelement zu vergrößern oder zu verkleinern. Die folgende Abbildung zeigt, wie sich der Zeiger in einen Pfeil ändert, wenn Sie ihn über einen Ziehpunkt bewegen. Der Pfeil gibt die Richtungen an, in die Sie das Steuerelement ziehen können, um dessen Größe zu ändern.

Ziehpunkte von Steuerelementen

Sie können Steuerelemente so einrichten, dass ihre Größe automatisch angepasst wird, wenn die Größe des Formulars geändert wird. Dazu müssen Sie die Dock-Eigenschaft des Steuerelements auf Fill festlegen. Ein Beispiel hierfür haben Sie in Schritt 3: Anpassen von Erscheinungsbild und Verhalten gesehen. Dort haben Sie gelernt, wie ein WebBrowser-Steuerelement angedockt wird, sodass es einen Bereich des Windows Form ausfüllt. Wenn Sie das Windows Form vergrößern, ändert sich automatisch die Größe des WebBrowser-Steuerelements und passt sich an das Formular an.

Wenn Sie es vorziehen, können Sie die Größe von Steuerelementen auch auf einen bestimmten Wert einstellen. Legen Sie dazu die Height-Eigenschaft und die Width-Eigenschaft des Steuerelements im Fenster Eigenschaften fest.

Hinweis:
Die Height-Eigenschaft und die Width-Eigenschaft eines Steuerelements finden Sie unter der Size-Eigenschaft im Fenster Eigenschaften.

Nächste Schritte

In der nächsten Lektion fügen Sie dem Programm eine Codezeile hinzu.

Nächste Lektion: Schritt 4: Hinzufügen von Visual Basic-Code.

Siehe auch

Aufgaben

Schritt 2: Erstellen einer Benutzeroberfläche