방법: GridSplitter로 열 크기 조정

  • 아티클

이 예제에서는 Grid의 크기를 변경하지 않고 Grid의 두 열 사이 공간을 재배포하기 위해 수직 GridSplitter를 만드는 방법을 보여 줍니다.

예제

열의 가장자리를 오버레이하는 GridSplitter를 만드는 방법

Grid에서 인접 열의 크기를 조정하는 GridSplitter를 지정하려면 Column 연결된 속성을 크기를 조정할 열 중 하나로 설정합니다. Grid에 두 개 이상의 행이 있는 경우 RowSpan 연결된 속성을 행 수로 설정합니다. 그런 다음, HorizontalAlignment 속성을 Left 또는 Right(크기를 조정할 두 열에 따라 설정되는 정렬)으로 설정합니다. 마지막으로 VerticalAlignment 속성을 Stretch로 설정합니다.

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

자체 열이 없는 GridSplitter는 Grid의 다른 컨트롤에 의해 가려질 수 있습니다. 이 문제를 방지하는 방법에 대한 자세한 내용은 Make Sure That a GridSplitter Is Visible(GridSplitter가 표시되는지 확인)을 참조하세요.

열을 차지하는 GridSplitter를 만드는 방법

Grid에서 열을 차지하는 GridSplitter를 지정하려면 Column 연결된 속성을 크기를 조정할 열 중 하나로 설정합니다. Grid에 행이 두 개 이상인 경우 RowSpan 연결된 속성을 행 수로 설정합니다. 그런 다음, HorizontalAlignment를 Center로, VerticalAlignment 속성을 Stretch로, GridSplitter를 포함하는 열 중 Width를 Auto로 설정합니다.

다음 예제에서는 열을 차지하고 양쪽에서 열의 크기를 조정하는 세로 GridSplitter를 정의하는 방법을 보여 줍니다.

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

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

참고 항목