Расположение и размер

Секция Layout отвечает за место виджета во фрейме: координаты, размер и поворот. Она есть почти у всех виджетов.

Положение

Поля X и Y задают координаты левого верхнего угла виджета. Значения можно ввести с клавиатуры или изменить перетаскиванием на холсте.

Размер

Поля W и H задают ширину и высоту. Кнопка между ними сохраняет пропорции: при изменении одной стороны редактор пересчитает вторую.

На изображении с известными пропорциями хорошо видно, когда связка W/H включена и когда стороны меняются независимо.

У текста высота может быть автоматической. В режиме Auto блок растёт вместе с содержимым, поэтому поле H недоступно. Переключитесь на Fixed, если нужна точная высота и обрезка лишнего текста.

Добавление строки в одинаковые текстовые блоки наглядно показывает рост Auto и обрезку Fixed.

Поворот

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

Ручка на холсте должна непрерывно следовать за указателем, после чего точное значение можно уточнить числом.

Несколько виджетов

При множественном выделении в Layout появляются команды выравнивания и распределения. Они помогают быстро собрать ровный ряд или колонку.

Команда Into Column ставит выбранные виджеты друг под другом. Перед применением можно задать общую ширину и расстояние между ними.

Если у объекта включён Stick to Edges, команда обнуляет отступы активных краёв и сохраняет привязки. Это правило действует и при изменении Width или Gap в открытой секции. Привязки определяют итоговое положение и размер: например, объект с левой и правой привязкой займёт всю ширину фрейма, независимо от ширины колонки.

При выравнивании редактор использует общие границы выделения. Для равных интервалов выберите не меньше трёх виджетов: крайние останутся на месте, а остальные распределятся между ними.

Один ролик может показать последовательную сборку аккуратной колонки: общая ширина, Into Column и равные интервалы.

Привязка к окну

Секция Stick to Edges привязывает виджет по горизонтали к краям окна браузера, по вертикали — к краям статьи. При двух горизонтальных привязках недоступны поля X и W, при двух вертикальных — Y и H. Положение и размер по растянутой оси задают отступы. Ручки изменения размера продолжают работать.