Практическое руководство. Добавление строк и столбцов в таблицу

Статья
08/11/2011

Элемент управления Windows Presentation Foundation (WPF) Grid позволяет легко и быстро расположить и выровнять элементы управления путем создания макета на основе сетки. Во время разработки в конструкторе сред. Конструктор WPF можно добавлять строки и столбцы в элемент управления Grid. По умолчанию новые строки и столбцы используют размер Star.

Важно!

Если для размера строки или столбца установлено значение Auto перед добавлением к нему содержимого, то эту строку или столбец не удастся просмотреть в конструкторе.Это может усложнить помещение элементов управления в правильную строку или столбец.Во избежание этого можно в качестве размера указать звездочку, в конце работы заменить ее на "Auto".

В этом разделе обсуждаются три способа добавления строк и столбцов в элемент управления Grid. Можно также удалять строки и столбцы из сетки. Дополнительные сведения см. в разделе Практическое руководство. Удаление строк и столбцов из сетки.

Использование конструктора

В сред. Конструктор WPF при выборе элемента управления Grid слева и вверху появляются границы. Можно использовать границы для добавления строк и столбцов непосредственно в элемент управления Grid. Представление XAML автоматически обновляется, отображая новые строки и столбцы.

Примечание

Если для свойства FlowDirection установлено значение RightToLeft, границы строк отображаются на правой стороне Grid.

Добавление строк в сетку с помощью конструктора

В конструкторе сред. Конструктор WPF выберите элемент управления Grid.
Наведите указатель на внешний край боковой границы. Вместо указателя отображается перекрестие, и появляется линия сетки, показывающая, где будет добавлена строка.
Щелкните границу для задания строки.

Линия сетки фиксируется, и на границе в конце линии сетки появляется индикатор линии сетки.

Совет

Размер строки можно настроить, перетащив линию сетки внутри сетки или индикатор линии сетки на границе.
(Необязательно) Для добавления других строк повторите шаги 2 и 3.

Добавление столбцов в сетку с помощью конструктора

В конструкторе сред. Конструктор WPF выберите элемент управления Grid.
Наведите указатель на верхний край верхней границы. Вместо указателя отображается перекрестие, и появляется линия сетки, показывающая, где будет добавлен столбец.
Щелкните границу для задания столбца.

Линия сетки фиксируется, и на границе в конце линии сетки появляется индикатор линии сетки.

Совет

Размер столбца можно изменить, перетащив линию сетки внутри сетки или индикатор линии сетки на границе.
(Необязательно) Для добавления других столбцов повторите шаги 2 и 3.

Использование редактора коллекции

Строки и столбцы можно добавлять в элемент управления Grid и с помощью редактора коллекции. При использовании редактора коллекции для настройки строк и столбцов представление конструктора и представление XAML обновляются автоматически.

Добавление строк в сетку с помощью редактора коллекции

В конструкторе сред. Конструктор WPF выберите элемент управления Grid.
В окне Свойства найдите свойство "RowDefinitions" и нажмите кнопку с многоточием в столбце значений свойств.

Откроется диалоговое окно Редактор коллекции.
Нажмите кнопку Добавить для добавления новой строки.
(Необязательно) Присвойте значения свойствам строки.
(Необязательно) Для добавления других строк повторите шаги 3 и 4.
Нажмите кнопку ОК, чтобы закрыть Редактор коллекции и вернуться в конструктор сред. Конструктор WPF.

Добавление столбцов в сетку с помощью редактора коллекции

В конструкторе сред. Конструктор WPF выберите элемент управления Grid.
В окне Свойства найдите свойство "ColumnDefinitions" и нажмите кнопку с многоточием в столбце значений свойств.

Откроется диалоговое окно Редактор коллекции.
Нажмите кнопку Добавить для добавления нового столбца.
(Необязательно) Присвойте значения свойствам столбца.
(Необязательно) Для добавления других столбцов повторите шаги 3 и 4.
Нажмите кнопку ОК, чтобы закрыть Редактор коллекции и вернуться в конструктор сред. Конструктор WPF.

Использование редактора XAML

Строки и столбцы также можно добавлять в элемент управления Grid вручную при помощи ввода в редакторе XAML. Представление конструктора автоматически обновляется, отображая новые строки и столбцы.

Добавление строк в сетку с помощью редактора XAML

В редакторе XAML найдите элемент Grid.
Добавьте элемент Grid.RowDefinitions как дочерний для элемента Grid. Код должен выглядеть следующим образом:
```
<Grid>
    <Grid.RowDefinitions>
    </Grid.RowDefinitions>
</Grid>
```

Добавьте элементы RowDefinition. Ниже в качестве примера приведена следующая разметка:

<Grid.RowDefinitions>
    <RowDefinition Height="100" />
    <RowDefinition Height="Auto" />
    <RowDefinition Height="*" />
    <RowDefinition Height="5*" />
</Grid.RowDefinitions>

Добавление столбцов в сетку с помощью редактора XAML

В редакторе XAML найдите элемент Grid.
Добавьте элемент Grid.ColumnDefinitions в качестве дочернего для элемента Grid. Код должен выглядеть следующим образом:
```
<Grid>
    <Grid.ColumnDefinitions>
    </Grid.ColumnDefinitions>
</Grid>
```

Добавьте элементы ColumnDefinition. Ниже в качестве примера приведена следующая разметка:

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="100" />
    <ColumnDefinition Width="Auto" />
    <ColumnDefinition Width="*" />
    <ColumnDefinition Width="5*" />
</Grid.ColumnDefinitions>

См. также

Поделиться через