방법: GridSplitter로 행 크기 조정
업데이트: 2007년 11월
이 예제에서는 가로 GridSplitter를 사용하여 Grid의 크기는 변경하지 않고 Grid에 있는 두 행 사이의 공백을 다시 배분하는 방법을 보여 줍니다.
예제
행 가장자리에 겹쳐서 표시되는 GridSplitter를 만드는 방법
Grid에서 인접 행의 크기를 조정하는 GridSplitter를 지정하려면 크기를 조정하려는 행 중 하나로 Row연결된 속성을 설정합니다. Grid에 열이 두 개 이상 있는 경우 ColumnSpan 연결된 속성에 해당 열 수를 설정합니다. 그런 다음 VerticalAlignment를 Top 또는 Bottom으로 설정합니다. 이 값은 크기를 조정할 두 개의 행에 따라 설정할 맞춤 값입니다. 마지막으로 HorizontalAlignment 속성을 Stretch로 설정합니다.
다음 예제에서는 인접 행의 크기를 조정하는 가로 GridSplitter를 정의하는 방법을 보여 줍니다. 전체 샘플을 보려면 행 및 열 크기를 조정하는 GridSplitters 샘플을 참조하십시오.
<GridSplitter Grid.Row="1"
Grid.ColumnSpan="3"
HorizontalAlignment="Stretch"
VerticalAlignment="Top"
Background="Black"
ShowsPreview="true"
ResizeDirection="Columns"
Height="5"/>
자체 행을 점유하지 않는 GridSplitter의 경우 Grid의 다른 컨트롤에 가려질 수도 있습니다. 이 문제를 방지하는 방법에 대한 자세한 내용은 방법: GridSplitter 표시를 참조하십시오.
행을 점유하는 GridSplitter를 만드는 방법
Grid에서 행을 점유하는 GridSplitter를 지정하려면 크개를 조정하려는 행 중 하나로 Row연결된 속성을 설정합니다. Grid에 열이 두 개 이상 있는 경우 ColumnSpan 연결된 속성에 해당 열 수를 설정합니다. 그런 다음 VerticalAlignment를 Center로 설정하고, HorizontalAlignment 속성을 Stretch로 설정하고, GridSplitter가 포함된 행의 Height를 Auto로 설정합니다.
다음 예제에서는 한 개의 행을 점유하고 양쪽에 있는 행의 크기를 조정하는 가로 GridSplitter를 정의하는 방법을 보여 줍니다. 전체 샘플을 보려면 행 및 열 크기를 조정하는 GridSplitters 샘플을 참조하십시오.
<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"/>