Поделиться через

Практическое руководство. Изменение размера столбцов с помощью разделителя GridSplitter

  • Статья

Обновлен: Ноябрь 2007

Этот пример показывает создание вертикального GridSplitter для увеличения пространства между двумя столбцами в Grid без изменения размеров Grid.

Пример

Создание GridSplitter, располагающегося поверх края столбца

Чтобы указать GridSplitter, который изменяет размеры соседних столбцов в Grid, задайте вложенное свойствоColumn равным номеру столбца, размер которого вы хотите изменить. Если Grid имеет больше одной строки, задайте вложенному свойству RowSpan число строк. Затем установите свойство HorizontalAlignment в Left или Right (устанавливаемое выравнивание зависит от двух столбцов, размеры которых требуется изменить). Наконец, установите свойство VerticalAlignment равным Stretch.

В следующем примере показано определение вертикального GridSplitter, который изменяет размеры смежных столбцов. Полный пример см. в разделе Пример использования GridSplitters для изменения размеров строк и столбцов.

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

GridSplitter, который не имеет своего собственного столбца, может быть скрыт другими элементами управления в Grid. Дополнительные сведения о том, как предотвратить эту проблему см. в разделе Как проверить видимость GridSplitter.

Как создать GridSplitter, занимающий столбец

Чтобы указать GridSplitter, который занимает столбец в Grid, установите вложенное свойствоColumn равным номеру столбца, размер которого требуется изменить. Если ваш сетка имеет несколько строк, задайте вложенному свойству RowSpan число строк. Затем установите HorizontalAlignment в Center, установите свойство VerticalAlignment в Stretch, и установите Width столбца, содержащего GridSplitter равным Auto.

В следующем примере показано определение вертикального GridSplitter, который занимает столбец и изменяет размеры столбцов по обе стороны от его. Полный пример см. в разделе Пример использования GridSplitters для изменения размеров строк и столбцов.

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


...


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

См. также

Ссылки

GridSplitter

Другие ресурсы

Примеры использования элемента управления GridSplitter

Разделы практического руководства по элементу управления GridSplitter