【WPF】Grid的用法

1. 只使用行

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <TextBlock Text="AAAAA" Grid.Row="0"/>
        <TextBlock Text="BBBBB" Grid.Row="1"/>
    </Grid>

2. 只使用列

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <TextBlock Text="AAAAA" Grid.Column="0"/>
        <TextBlock Text="BBBBB" Grid.Column="1"/>
    </Grid>

3. 行列組合

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <TextBlock Text="AAAAA" Grid.Row="0" Grid.Column="0"/>
        <TextBlock Text="BBBBB" Grid.Row="0" Grid.Column="1"/>
        <TextBlock Text="CCCCC" Grid.Row="1" Grid.Column="0"/>
        <TextBlock Text="DDDDD" Grid.Row="1" Grid.Column="1"/>
    </Grid>

4. 行列組合，且允許合併

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <TextBlock Text="AAAAA" Grid.Row="0" Grid.Column="0"/>
        <TextBlock Text="BBBBB" Grid.Row="0" Grid.Column="1"/>
        <TextBlock Text="CCCCCCCCCC" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"/>
        <TextBlock Text="DDDDD" Grid.Row="1" Grid.Column="1"/>
    </Grid>

此時5個C會和五個D重疊。

除了ColumnSpan，還有RowSpan。