Задание
Отрисуйте UI-элементы по образцам, используя Auto Layout.
На этой странице
Задача
Отрисовать UI-элементы с использованием Auto Layout.
Задания по Figma – прежде всего логические задачи. В каждом есть свои сложности, и способ решения Вам нужно найти самостоятельно.
Ссылка на задание: Figma
Требования к результату
Точное совпадение со скриншотами по пикселям (pixel perfect) не требуется. Сохраните основные особенности показанных UI-элементов. Я проверяю прежде всего правильность реализации: структуру и настройки элементов.
Используйте современные инструменты и подходы, которые мы разбираем на занятиях. Group, отдельные Rectangle для фона и другие подобные конструкции, подменяющие правильную реализацию, не допускаются. Важен не только внешний вид элемента, но и то, как он собран.
При проверке я ожидаю увидеть, что:
- Auto Layout управляет расположением элементов и отступами между ними.
- Вложенность слоев отражает устройство UI-элемента: его части объединены по смыслу.
- Структура слоев понятна, а результат выглядит аккуратно: текст читается, нет случайных перекрытий и обрезанного содержимого.
- При изменении текста или размера контейнера элементы сохраняют логичное расположение. Для этого не приходится каждый раз вручную передвигать слои.