Ausrichtung im WPF-Designer
WPF Designer für Visual Studio stellt eine Vielzahl visueller Hinweise bereit, um den Entwickler bei der Ausrichtung und dem Layout von Steuerelementen auf der Benutzeroberfläche zu unterstützen. Ränder sind hilfreich, um den Abstand zwischen dem Rand eines Steuerelements und den Fensterrändern beizubehalten. Ausrichtungslinien bieten visuelle Hinweise, die anzeigen, wenn ein Steuerelement an anderen Steuerelementen ausgerichtet wird. Rasterlinien sind hilfreich, um große Gruppen von Steuerelementen in einem rasterähnlichen Muster auszurichten und anzuordnen. Dieses Thema ist eine Einführung in Ränder, Ausrichtungslinien und Rasterlinien in WPF-Designer.
.png "Ausrichtung im WPF-Designer")
Ränder
In WPF-Designer bezieht sich der Begriff Rand auf den Platz zwischen dem Rand eines Steuerelements und dem Rand des Hostcontainers. Beim Auswählen eines Steuerelements in WPF-Designer werden die Ränder durch schwarze Linien zwischen den Steuerelementrändern und den Containerrändern angezeigt. Wenn eine Randlinie von einem Steuerelement bis an den Fensterrand reicht, wird damit angezeigt, dass der Rand fest definiert ist. Beim Ändern der Fenstergröße bleibt der Abstand zwischen diesem Steuerelementrand und diesem Fensterrand konstant. Wenn eine Randlinie nicht bis zum Fensterrand reicht, wird damit angezeigt, dass der Rand nicht fest definiert ist und sich der Abstand zwischen diesem Steuerelementrand und diesem Fensterrand ändern kann. Wenn beispielsweise der obere und der linke Rand eines Steuerelements fest definiert sind, behält das Steuerelement beim Ändern der Fenstergröße seine Position relativ zur oberen linken Fensterecke bei. Dahingegen ändert sich die relative Position eines Steuerelements zur oberen linken Fensterecke beim Ändern der Fenstergröße, wenn der untere und der rechte Rand fest definiert werden. Wenn gegenüberliegende Ränder (z. B. der obere und der untere Rand) fest definiert werden, wird das Steuerelement beim Ändern der Fenstergröße gestreckt. Informationen zum Festlegen der Ränder eines Steuerelements finden Sie unter Gewusst wie: Festlegen von Rändern für ein Steuerelement im WPF-Designer.
Ausrichtungslinien
Ausrichtungslinien sind visuelle Hinweise, die Ihnen beim relativen Ausrichten eines Steuerelements an anderen Steuerelementen in einem Fenster helfen. Beim Ziehen eines Steuerelements auf ein Fenster werden Ausrichtungslinien angezeigt, wenn das Steuerelement an einem anderen Steuerelement ausgerichtet wird. Ausrichtungslinien werden als rote Linien angezeigt, die das gezogene Steuerelement mit dem Steuerelement verbinden, an dem es ausgerichtet wird. Ausrichtungslinien werden angezeigt, wenn der obere, untere, linke oder rechte Rand des gezogenen Steuerelements an dem entsprechenden Rand eines Steuerelements im Fenster ausgerichtet wird. Bei einigen Steuerelementen werden auch Ausrichtungslinien angezeigt, wenn die Textbasislinien ausgerichtet werden. Weitere Informationen zur Verwendung von Ausrichtungslinien finden Sie unter Gewusst wie: Ausrichten an Textbasislinien und Rändern und Gewusst wie: Ausschalten von Ausrichtungslinien.
Rasterlinien
Mit Rasterlinien können Sie in WPF-Designer Steuerelemente ausrichten, die mithilfe des Grid-Containersteuerelements angeordnet werden. Rasterlinien stellen die Trennungen zwischen den Zeilen und Spalten von Grid dar. Beim Positionieren eines Steuerelements in einer Zeile, Spalte oder Zelle von Grid werden die Ränder relativ zu den Rahmen der Zeile, Spalte oder Zelle von Grid angezeigt, und Sie können das Steuerelement mithilfe von Ausrichtungslinien an den Seiten der Zeile bzw. Spalte ausrichten. Weitere Informationen zur Verwendung von Rasterlinien finden Sie unter Gewusst wie: Hinzufügen von Zeilen und Spalten zu einem Raster.