Редактирование расположения компонентов

Инструментальные панели могут включать множество вложенных контейнеров, и каждый из них имеет собственную компоновку. Компоновка может быть комбинированного типа, например, корневая панель с абсолютным расположением может иметь дочернюю панель с вкладками, чьи вкладки используют сетку, а одна из ячеек во вкладке может иметь вложенную панель с абсолютной компоновкой, и так далее.

Компоновка каждого контейнера редактируется независимо от других. В то же время, можно перемещать компоненты между контейнерами.

Процесс редактирования компоновки состоит из следующих шагов:

  • Добавление новых компонентов на инструментальную панель путем перетаскивания их с палитры в рабочую область
  • Перемещение компонентов из одного контейнера в другой
  • Перемещение компонентов между двумя локациями внутри одного контейнера
  • Изменение размеров компонентов
  • Клонирование компонентов
  • Редактирование ограничений компонентов (например, количество занимаемых столбцов)

Пожалуйста, внимательно ознакомьтесь с тем, как организована компоновка инструментальной панели, прежде чем приступить к чтению статей о редактировании сетки и абсолютного позиционирования.

Декорации режима редактирования

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

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

  • Пустые ячейки Сетки показаны как темно-розовые прямоугольники
  • У абсолютной компоновки имеется серо-зеленая вспомогательная сетка, помогающая размещать компоненты в пространстве
  • Каждый компонент/вложенный контейнер в компоновке Сетка имеет серый пунктирный контур, чтобы было удобнее находить отдельные и объединенные ячейки
  • Выбранный компонент/вложенный контейнер в компоновке Сетка имеет зеленый контур, чтобы показывать, свойства какого компонента редактируются в настоящий момент
  • Каждый компонент/вложенный контейнер в компоновке Сетка при наведении на него курсора мыши отображает маленькие зеленые прямоугольники. Эти треугольники позволяют менять положение компонента и вращать его внутри сетки родительского контейнера
  • У компонентов отображаются их названия, а названия контейнеров появляются при наведении на них курсора мыши
  • У некоторых контейнеров имеется значок Add, позволяющий создавать новую область контейнера (т.е. вкладку/шаг/слой/ и т.д.)
  • Выбранный компонент/вложенный контейнер имеет значки Edit и Delete