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