방법: GridSplitter로 열 크기 조정
업데이트: 2007년 11월
이 예제에서는 세로 GridSplitter를 만들어 Grid의 크기는 변경하지 않고 Grid에 있는 두 열 사이의 공간을 다시 배분하는 방법을 보여 줍니다.
예제
열 가장자리를 겹쳐 표시하는 GridSplitter를 만드는 방법
Grid에서 인접 열의 크기를 조정하는 GridSplitter를 지정하려면 크기를 조정할 열 중 하나로 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를 만드는 방법
Grid의 열을 점유하는 GridSplitter를 지정하려면 크기를 조정할 열 중 하나로 Column연결된 속성을 설정합니다. Grid에 행이 두 개 이상 있는 경우 RowSpan 연결된 속성을 해당 행 수로 설정합니다. 그런 다음 HorizontalAlignment를 Center로 설정하고, VerticalAlignment 속성을 Stretch로 설정하고, GridSplitter가 포함된 열의 Width를 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"
/>