Nasıl yapılır: GridSplitter ile Satırları Yeniden Boyutlandırma
Bu örnekte, içinde iki satır arasındaki boşluğun boyutlarını değiştirmeden yeniden dağıtım yapmak için yatay bir GridSplitter Grid kullanımın nasıl olduğu Grid gösterir.
Örnek
Bir satırın kenarını katmanlayan GridSplitter oluşturma
içinde bitişik GridSplitter satırları yeniden boyutlandıran bir belirtmek için, eklenen özelliği yeniden Grid Row boyutlandırmak istediğiniz satırlardan biri olarak ayarlayın. Birden Grid fazla sütun varsa, sütun sayısını ColumnSpan belirtmek için ekli özelliğini ayarlayın. Ardından veya VerticalAlignment olarak Top ayarlayın Bottom (hangi hizalamayı yeniden boyutlandırmak istediğinize bağlıdır). Son olarak özelliğini HorizontalAlignment olarak Stretch ayarlayın.
Aşağıdaki örnek, bitişik satırları yeniden boyutlandıran GridSplitter yatay bir tablo tanımlamayı gösterir.
<GridSplitter Grid.Row="1"
Grid.ColumnSpan="3"
HorizontalAlignment="Stretch"
VerticalAlignment="Top"
Background="Black"
ShowsPreview="true"
ResizeDirection="Rows"
Height="5"/>
Kendi GridSplitter satırına yer kap etmeyen bir , içinde diğer denetimler tarafından kapsamış Grid olabilir. Bu sorunu önleme hakkında daha fazla bilgi için bkz. GridSplitter'ın Görünür Olduğundan Emin Olun.
Satır kaplarken GridSplitter oluşturma
içinde bir GridSplitter satırı kaplar bir belirtmek için, eklenen özelliği yeniden Grid Row boyutlandırmak istediğiniz satırlardan biri olarak ayarlayın. Birden Grid fazla sütun varsa, eklenen ColumnSpan özelliği sütun sayısına ayarlayın. Ardından olarak VerticalAlignment Center ayarlayın, özelliğini HorizontalAlignment olarak ayarlayın ve içeren Stretch Height satırın olarak GridSplitter Auto ayarlayın.
Aşağıdaki örnek, bir satırı kaplar ve her iki tarafındaki GridSplitter satırları yeniden boyutlandıran yatay bir tablo tanımlamayı gösterir.
<Grid.RowDefinitions>
<RowDefinition Height="50*" />
<RowDefinition Height="Auto" />
<RowDefinition Height="50*" />
</Grid.RowDefinitions>
<StackPanel Grid.Row="0" Grid.Column="1" Background="Tan"/>
<GridSplitter Grid.Row="1"
HorizontalAlignment="Stretch"
VerticalAlignment="Center"
Background="Black"
ShowsPreview="True"
Height="5"
/>
<StackPanel Grid.Row="2" Grid.Column="0" Background="Brown"/>