Barra de control minimizada
Organízate con las colecciones
Guarda y clasifica el contenido según tus preferencias.
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.
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
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.
[[["Es fácil de entender","easyToUnderstand","thumb-up"],["Me ofreció una solución al problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Me falta la información que necesito","missingTheInformationINeed","thumb-down"],["Es demasiado complicado o hay demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Está obsoleto","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema de muestras o código","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2026-03-04 (UTC)."],[],[]]