wpf
그리드 컨트롤

간단한 그리드

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <TextBlock Grid.Column="1" Text="abc"/>
    <TextBlock Grid.Row="1" Grid.Column="1" Text="def"/>
</Grid>

행 및 열은 RowDefinition 및 ColumnDefinition 요소를 해당 컬렉션에 추가하여 정의됩니다.

Grid 에는 어린이가있을 수 있습니다. 첨부 된 속성 Grid.Row 및 Grid.Column 에 자식을 배치 할 행이나 열을 지정하려면 행 및 열 번호는 0 기준입니다. 행이나 열이 설정되지 않은 경우 기본값은 0 입니다.

동일한 행과 열에 배치 된 어린이는 정의 순서대로 그려집니다. 따라서 마지막으로 정의 된 자식은 이전에 정의 된 자식보다 위에 그려 질 것입니다.

여러 행 / 열에 걸쳐있는 자식 그리드

Grid.RowSpan 및 Grid.ColumnSpan 연결된 속성을 사용하면 Grid 자식은 여러 행이나 열을 확장 할 수 있습니다. 다음 예제에서 두 번째 TextBlock 은 Grid 의 두 번째 및 세 번째 열을 확장합니다.

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <TextBlock Grid.Column="2" Text="abc"/>
    <TextBlock Grid.Column="1" Grid.ColumnSpan="2" Text="def"/>
</Grid>

여러 그리드의 행 또는 열 동기화

여러 Grid 의 행 높이 또는 열 너비는 동기화 할 행이나 열의 공통 SharedSizeGroup 을 설정하여 동기화 할 수 있습니다. Grid 위에있는 상위 어딘가에있는 부모 컨트롤은 연결된 속성 Grid.IsSharedSizeScope 를 True 설정해야합니다.

<StackPanel Grid.IsSharedSizeScope="True">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" SharedSizeGroup="MyGroup"/>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        [...]
    </Grid>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" SharedSizeGroup="MyGroup"/>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        [...]
    </Grid>
</StackPanel>

이 예제에서 두 Grid 의 첫 번째 열은 항상 동일한 너비를 가지며 그 중 하나가 내용에 따라 크기가 조정될 때도 마찬가지입니다.