Pasek stanu, pasek podpisu i pasek nawigacji to paski systemowe. Wyświetlają ważne informacje, takie jak poziom naładowania baterii, czas i powiadomienia, oraz umożliwiają bezpośrednią interakcję z urządzeniem z dowolnego miejsca.
Niezależnie od tego, czy projektujesz interfejs użytkownika do interakcji z systemem operacyjnym Android, metodami wprowadzania danych czy innymi funkcjami urządzenia, musisz wziąć pod uwagę widoczność pasków systemowych.
Wnioski
Podczas projektowania aplikacji uwzględnij paski systemowe. Weź pod uwagę bezpieczne strefy interfejsu, interakcje z systemem, metody wprowadzania danych, wycięcia w ekranie, paski stanu, paski z napisem, paski nawigacyjne i inne funkcje urządzenia.
Ustaw przezroczyste lub półprzezroczyste paski stanu i paski nawigacyjne systemu, a także treści za tymi paskami, aby wypełniały cały ekran.
Pasek postępu
Na Androidzie pasek stanu zawiera ikony powiadomień i ikony systemowe. Użytkownik wchodzi w interakcję z paskiem stanu, przeciągając go w dół, aby otworzyć obszar powiadomień. Paski stanu mogą być przezroczyste lub półprzezroczyste.
Ikony na pasku stanu
Ikony na pasku stanu mogą wyglądać inaczej w zależności od kontekstu, pory dnia, ustawień użytkownika lub motywów oraz innych parametrów. Więcej informacji znajdziesz w artykule Ikony na pasku systemowym.
Gdy otrzymasz powiadomienie, na pasku stanu pojawi się zwykle ikona. Informuje ona użytkownika, że w szufladzie powiadomień jest coś do zobaczenia. Może to być ikona aplikacji lub symbol reprezentujący kanał. Zobacz projekt powiadomień.
Ustawianie stylu paska stanu
Ustaw pasek stanu jako przezroczysty lub półprzezroczysty, aby treści aplikacji zajmowały cały ekran. Następnie ustaw styl ikonek paska systemu, aby miały odpowiedni kontrast.
Na Androidzie 15 wyświetlanie bez ramki jest wymuszane, co powoduje, że pasek stanu jest domyślnie przezroczysty. Aby zapewnić zgodność wsteczną, wywołaj metodę enableEdgeToEdge().
Na obrazie po lewej stronie pasek stanu jest przezroczysty, a zielone tło aplikacji TopAppBar jest widoczne za paskiem stanu.
Przeźroczyste paski stanu są idealne, gdy interfejs użytkownika nie pojawia się pod paskiem stanu lub gdy obraz jest rysowany pod paskiem stanu. Prześwitujące paski stanu są idealne, gdy interfejs przesuwa się pod paskiem stanu. Więcej informacji o ochronie gradientów znajdziesz w artykule Projektowanie od krawędzi do krawędzi.
Pasek nawigacyjny
Android umożliwia użytkownikom sterowanie nawigacją za pomocą przycisków Wstecz, Strona główna i Przegląd:
- Wstecz powoduje bezpośredni powrót do poprzedniego widoku.
- Przejście do ekranu głównego powoduje wyjście z aplikacji i powrót na ekran główny urządzenia.
- W Podsumowaniu widać aktywne aplikacje i niedawno otwarte aplikacje, które nie zostały zamknięte.
Użytkownicy mogą wybierać spośród różnych konfiguracji paska nawigacyjnego, w tym nawigacji przy użyciu gestów (zalecana) i nawigacji przy użyciu 3 przycisków. Aby zapewnić użytkownikom jak najlepsze wrażenia, uwzględnij różne typy nawigacji.
Nawigacja przy użyciu gestów
Zalecamy korzystanie z nawigacji za pomocą gestów, chyba że użytkownik wybierze inaczej w swoich ustawieniach. Nawigacja przy użyciu gestów nie korzysta z przycisków Wstecz, Ekran główny i Przegląd. Zamiast tego wyświetla pojedynczy element sterujący gestami. Użytkownicy mogą przesuwać palcem od lewej lub prawej krawędzi ekranu, aby przejść wstecz, oraz od dołu w górę, aby wrócić do ekranu głównego. Przesunięcie palcem w górę i przytrzymanie powoduje otwarcie przeglądu.
Nawigacja za pomocą gestów to bardziej elastyczny wzór nawigacji, który umożliwia projektowanie na urządzenia mobilne i większe ekrany. Aby zapewnić użytkownikom jak najlepsze wrażenia, uwzględnij nawigację za pomocą gestów, wykonując te czynności:
- Obsługa treści od krawędzi do krawędzi.
- Unikaj dodawania interakcji lub punktów dotykowych w ramkach w przycisku nawigacji za pomocą gestów.
Więcej informacji znajdziesz w artykule Dodawanie obsługi gestów nawigacji.
Nawigacja przy użyciu 3 przycisków
Nawigacja przy użyciu 3 przycisków: przyciski ekranu głównego, Wstecz i przeglądu.
Inne warianty paska nawigacyjnego
W zależności od wersji Androida i urządzenia użytkownicy mogą mieć dostęp do innych konfiguracji paska nawigacyjnego. Nawigacja przy użyciu 2 przycisków obejmuje 2 przyciski: ekranu głównego i wstecz.
Ikony na pasku nawigacyjnym
Ikony na pasku nawigacyjnym mogą też wyglądać inaczej w zależności od ustawień użytkownika lub wybranych motywów. Więcej informacji znajdziesz w artykule Ikony na pasku systemowym.
Ustawianie stylu paska nawigacyjnego
Android obsługuje ochronę wizualną interfejsu w trybie nawigacji za pomocą gestów i w trybach przycisków. System stosuje dynamiczną adaptację kolorów, w której zawartość pasków systemu zmienia kolor w zależności od treści znajdujących się za nimi.
Tryb nawigacji przy użyciu gestów
Gdy kierujesz aplikację na Androida 15 lub wywołujesz funkcję enableEdgeToEdge na urządzeniu Activity, system wyświetla przezroczysty pasek nawigacji z gestami i zastosowanie dynamicznej adaptacji kolorów. W tym przykładzie uchwyt na pasku nawigacyjnym zmienia kolor na ciemny, jeśli jest umieszczony nad jasnymi treściami, i odwrotnie.
Przezroczyste paski nawigacyjne gestów są zawsze zalecane.
Tak
Nie
Tryby przycisków
Po ukierunkowaniu na Androida 15 lub wywołaniu metody enableEdgeToEdge w metodie Activity system stosuje przezroczystą zasłonę za przyciskami na pasku nawigacji. Możesz ją usunąć, ustawiając wartość parametru Window.setNavigationBarContrastEnforced() na fałsz.
Zalecamy stosowanie przezroczystych pasków nawigacji z 3 przyciskami, gdy jest pasek aplikacji lub dolny pasek nawigacji aplikacji albo gdy interfejs nie przewija się pod paskiem nawigacji z 3 przyciskami. Aby uzyskać przezroczysty pasek nawigacji, ustaw wartość Window.setNavigationBarContrastEnforced() na false, a paski aplikacji na dole na wysokość, aby rysowały się pod paskami nawigacji systemu, jak widać na rysunkach 7, 8 i 9. Więcej informacji znajdziesz w artykule o ochronach w pasku systemowym.
Do przewijania treści służy przezroczysta nawigacja z 3 przyciskami. Więcej informacji o półprzezroczystym pasku nawigacji znajdziesz
Klawiatura i poruszanie się po ekranie
Każdy typ nawigacji reaguje odpowiednio na klawiaturę ekranową, aby umożliwić użytkownikowi wykonywanie takich czynności jak zamykanie lub nawet zmiana typu klawiatury. Aby zapewnić płynne przejście, które synchronizuje przejście aplikacji z klawiaturą przesuwaną w górę i w dół od dołu ekranu, użyj WindowInsetsAnimationCompat.
Wycięcia w ekranie
Wycięcie w ekranie to obszar na niektórych urządzeniach, który wkracza w powierzchnię wyświetlacza, aby zapewnić miejsce dla czujników z przodu. Wycięcia w ekranie mogą się różnić w zależności od producenta. Zastanów się, jak wycięcia w ekranie będą współdziałać z treściami, orientacją i wyświetlaniem od krawędzi do krawędzi.
Tryb imersji
Możesz ukryć paski systemowe, gdy potrzebujesz pełnego ekranu, na przykład gdy użytkownik ogląda film. Użytkownik powinien mieć możliwość dotknięcia ekranu, aby wyświetlić paski systemowe i przemieszczać się po interfejsie lub korzystać z elementów sterujących. Dowiedz się więcej o projektowaniu na potrzeby trybów pełnoekranowych lub przeczytaj, jak ukryć paski systemowe w trybie pełnoekranowym.