Титульные чипы

Чипы с заголовком содержат небольшой фрагмент информации.

Элементы дизайна следует закреплять в нижней части рамы.

Принципы

Контекстный : Основная цель заголовка — предоставить четкий и непосредственный контекст для контента, с которым он связан.

Краткость : Заголовки-чипы предназначены для краткой информации, обычно краткого заголовка, имени или статуса.

Визуально отличимый : несмотря на эстетику Jetpack Compose Glimmer, его внешний вид должен быть достаточно отличительным, чтобы его можно было распознать как метку, а не как интерактивную кнопку.

Использование и размещение

По умолчанию заголовочный чип является компонентом, доступным только для чтения.

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

Элементы дизайна следует закреплять в нижней части рамы. Чипы заголовков можно спутать со статической панелью мобильного приложения.

В макете

По умолчанию заголовочный чип является компонентом, доступным только для чтения.

Фишки прокручиваются вместе с макетом
Альтернативно, чипы можно закрепить в макете. Чип занимает верхние 56 dp.

Анатомия

Элементы дизайна следует закреплять в нижней части рамы. Показаны чип заголовка по умолчанию и чип закрепленного заголовка. Чипы закрепленного заголовка отображаются с контуром.

1. Этикетка чипа

2. Необязательный начальный значок или объект

Настройка

Чипы заголовков могут отображаться со значком или без него вместе с другими свойствами стиля.

Характеристики Настройка Настройки по умолчанию
Форма Да Большой, Круг
Прокладка Да 16 дп, 8 дп
Граница Да 2 дп, #606460
Текст Да Тело маленькое
Ведущий значок Да 40 дп
Глубина Да 0
Максимальная ширина Нет 352 дп
Мин. высота Да 56 дп