Свернутая панель управления используется для отображения минимального набора элементов управления и метаданных. При выборе этого параметра открывается полноэкранное наложение, включающее большую панель управления с дополнительными элементами управления.
Например, свернутая панель управления для мультимедийных приложений сохраняет небольшой набор элементов управления воспроизведением и метаданных, доступных во всем приложении во время воспроизведения музыки, а также может открыть полноэкранное представление воспроизведения.
Компонент панели управления
Полная панель управления может отображать расширенный набор элементов управления.
Анатомия
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
Примеры
Минимизированная панель управления для экранов шириной больше стандартной. Минимизированная панель управления для экранов стандартной ширины
[null,null,["Последнее обновление: 2024-10-30 UTC."],[[["The minimized control bar offers a compact view of media controls and metadata, expandable to a full-screen view for more detailed control."],["This component adapts its layout across various screen sizes, as detailed in the provided scaling layouts."],["Visual styles, including typography, color, and sizing specifications, ensure consistency and readability."],["Developers can reference examples for minimized control bar implementations on both standard and wider screens."]]],[]]