Компоновка Control в Godot: определите владельца позиции и размера

Выберите контракт размещения

Control описывает прямоугольный элемент интерфейса. Его компоновка зависит от родителя, якорей, отступов и ограничений размера. Прямой потомок Container передаёт ему управление размещением; ручное перемещение может быть отменено следующей операцией компоновки. До изменения чисел в Inspector решите, располагается ли элемент свободно или его организует родитель. [1][3]

Читайте якоря и отступы как вычисление

Якоря задают опорные точки относительно прямоугольника родителя. Отступы затем сдвигают соответствующие края от этих точек. Одинаковые горизонтальные якоря связывают оба края с одной горизонтальной опорой; разные якоря позволяют ширине меняться вместе с родителем. [2]

Для иллюстративной панели состояния справа задайте anchor_left и anchor_right равными 1, offset_left равным -240, а offset_right равным -20. В немасштабированной системе координат родителя шириной 1000 края находятся в 760 и 980. Ширина панели — 220 единиц, правое поле — 20 единиц. При ширине родителя 1200 края переходят в 960 и 1180. Вертикальное размещение решается отдельно. Расчёт предполагает, что контейнер и ограничения размера не переопределяют прямоугольник.

Поручайте контейнерам выражать отношения

Используйте HBoxContainer для строки и VBoxContainer для столбца. MarginContainer задаёт внутренние поля через константы темы. Вкладывайте их друг в друга, когда отношения важнее абсолютной позиции каждого ребёнка. [3]

Параметры размера контейнера тоже различаются: Fill заставляет элемент заполнять выделенную область, а Expand запрашивает доступное пространство в поддерживаемом направлении. Эффект зависит от типа контейнера. В строке настроек осознанно расположите подпись и значение вместо повторного сдвига значения скриптом при каждом изменении подписи. [3]

Считайте минимальный размер информацией о содержимом

Внутренний минимум элемента может зависеть от текста, текстур и StyleBox темы. custom_minimum_size добавляет запрошенный минимум, а не просто приказывает создать фиксированный прямоугольник. Указанный API Control также описывает максимальные ограничения, которые могут иметь преимущество перед минимумами. При неожиданном результате проверяйте активные ограничения совместно. [1]

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

Проверяйте изменение размеров и владельца размещения

Проверьте панель и строки настроек при узком и широком родителе, с длинными переводами и изменёнными размерами темы. До обвинения шаблона якорей изучите реально управляющего родителя. При переносе свободного элемента в Container пересмотрите контракт компоновки: прежние ручные отступы могут больше не определять результат. [2][3]

Размещайте исправления компоновки у владельца соответствующего отношения. Это предлагаемые случаи проверки и арифметические примеры, а не заявления об испытании интерфейса на конкретных устройствах.

Источники

1. Control — Godot Engine contributors.
2. Size and anchors — Godot Engine contributors.
3. Using Containers — Godot Engine contributors.