web-dev-qa-db-ja.com

グリッド行を2つの列に分割する方法は？

3行のグリッドレイアウトがあります.3行目を2列に分割するにはどうすればよいですか？.

<Grid.RowDefinitions>
    <RowDefinition Height="0.75*"/>
    <RowDefinition Height="0.25*"/>
    <RowDefinition Height="36"/>
</Grid.RowDefinitions>
wpfgrid-layout
19
GANI

あなたがそれを行うことができる2つの方法：

  • ネストされたレイアウトを使用します。 3番目の行に別のGridを置き、そのサブグリッドに2つの列を含めます。

    <Grid>
    <Grid.RowDefinitions> ... </Grid.RowDefinitions>
    <ThingInFirstRow Grid.Row="0" />
    <ThingInSecondRow Grid.Row="1" />
    <Grid Grid.Row="2">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <ThingInLowerLeft Grid.Column="0" />
        <ThingInLowerRight Grid.Column="0" />
    </Grid>
</Grid>

  • 1つのGridを使い続け、2つの列を割り当て、ColumnSpanを使用して最初の2行の内容を両方の列にまたがるようにします。

    <Grid>
    <Grid.RowDefinitions> ... </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <ThingInFirstRow Grid.Row="0" Grid.ColumnSpan="2" />
    <ThingInSecondRow Grid.Row="1" Grid.ColumnSpan="2" />
    <ThingInLowerLeft Grid.Row="2" Grid.Column="0" />
    <ThingInLowerRight Grid.Row="2" Grid.Column="1" />
</Grid>
40
Joe White