Урок 2. Grid. Таблицы.

Grid — один из основных контейнеров, позволяющий создавать таблицы.

Внутри ячеек таблицы можно распологать любые элементы.

RowDefinitions — свойство для определения строк

ColumnDefinitions — свойство для определения столбцов

Таблица 3х3 будет выглядеть так:

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
</Grid>

Чтобы установить элемент в определенную ячейку таблицы нужно прописать свойства Grid.Column и Grid.Row. Чтобы объеденить несколько ячеек, нужно использовать свойства Grid.ColumnSpan и GridRowSpan:

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Button Grid.Column="0" Grid.Row="0" Content="first column, first row"/>
        <Button Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2" Content="two cells"/>
        <Button Grid.Column="1" Grid.Row="2" Content="second colunn, third row"/>
    </Grid>

В итоге, должно получиться так: