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

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

При удалении строки или столбца необходимо по-новому расположить все элементы управления, которые находились в этой строке или столбце. Это можно сделать путем изменения свойств "Grid.Row" и "Grid.Column" соответствующих элементов управления.

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

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

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

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

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

2. Переместите указатель над индикатором линии сетки на границе сетки.

   Индикатор линии сетки станет оранжевым, и указатель мыши изменится для индикации изменения положения.

3. Перетащите индикатор линии сетки за пределы сетки.

   При щелчке кнопкой мыши линия сетки и индикатор линии сетки станут красными. При перетаскивании за пределы сетки указатель мыши изменится и будет включать символ X для индикации удаления.

4. Отпустите кнопку мыши.

   Линия сетки с соответствующей строкой или столбцом будет удалена. Свойства остальных строк и столбцов соответствующим образом обновятся.

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

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

Удаление строк из сетки с помощью редактора коллекции

1. В сред. Конструктор WPF выберите элемент управления Grid.

2. В окне Свойства найдите свойство RowDefinitions и нажмите кнопку с многоточием в столбце значений свойств.

   Откроется диалоговое окно Редактор коллекции.

3. В левой области выберите определение "RowDefinition", которое требуется удалить.

4. Нажмите кнопку Удалить элемент, чтобы удалить строку.

5. (Необязательно) Для удаления нескольких строк повторите шаги 3 и 4.

6. Нажмите кнопку ОК, чтобы закрыть Редактор коллекции и вернуться в конструктор сред. Конструктор WPF.

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

1. В сред. Конструктор WPF выберите элемент управления Grid.

2. В окне Свойства найдите свойство ColumnDefinitions и нажмите кнопку с многоточием в столбце значений свойств.

   Откроется диалоговое окно Редактор коллекции.

3. В левой области выберите определение "ColumnDefinition", которое нужно удалить.

4. Нажмите кнопку Удалить элемент, чтобы удалить столбец.

5. (Необязательно) Для удаления нескольких столбцов повторите шаги 3 и 4.

6. Нажмите кнопку ОК, чтобы закрыть Редактор коллекции и вернуться в конструктор сред. Конструктор WPF.

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

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

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

1. В редакторе XAML найдите элемент Grid, содержащий строки и столбцы. Ниже в качестве примера приведена следующая разметка:

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

2. Удалите строки и столбцы, которые больше не нужны.

См. также

Задачи

Пошаговое руководство. Построение динамического макета

Основные понятия

Выравнивание в конструкторе WPF

Макет с абсолютным и динамическим положением

Другие ресурсы

Контейнерные элементы управления WPF