A barra de controle minimizada é usada para exibir um conjunto mínimo de controles e metadados. Quando selecionado, abre uma sobreposição de tela cheia que inclui uma barra de controle maior com controles adicionais.
Por exemplo, a barra de controle minimizada para apps de música mantém um pequeno conjunto de controles de reprodução e metadados disponíveis em todo o app quando a música está tocando e também pode abrir uma visualização de reprodução em tela cheia.
Anatomia
2. Metadados
3. Controles
Especificações
Barra de controle minimizada
Barra de controle minimizada com texto em excesso
Como dimensionar layouts
Esses layouts de referência mostram como adaptar a barra de controle minimizada para acomodar telas de várias larguras e alturas. As categorias de largura e altura são definidas na seção Layout. Todos os valores de pixel estão em pixels renderizados, antes de qualquer amostragem para baixo ou para cima.
Telas de largura padrão
Telas largas
Telas extragrandes e super amplas
Estilos
Tipografia
| Estilo de digitação | Fonte | Peso | Tamanho (dp) |
|---|---|---|---|
| Texto 1 | Roboto | Normal | 32 |
| Corpo 3 | Roboto | Normal | 24 |
Cor
| Elemento | Cor(modo dia) | Cor (modo noturno) |
|---|---|---|
| Tipo principal | Branco | Branco 88% |
| Tipo secundário | Branco a 72% | Branco a 60% |
| Ícones | Branco | Branco 88% |
| Indicador de tempo decorrido | Sotaque de terceiros | Sotaque de terceiros |
| Indicador de tempo restante | #464A4D | #464A4D |
| Plano de fundo da barra de controle minimizada | #0E1013 a 84% | #0E1013 a 88% |
| Gradiente truncado | Preto: de 0 a 100% em 10% do espaço de texto | Preto: de 0 a 100% em 10% do espaço de texto |
Dimensionamento
| Elemento | Tamanho (dp) |
|---|---|
| Ícones | 44 |
| Bloco de conteúdo | 96 |
| Indicador de progresso | 84 |
| Faixa indicadora de progresso | 4 |
| Altura da barra de controle minimizado | 128 |
| Raio arredondado dos cantos (R1) | 4 |
Exemplos
