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

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

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

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

Анатомия

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

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

1. Часть панели управления видна до расширения.
2. Расширенная часть панели действий
3. Один из контрольных образцов
4. Кнопка «Переполнение» (разворачивает и сворачивает панель управления)

Технические характеристики

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стили

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

Цвет

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

Размер

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

Примеры

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