Панель управления

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

В мультимедийных приложениях панель управления используется в режиме воспроизведения для элементов управления «Воспроизведение/Пауза», «Предыдущий», «Далее» и других элементов управления, в том числе для настраиваемых сторонних действий.

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

Анатомия

Панель управления имеет два формата: неразвернутый и расширенный. Нерасширенная версия может включать до 5 элементов управления. В мультимедийных приложениях одним из них является «Воспроизведение/Пауза».

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

1. Часть панели управления, видимая до раскрытия
2. Расширенная часть панели действий.
3. Один из элементов управления
4. Кнопка переполнения (разворачивает и сворачивает панель управления)

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

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

Панель управления

Расширенная панель управления

Размещение 1–4 элементов управления на панели управления с закрепленным центральным элементом управления.

Закрепленный центральный элемент управления — это элемент управления, который предпочтительно размещать в центре панели управления, например кнопка воспроизведения/паузы музыки.

Размещение 1–4 элементов управления на панели управления без закрепленного элемента управления.

Размещение 6–9 элементов управления на панели управления

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

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

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

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

Если ширина между полями превышает максимальную ширину панели управления (1028dp), центрируйте панель управления по горизонтали. Панель управления не доходит до краев.

Сверхширокие экраны с разрешением менее 1028 точек между полями.

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

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

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

Короткие экраны

Панель управления расширяется на экранах короче 1000 dp.

Панель управления расширена на коротких экранах

Панель управления расширяется на экранах выше 1000 dp.

Стили

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

Цвет

Элемент Цвет (дневной режим) Цвет (ночной режим)
Основные значки Белый Белый @ 88%
Полноэкранный экран Черный @ 78% Черный @ 84%
Градиентная сетка подлежит уточнению подлежит уточнению

Размеры

Элемент Размер (дп)
Панель управления 96 (короткие экраны)/128 (стандартная высота и выше)
Основной значок 44

Примеры

Панель управления в режиме воспроизведения
Расширенная панель управления в режиме воспроизведения
Панель управления в очереди мультимедиа
Расширенная панель управления в очереди мультимедиа
Панель управления в очереди мультимедиа
Расширенная панель управления в очереди мультимедиа
Панель управления расширяется и сжимается, когда пользователь нажимает кнопку переполнения.