Кнопки поверх AR
Как настроить дизайн и расположение кнопок
Помимо текста и действия, у кнопки есть десяток полей, отвечающих за то, где именно на экране она стоит и как выглядит. Вместе они дают гибкость, сравнимую с вёрсткой обычного мобильного интерфейса — без готовых шаблонов позиции, но с полным контролем.
Позиция на экране
Положение кнопки задаётся комбинацией двух независимых выпадающих списков — по сути, простая сетка 3×3:
- По вертикали: Сверху / По центру / Снизу
- По горизонтали: Слева / По центру / Справа
Комбинация этих двух значений (например, «Сверху» + «Справа») ставит кнопку в соответствующий угол или сторону экрана. По умолчанию новая кнопка стоит «Снизу» + «По центру».
Отступы
Четыре числовых поля управляют расстояниями двух разных типов:
- Отступ сверху/снизу и Отступ сбоку — внешние отступы от края экрана до самой кнопки. Работают относительно выбранной стороны: например, при позиции «Снизу» поле «Отступ сверху/снизу» на деле определяет расстояние от нижнего края экрана.
- Внутр. отступ по бокам и Внутр. отступ сверху/снизу — внутренние отступы, между текстом кнопки и её собственным краем (то, что в вёрстке обычно называют padding). Эти поля определяют, насколько «просторной» выглядит сама кнопка вокруг надписи, независимо от того, где она стоит на экране.
Внешний вид
- Цвет кнопки и Цвет текста — заливка и цвет надписи по отдельности, через цветовую плашку.
- Скругление углов — от острых углов (0) до полностью капсульной формы при достаточно большом значении.
- Размер шрифта — числом, без ограничения сверху.
Несколько кнопок на одной сцене
Так как позиция каждой кнопки настраивается независимо, на одной сцене легко разместить несколько кнопок в разных точках сетки 3×3 без наложения друг на друга — например, «Купить» в одном нижнем углу и «Поделиться» в другом.
Если несколько кнопок всё же оказались в одной и той же точке сетки одновременно (например, у обеих позиция «Снизу» + «По центру»), letary не разводит их автоматически — они окажутся друг на друге, и разводить по экрану их нужно вручную через отступы или разные позиции.
Частые вопросы
Можно ли поставить кнопку в произвольную точку экрана, не привязанную к сетке 3×3? Нет, готовых полей для абсолютных координат (как у 3D-объектов через Position) у кнопки нет — точность в пределах выбранной стороны экрана регулируется только отступами.
Отступы указываются в пикселях? Да, значения полей отступов и внутренних отступов — это условные единицы, которые на практике ведут себя как пиксели интерфейса: чем больше число, тем заметнее сдвиг или «воздух» внутри кнопки.
Кнопка выглядит слишком большой/маленькой на разных телефонах — что делать? Кнопка адаптируется под размер экрана автоматически, размер шрифта и отступы заданы в едином масштабе интерфейса — специально подбирать разные значения под разные модели телефонов не нужно; проверяйте итоговый вид через «Предпросмотр» на разных ориентациях, если есть сомнения.
Как сделать кнопку без заливки — просто текст? Прямого переключателя «прозрачный фон» нет — ближайший вариант: задать цвету кнопки тот же оттенок, что и фон сцены под ней, чтобы визуально она сливалась, либо использовать минимальное скругление и контрастный текст, если нужен эффект «просто подписи», а не настоящую прозрачность.