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

Статья
11/05/2008

Обновлен: Ноябрь 2007

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

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

Если для размера строки или столбца установлено значение 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>

См. также

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