Вступить в клуб →
лёгкаявопросUI, контент и мобильная сборка

Интерфейс собран на 16:9 и разъезжается на планшете и длинном телефоне

Экран интерфейса собирали в редакторе на соотношении 16:9. Элементы расставлены перетаскиванием, якоря у всех оставлены в центре родителя, позиции заданы абсолютными координатами. На планшете 4:3 кнопки наезжают друг на друга, на вытянутом телефоне верхняя панель уходит за границу экрана. Что нужно исправить?

  • Собрать отдельные сцены интерфейса под каждое популярное соотношение сторон и подставлять нужную при старте по размеру экрана устройства
  • Запретить смену ориентации экрана в настройках проекта: тогда пропорции окна станут фиксированными и элементы перестанут расходиться
  • Дело в шрифте: на других плотностях экрана текст занимает больше места и раздвигает соседние элементы, надо задать размер шрифта в пикселях
  • Привязать якоря к тем краям родителя, к которым элементы должны прилипать, и настроить масштабирование канваса по эталонному разрешению

🔒 Проверка ответа — для участников клуба

  • Проверка ответа
  • Подсказка, если застряли
  • Разбор с объяснением, почему так
  • Прогресс по всем задачам и виртуальные собеседования
Зарегистрироваться →

Регистрация занимает минуту

Другие задачи раздела