Компоненты материалов в Compose
Jetpack Compose предлагает реализацию Material Design, комплексной системы дизайна для создания цифровых интерфейсов. Вы можете использовать компонуемые функции для реализации компонентов Material.
Действия
Кнопки
Кнопки вызывают большинство действий в пользовательском интерфейсе.
Плавающая кнопка действия
Плавающие кнопки действий (FAB) помогают пользователям выполнять основные действия.
Кнопка со значком
Кнопки со значками позволяют пользователям выполнять незначительные действия одним нажатием.
Сегментированная кнопка
Сегментированные кнопки помогают пользователям выбирать параметры, переключать представления или сортировать элементы.
Коммуникация
Значки
Значки отображают уведомления, счетчики или информацию о состоянии элементов навигации и значков.
Индикаторы прогресса
Индикаторы хода выполнения отображают неопределенное время ожидания или длительность процесса.
Закусочная
В нижней части экрана отображаются краткие обновления о процессах приложения.
Подсказки
Подсказки отображают краткие метки или сообщения.
Сдерживание
Нижние листы
Нижние листы показывают вторичный контент, закрепленный в нижней части экрана.
Открытки
Карточки отображают содержание и действия, связанные с одной темой.
Карусель
Карусели представляют собой коллекцию элементов, которые можно прокручивать на экране и за его пределами.
Диалоги
Диалоги предоставляют важные подсказки в пользовательском процессе.
Разделители
Разделители — это тонкие линии, которые группируют контент в списки или другие контейнеры.
Списки
Списки представляют собой непрерывные вертикальные индексы текста и изображений.
Строительные леса
Каркасы объединяют различные части пользовательского интерфейса в сложных пользовательских интерфейсах.
Навигация
Панели приложений
Панели приложений размещаются в верхней части экрана, чтобы облегчить пользователям навигацию.
Панель навигации
Панели навигации позволяют пользователям переключаться между видами пользовательского интерфейса на небольших устройствах.
Навигационный ящик
Навигационные панели позволяют пользователям переключаться между видами пользовательского интерфейса на больших устройствах.
Навигационный рельс
Навигационные рельсы позволяют пользователям переключаться между видами пользовательского интерфейса на устройствах среднего размера.
Вкладки
Вкладки организуют контент на разных экранах и в разных представлениях.
Выбор
Флажок
Флажки позволяют пользователям выбирать один или несколько элементов из списка, а также включать или выключать элемент.
Чипсы
Чипы помогают людям вводить информацию, делать выбор, фильтровать контент или запускать действия.
Выбор даты
Выбор даты позволяет пользователям выбрать дату или диапазон дат.
Меню
Меню отображают список вариантов на временной поверхности.
Радиокнопка
Переключатели позволяют пользователям выбрать один вариант из набора вариантов.
Слайдеры
Ползунки позволяют пользователям выбирать из диапазона значений.
Выключатель
Переключатели включают и выключают выбор элемента.
Выбор времени
Выбор времени помогает пользователям выбрать и установить определенное время.
Ввод текста
Поиск
Поиск позволяет пользователям вводить ключевое слово или фразу для получения релевантной информации.
Текстовые поля
Текстовые поля позволяют пользователям вводить текст в пользовательский интерфейс.
Списки и сетки
Узнайте, как использовать базовые макеты в Compose.
Ресурсы
Узнайте, как управлять такими ресурсами, как строки и изображения.