Общие сведения

Группировка позволяет объединить два и более компонента и перемещать их на слое как один компонент, а также применять единые настройки оформления. Группа компонентов размещается на специальном слое-контейнере, благодаря чему объекты внутри группы можно редактировать и отдельно от других объектов в группе.

Действия с группой

Группировка и разгруппировка компонентов

Чтобы сгруппировать компоненты, выберите на слое два или более компонента (нажмите на них с зажатой клавишей Shift) и кликните на плавающей панели редактирования проекта кнопку «Сгруппировать ». Кнопка становится активной, когда достаточное количество компонентов (минимум 2) выбрано.


Кнопка «Сгруппировать» на панели редактирования


По клику кнопки появляется нотификация "Объекты слоя сгруппированы", объекты помещаются в единый контейнер, а кнопка на плавающей панели редактирования принимает вид " Разгруппировать". При нажатии на нее появляется нотификация "Объекты слоя разгруппированы", и группа распадается на отдельные объекты.


Объекты сгруппированы, кнопка изменилась на "Разгруппировать"

Добавление компонента в группу

Добавить в группу можно компонент, который находится на одном слое с группой. Чтобы добавить в группу один и более компонентов, нужно выбрать компонент и группу для добавления (нажать на них с зажатым Shift). Кнопка группировки на плавающей панели редактирования изменит вид на " Добавить в группу". По нажатию кнопки компонент будет добавлен в группу.


Добавления компонента в группу

Удаление компонента из группы

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


Кнопка выноса из группы в панели инструментов компонента

Перемещение и изменение размеров группы на слое

Компоненты, объединенные в группу, перемещаются на слое как единый компонент, то же касается изменения размеров всего контейнера группы. Данное правило работает, даже если компоненты внутри группы заблокированы от перемещения и изменения размера.


Компоненты заблокированы, но контейнер группы перемещен и изменен в размерах

Перемещение и изменение размеров объектов внутри группы

Также доступно индивидуальное изменение размеров и перемещение незаблокированных объектов внутри группы. Для перемещения/изменения размеров объект необходимо выделить, нажав на него. Выделенный объект доступен для перемещения и изменения размеров. При этом контейнер группы подстраивается под новые размеры и расположение компонентов.


Компоненты внутри группы уменьшены и расположены по диагонали. Выделенные объекты подсвечены синим

Настройки оформления группы

Для контейнера группы и компонентов в нем можно задать единые настройки оформления. Для этого нужно выделить группу на слое и нажать на кнопку  на плавающей панели редактирования, которая станет активной. По нажатию на кнопку справа появится панель настроек оформления. 


Панель настроек оформления для группы

Для группы доступны следующие единые настройки оформления:

  • Название - общее название группы компонентов;
  • Описание - общее описание группы компонентов;
  • Фон - цвет или фоновое изображение контейнера группы;
  • Рамка - настройки рамки контейнера группы;
  • Тень - настройки тени для контейнера группы.

Для включения настройки оформления необходимо перевести ее переключатель во включенное положение. Подробнее о настройках оформления см. Настройка оформления компонента проекта.


Все настройки оформления, примененные к группе


Название и описание

Название и описание группы располагаются в отдельных текстовых блоках, которые создаются при включении данных настроек. Текстовые блоки имеют фиксированную высоту, которая рассчитывается с учетом следующих критериев:

  • учитывается выбранный пользователем размер шрифта для названия и описания;
  • сумма высот текстовых блоков должна быть кратна высоте ячейки сетки. 

Действия с компонентами внутри группы

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


Действия с компонентом в группе в режиме просмотра

Действия с компонентом в группе в режиме редактирования

Кроме того, для компонента можно:

  • Нет меток