Цели работы: научиться верстать экраны в XML используя библиотеку компонентов, научиться ****правильно организовывать ресурсы/цвета для легкого переключения тем

Задание #1

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

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

Screenshot 2022-09-12 at 21.16.19.png

https://www.figma.com/file/Tp6rUcouQbl31zSoBEFG2P/Figma-Material-Design-System-v3_1-preview?node-id=0%3A199

Screenshot 2022-09-12 at 21.05.19.png

https://www.figma.com/file/Tp6rUcouQbl31zSoBEFG2P/Figma-Material-Design-System-v3_1-preview?node-id=0%3A468

Screenshot 2022-09-12 at 21.18.09.png

https://www.figma.com/file/Tp6rUcouQbl31zSoBEFG2P/Figma-Material-Design-System-v3_1-preview?node-id=0%3A388

<aside> 💡 Используйте данный layout файл как кастомный интерфейс AlertDialog’а

</aside>

Задание #2

Реализуйте темную тему приложения согласно макетам в Figma:

  1. Создайте цветовую палитру для светлой/темной темы. Обязательно используйте аттрибуты темы для реализации
  2. Создайте набор стилей типографики

Untitled

Untitled

https://www.figma.com/file/Tp6rUcouQbl31zSoBEFG2P/Figma-Material-Design-System-v3_1-preview?node-id=0%3A468

Untitled

https://www.figma.com/file/Tp6rUcouQbl31zSoBEFG2P/Figma-Material-Design-System-v3_1-preview?node-id=0%3A388