Zminimalizowany pasek sterowania

Zminimalizowany pasek sterowania służy do wyświetlania minimalnego zestawu elementów sterujących i metadanych. Po wybraniu tej opcji otwiera się pełnoekranowa nakładka zawierająca większy pasek sterowania z dodatkowymi elementami sterującymi.

Na przykład zminimalizowany pasek sterowania aplikacjami multimedialnymi zachowuje niewielki zestaw elementów sterujących odtwarzaniem oraz metadanych dostępnych w całej aplikacji podczas odtwarzania muzyki, a także może otworzyć widok odtwarzania na pełnym ekranie.

ikona objaśnienia
Komponent paska sterowania
Pełny pasek sterowania może wyświetlać rozszerzony zestaw elementów sterujących.

Anatomia

1. Kafelek zawartości
2. Metadane
3. Sterowanie

Okular

ikona objaśnienia
Komponent elementów listy
Specyfikacje, wytyczne dotyczące stylu i inne

Zminimalizowany pasek sterowania

Zminimalizowany pasek sterowania z przepełnieniem tekstem

Skalowanie układów

Te układy referencyjne pokazują, jak dostosować zminimalizowany pasek sterowania do ekranów o różnych szerokościach i wysokościach. Należy pamiętać, że wszystkie wartości pikseli podano w pikselach renderowanych, przed jakimkolwiek próbkowaniem w dół lub w górę.

Ekrany o standardowej szerokości

Szerokie ekrany

Ekrany bardzo szerokie i super szerokie

Style

Typografia

Styl czcionki Krój pisma Waga Rozmiar (dp)
Ciało 1 Roboto Regularny 32
Ciało 3 Roboto Regularny 24

Kolor

Element Kolor (tryb dzienny) Kolor (tryb nocny)
Typ podstawowy Biały Biały @ 88%
Typ wtórny Biały @ 72% Biały @ 60%
Ikony Biały Biały @ 88%
Wskaźnik upływu czasu Akcent osoby trzeciej Akcent osoby trzeciej
Wskaźnik pozostałego czasu #464A4D #464A4D
Tło zminimalizowanego paska sterowania #0E1013 @ 84% #0E1013 @ 88%
Obcięcie gradientu Czarny @ 0-100% na 10% powierzchni tekstu Czarny @ 0-100% na 10% powierzchni tekstu

Rozmiarowanie

Element Rozmiar (dp)
Ikony 44
Kafelek zawartości 96
Wskaźnik postępu 84
Ścieżka wskaźnika postępu 4
Wysokość zminimalizowanego paska sterowania 128
Zaokrąglony promień narożnika (R1) 4

Przykłady

Zminimalizowany pasek sterowania dla ekranów szerszych niż standardowa szerokość.

Zminimalizowany pasek sterowania dla ekranów o standardowej szerokości.