Paski przewijania wskazują, że miejsce użytkownika w dokumencie jest większe niż obszar wyświetlania. Umożliwiają użytkownikowi nawigację do reszty dokumentu poprzez przesuwanie obszaru wyświetlania w górę lub w dół.
Użytkownicy korzystają z pasków przewijania za pomocą dotyku, kółka obrotowego lub touchpada. Stukanie strzałek na pasku przewijania powoduje przesuwanie zawartości o strony, czyli o wartości odpowiadające wysokości ekranu. Jednak szybkie przesunięcie palcem w celu przewinięcia (w zależności od czułości ekranu dotykowego) może wytworzyć moment bezwładności, który pozwoli na przewinięcie o więcej niż jedną stronę. Niezależnie od sposobu inicjacji przewijania, ruch przewijania powinien zawsze być przypięty do elementu.
Anatomia
Pasek przewijania składa się z elementów umożliwiających przewijanie w górę i w dół oraz wskaźnika postępu przewijania. Szewrony są używane w elementach umożliwiających przewijanie, aby wskazać kierunek przewijania. Wskaźnik postępu przewijania to opcjonalny element, który wskazuje widoczną zawartość i pozycję przewijania w odniesieniu do całkowitej ilości zawartości na stronie.
2. Wskaźnik postępu przewijania
3. Możliwość przewijania w dół
Okular
Pozycja paska przewijania z ułożoną nawigacją główną i zminimalizowanym paskiem sterowania
Pozycja paska przewijania tylko z nagłówkiem aplikacji
Pozycja paska przewijania z nagłówkiem aplikacji i paskiem sterowania
Pozycja paska przewijania z nagłówkiem aplikacji i rozszerzonym paskiem sterowania
Pozycja paska przewijania z paskiem aplikacji/nagłówkiem i zminimalizowanym paskiem sterowania
Pozycja paska przewijania tylko z paskiem aplikacji/nagłówkiem
Pozycja paska przewijania z nagłówkiem aplikacji i paskiem sterowania
Pozycja paska przewijania z nagłówkiem aplikacji i rozszerzonym paskiem sterowania
Pozycja paska przewijania przy małej wysokości ekranu
Opcjonalny wskaźnik postępu przewijania
Style
Kolor
| Element | Kolor (tryb dzienny) | Kolor (tryb nocny) |
|---|---|---|
| Ikony podstawowe – stan aktywny | Biały | Biały @ 88% |
| Ikony podstawowe – stan nieaktywny | Biały @ 56% | Biały @ 50% |
| Wskaźnik postępu przewijania | Biały @ 16% | Biały @ 12% |
Rozmiarowanie
| Element | Rozmiar (dp) |
|---|---|
| Ikona główna | 44 |
| Dotknij celu | 76 |
| Szerokość wskaźnika postępu przewijania | 6 |
| Zaokrąglony promień narożnika (R4) | Pełny |
Przykłady
