Gewusst wie: Änderung der Spaltengröße mit einem GridSplitter
In diesem Beispiel wird die Erstellung eines vertikalen GridSplitter veranschaulicht, um den Platz zwischen zwei Spalten in einem Grid zu verteilen, ohne die Dimensionen des Grid zu ändern.
Beispiel
Erstellen eines GridSplitters, der den Rand einer Spalte überlagert
Um einen GridSplitter anzugeben, der die Größe der benachbarten Spalten in einem Grid ändert, legen Sie die angefügte Eigenschaft Column auf eine der Spalten fest, deren Größe geändert werden soll. Wenn das Grid aus mehr als einer Zeile besteht, legen Sie die an RowSpan angehängte Eigenschaft auf die Anzahl der Zeilen fest. Legen Sie anschließend die HorizontalAlignment-Eigenschaft auf Left oder Right fest (die Ausrichtung ist von den zwei Spalten abhängig, deren Größe geändert werden soll). Legen Sie abschließend die VerticalAlignment-Eigenschaft auf Stretch fest.
<GridSplitter Grid.Column="1"
Grid.RowSpan="3"
HorizontalAlignment="Left"
VerticalAlignment="Stretch"
Background="Black"
ShowsPreview="true"
Width="5"/>
Ein GridSplitter, der über keine eigene Spalte verfügt, kann von anderen Steuerelementen im Grid verdeckt werden. Weitere Informationen zum Vermeiden dieses Problems finden Sie unter Gewusst wie: Sicherstellen, dass ein GridSplitter sichtbar ist.
Erstellen eines GridSplitter, der eine Spalte einnimmt
Um einen GridSplitter anzugeben, der eine Spalte in einem Grid einnimmt, legen Sie die angefügte Eigenschaft Column auf eine der Spalten fest, deren Größe geändert werden soll. Wenn das Raster aus mehr als einer Zeile besteht, legen Sie die an RowSpan angehängte Eigenschaft auf die Anzahl der Zeilen fest. Legen Sie anschließend die HorizontalAlignment auf Center fest, die VerticalAlignment-Eigenschaft auf Stretch und die Width der Spalte, die den GridSplitter enthält, auf Auto.
Im folgenden Beispiel wird die Definition von einem vertikalen GridSplitter veranschaulicht, der eine Spalte einnimmt und die Größe der angrenzenden Spalten anpasst.
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto" />
<ColumnDefinition/>
</Grid.ColumnDefinitions>
...
<GridSplitter Grid.Column="1"
HorizontalAlignment="Center"
VerticalAlignment="Stretch"
Background="Black"
ShowsPreview="True"
Width="5"
/>