Aracılığıyla paylaş

Nasıl yapılır: GridSplitter ile Satırları Yeniden Boyutlandırma

  • Makale

Bu örnekte, bir içindeki iki satır Grid arasındaki boşluğun boyutlarını değiştirmeden yeniden dağıtmak için yatay GridSplitter bir değerin nasıl kullanılacağı gösterilmektedirGrid.

Örnek

Satırın kenarını kaplamak için GridSplitter oluşturma

bir içindeki bitişik satırları yeniden boyutlandıran bir Gridbelirtmek GridSplitter için, ekli özelliği yeniden boyutlandırmak istediğiniz satırlardan birine ayarlayınRow. Birden fazla sütununuz Grid varsa, sütun sayısını belirtmek için ekli özelliği ayarlayın ColumnSpan . Ardından veya Bottom olarak VerticalAlignmentTop ayarlayın (hangi hizalamayı ayarladığınız, yeniden boyutlandırmak istediğiniz iki satıra bağlıdır). Son olarak özelliğini olarak StretchayarlayınHorizontalAlignment.

Aşağıdaki örnekte, bitişik satırları yeniden boyutlandıran bir yatayın GridSplitter nasıl tanımlanacağı gösterilmektedir.

<GridSplitter Grid.Row="1" 
              Grid.ColumnSpan="3" 
              HorizontalAlignment="Stretch" 
              VerticalAlignment="Top"
              Background="Black" 
              ShowsPreview="true"
              ResizeDirection="Rows"
              Height="5"/>

GridSplitter Kendi satırını kaplamayan bir, içindeki diğer denetimler tarafından gizlenebilirGrid. Bu sorunu önleme hakkında daha fazla bilgi için bkz . GridSplitter'ın Görünür Olduğundan Emin Olun.

Bir satırı kaplayan GridSplitter oluşturma

içindeki bir satırı kaplayan bir Gridbelirtmek GridSplitter için, ekli özelliği yeniden boyutlandırmak istediğiniz satırlardan birine ayarlayınRow. Birden fazla sütununuz Grid varsa, ekli özelliği sütun sayısına ayarlayın ColumnSpan . Ardından değerini olarak ayarlayınVerticalAlignment, özelliğini olarak Stretchayarlayın HorizontalAlignment ve öğesini içeren GridSplitterAutosatırın değerini olarak ayarlayın.HeightCenter

Aşağıdaki örnekte, bir satırı kaplayan ve her iki tarafındaki satırları yeniden boyutlandıran bir yatayın GridSplitter nasıl tanımlanacağı gösterilmektedir.

<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"/>

Ayrıca bkz.