Jak zmienić rozmiar kolumn przy użyciu GridSplitter

  • Artykuł

W tym przykładzie pokazano, jak utworzyć pionowy GridSplitter obszar w celu ponownego rozsyłania przestrzeni między dwiema kolumnami w obiekcie Grid bez zmieniania wymiarów obiektu Grid.

Przykład

Jak utworzyć obiekt GridSplitter nakładający krawędź kolumny

Aby określić GridSplitter rozmiar sąsiednich kolumn w obiekcie Grid, ustaw Column dołączoną właściwość na jedną z kolumn, które chcesz zmienić. Jeśli masz Grid więcej niż jeden wiersz, ustaw dołączoną RowSpan właściwość na liczbę wierszy. Następnie ustaw HorizontalAlignment właściwość na Left lub Right (ustawienie wyrównania zależy od dwóch kolumn, które chcesz zmienić). Na koniec ustaw VerticalAlignment właściwość na Stretch.

<GridSplitter Grid.Column="1" 
              Grid.RowSpan="3" 
              HorizontalAlignment="Left" 
              VerticalAlignment="Stretch"
              Background="Black" 
              ShowsPreview="true"
              Width="5"/>

Obiekt GridSplitter , który nie ma własnej kolumny, może być zasłonięty przez inne kontrolki w obiekcie Grid. Aby uzyskać więcej informacji na temat zapobiegania temu problemowi, zobacz Upewnij się, że kontrolka GridSplitter jest widoczna.

Jak utworzyć obiekt GridSplitter, który zajmuje kolumnę

Aby określić GridSplitter kolumnę, która zajmuje kolumnę w obiekcie Grid, ustaw Column dołączoną właściwość na jedną z kolumn, które chcesz zmienić. Jeśli siatka zawiera więcej niż jeden wiersz, ustaw dołączoną RowSpan właściwość na liczbę wierszy. Następnie ustaw HorizontalAlignment właściwość na Center, ustaw VerticalAlignment właściwość na Stretch, i ustaw Width kolumnę zawierającą wartość GridSplitterAuto.

W poniższym przykładzie pokazano, jak zdefiniować pionową GridSplitter kolumnę, która zajmuje kolumnę i zmienia rozmiar kolumn po obu stronach.

<Grid.ColumnDefinitions>
  <ColumnDefinition/>
  <ColumnDefinition Width="Auto" />
  <ColumnDefinition/>
</Grid.ColumnDefinitions>

<GridSplitter Grid.Column="1"
              HorizontalAlignment="Center"
              VerticalAlignment="Stretch"
              Background="Black" 
              ShowsPreview="True"
              Width="5"
              />

Zobacz też