Свернутая панель управления

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

Например, свернутая панель управления для мультимедийных приложений сохраняет небольшой набор элементов управления воспроизведением и метаданных, доступных во всем приложении во время воспроизведения музыки, а также может открыть полноэкранное представление воспроизведения.

значок выноски
Компонент панели управления
Полная панель управления может отображать расширенный набор элементов управления.

Анатомия

1. Плитка контента
2. Метаданные
3. Управление

Характеристики

значок выноски
Метки макета
Определения E, M, KL, P, Flex
значок выноски
Компонент списка элементов
Спецификации, рекомендации по стилю и многое другое.

Минимизированная панель управления

Минимизированная панель управления с переполнением текста

Масштабирование макетов

Эти эталонные макеты показывают, как адаптировать свернутую панель управления для экранов различной ширины и высоты. (Категории ширины и высоты определяются в разделе «Макет» .) Обратите внимание, что все значения пикселей находятся в визуализированных пикселях до того, как произойдет какая-либо понижающая или повышающая дискретизация.

значок выноски
Макет
Поля, ключевые линии и отступы для экранов различных размеров.
значок выноски
Метки макета
Определения E, M, KL, P, Flex

Экраны стандартной ширины

Широкие экраны

Сверхширокие и сверхширокие экраны

Стили

значок выноски
Рекомендации по типографике
Ссылки на масштаб и сетку, типографские примеры и многое другое.
значок выноски
Рекомендации по цвету
Палитры, значения высоты и непрозрачности и многое другое.

Типография

Тип стиля Гарнитура Масса Размер (дп)
Тело 1 Робото Обычный 32
Тело 3 Робото Обычный 24

Цвет

Элемент Цвет (дневной режим) Цвет (ночной режим)
Первичный тип Белый Белый @ 88%
Вторичный тип Белый @ 72% Белый @ 60%
Иконки Белый Белый @ 88%
Индикатор прошедшего времени Сторонний акцент Сторонний акцент
Индикатор оставшегося времени #464A4D #464A4D
Фон свернутой панели управления #0E1013 @ 84% #0E1013 @ 88%
Градиентное усечение Черный @ 0–100 % в 10 % текстового пространства. Черный @ 0–100 % в 10 % текстового пространства.

Размеры

Элемент Размер (дп)
Иконки 44
Плитка контента 96
Индикатор прогресса 84
Индикатор прогресса 4
Высота свернутой панели управления 128
Радиус закругления угла (R1) 4

Примеры

Минимизированная панель управления для экранов шириной больше стандартной.
Минимизированная панель управления для экранов стандартной ширины