Barra de control minimizada

La barra de control minimizada se utiliza para mostrar un conjunto mínimo de controles y metadatos. Al seleccionarla, se abre una superposición a pantalla completa que incluye una barra de control más grande con controles adicionales.

Por ejemplo, la barra de control minimizada para aplicaciones multimedia mantiene un pequeño conjunto de controles de reproducción y metadatos disponibles en toda la aplicación cuando se reproduce música, y también puede abrir una vista de reproducción en pantalla completa.

icono de llamada
Componente de barra de control
La barra de control completa puede mostrar un conjunto ampliado de controles.

Anatomía

1. Mosaico de contenido
2. Metadatos
3. Controles

Especificaciones

icono de llamada
Componente de elementos de lista
Especificaciones, pautas de estilo y más

Barra de control minimizada

Barra de control minimizada con desbordamiento de texto

Diseños de escala

Estos diseños de referencia muestran cómo adaptar la barra de control minimizada para pantallas de diferentes anchos y alturas. Tenga en cuenta que todos los valores de los píxeles se expresan en píxeles renderizados, antes de cualquier muestreo ascendente o descendente.

Pantallas de ancho estándar

Pantallas anchas

Pantallas extra anchas y súper anchas

Estilos

Tipografía

Estilo de tipografía Tipografía Peso Tamaño (dp)
Cuerpo 1 Roboto Regular 32
Cuerpo 3 Roboto Regular 24

Color

Elemento Color (modo día) Color (modo nocturno)
Tipo primario Blanco Blanco @ 88%
Tipo secundario Blanco @ 72% Blanco al 60%
Iconos Blanco Blanco @ 88%
Indicador de tiempo transcurrido acento de terceros acento de terceros
Indicador de tiempo restante #464A4D #464A4D
Fondo de la barra de control minimizada #0E1013 al 84% #0E1013 al 88%
Truncamiento de gradiente Negro al 0-100% en el 10% del espacio de texto Negro al 0-100% en el 10% del espacio de texto

Apresto

Elemento Tamaño (dp)
Iconos 44
Mosaico de contenido 96
Indicador de progreso 84
Pista indicadora de progreso 4
Altura de la barra de control minimizada 128
Radio de esquina redondeada (R1) 4

Ejemplos

Barra de control minimizada para pantallas más anchas que el ancho estándar.

Barra de control minimizada para pantallas de ancho estándar.