Jetpack Compose предлагает реализацию Material Design, комплексной системы дизайна для создания цифровых интерфейсов. Вы можете использовать компонуемые функции для реализации компонентов Material.

Действия

Кнопки вызывают большинство действий в пользовательском интерфейсе.
Плавающие кнопки действий (FAB) помогают пользователям выполнять основные действия.
Кнопки со значками позволяют пользователям выполнять незначительные действия одним нажатием.
Сегментированные кнопки помогают пользователям выбирать параметры, переключать представления или сортировать элементы.

Коммуникация

Значки отображают уведомления, счетчики или информацию о состоянии элементов навигации и значков.
Индикаторы хода выполнения отображают неопределенное время ожидания или длительность процесса.
В нижней части экрана отображаются краткие обновления о процессах приложения.
Подсказки отображают краткие метки или сообщения.

Сдерживание

Нижние листы показывают вторичный контент, закрепленный в нижней части экрана.
Карточки отображают содержание и действия, связанные с одной темой.
Карусели представляют собой коллекцию элементов, которые можно прокручивать на экране и за его пределами.
Диалоги предоставляют важные подсказки в пользовательском процессе.
Разделители — это тонкие линии, которые группируют контент в списки или другие контейнеры.
Списки представляют собой непрерывные вертикальные индексы текста и изображений.
Каркасы объединяют различные части пользовательского интерфейса в сложных пользовательских интерфейсах.

Навигация

Панели приложений размещаются в верхней части экрана, чтобы облегчить пользователям навигацию.
Панели навигации позволяют пользователям переключаться между видами пользовательского интерфейса на небольших устройствах.
Навигационные панели позволяют пользователям переключаться между видами пользовательского интерфейса на больших устройствах.
Навигационные рельсы позволяют пользователям переключаться между видами пользовательского интерфейса на устройствах среднего размера.
Вкладки организуют контент на разных экранах и в разных представлениях.

Выбор

Флажки позволяют пользователям выбирать один или несколько элементов из списка, а также включать или выключать элемент.
Чипы помогают людям вводить информацию, делать выбор, фильтровать контент или запускать действия.
Выбор даты позволяет пользователям выбрать дату или диапазон дат.
Меню отображают список вариантов на временной поверхности.
Переключатели позволяют пользователям выбрать один вариант из набора вариантов.
Ползунки позволяют пользователям выбирать из диапазона значений.
Переключатели включают и выключают выбор элемента.
Выбор времени помогает пользователям выбрать и установить определенное время.

Ввод текста

Поиск позволяет пользователям вводить ключевое слово или фразу для получения релевантной информации.
Текстовые поля позволяют пользователям вводить текст в пользовательский интерфейс.
Узнайте, как использовать базовые макеты в Compose.
Узнайте, как управлять такими ресурсами, как строки и изображения.