Views & Resources

Цели работы:

1. Научиться верстать экраны в XML используя библиотеку компонентов,
2. Научиться правильно организовывать ресурсы/цвета для легкого переключения темы
3. Научиться пользоватся Figma для верстки

Предварительное условие:

1. Аккаунт в Figma
2. Откройте макеты в Figma по ссылке в своем аккаунте

Задание 1

В этом задании вам необходимо собрать layout по макетам в Figma

1. Используйте гайдлайны и имплементацию классов из библиотеки Material Components
2. Иконки можно взять из готовых material ассетов в студии или с сайта https://materialdesignicons.com
3. Используйте директорию res для строк, картинок и прочих ресурсов
4. Картинки для корзины - по аашему выбору

Задание содержит 3 страницы:

1. Contacts - страница контакта записной книжки
2. Cart - страница корзины
3. Login - MaterialAlertDialog формы логина

Для первого и второго задания в проекте сделаны две пустых Activity:

1. ContactsActivity
2. CartActivity

Для третьего задания, в MainActivity добавлено отображение MaterialAlertDialog при нажатии на кнопку Show Sign In Dialog.

Дополнительно

1. Не забывайте про ландшафтный режим. Верстка должна оставаться рабочей и в этом режиме.
2. Будет плюсом, если список пунктов в корзине будет реализован через RecyclerView или собственный ViewGroup с переиспользованием элементов.

Задание 2

На каждой странице макетов в Figma есть темная тема. Воспользуйтесь res/values и res/values-night для реализации светлой и темной темы. Обязательно используйте аттрибуты темы в верстке для реализации этой функциональности.

Полезные ссылки

Настоятельно рекомендуется ознакомиться с следующими ресурсами:

1. Material Design - официальный сайт Material Design
2. Material Components - библиотека компонентов Material Design
3. Material Colors - цветовая палитра Material Design и их использование
4. Material theme builder - генератор тем Material Design