Pasek aplikacji i nagłówek

Komponent paska aplikacji i nagłówka to specjalny pasek u góry obszaru roboczego aplikacji, który można dostosować, aby wyświetlał ważne funkcje związane z aplikacją, takie jak branding, nawigacja najwyższego poziomu i dostęp do elementów sterujących aplikacją.

Użyj spójnego układu paska aplikacji i nagłówka, aby umieścić najważniejsze elementy sterujące, takie jak wyszukiwanie w aplikacji, w standardowym miejscu w całym interfejsie użytkownika.

Anatomia

Pasek aplikacji i nagłówek mogą zawierać różnorodne elementy. Można je skonfigurować na jeden z następujących sposobów:

  • Nagłówek aplikacji: Po skonfigurowaniu jako nagłówek aplikacji, komponent zawiera miejsce na opcjonalny tekst, z minimalną liczbą ikon i przycisków. Zazwyczaj zawiera tytuł ekranu i strzałkę wstecz.
  • Pasek aplikacji: Po skonfigurowaniu jako pasek aplikacji może zawierać ikony, zakładki i przyciski . Typowe elementy to ikona aplikacji i opcje nawigacyjne.

Każda z tych wersji może również obejmować elementy sterujące aplikacji, takie jak wyszukiwanie w aplikacji i ustawienia.

Pasek aplikacji i anatomia nagłówka
Dwie wersje nagłówka aplikacji (góra i środek) oraz jedna wersja paska aplikacji (dół), zawierające następujące elementy:
1. Strzałka wstecz
2. Tytuł ekranu
3. Przycisk
4. Sterowanie aplikacją
5. Ikona aplikacji
6. Nawigacja główna (zakładki)

Specyfikacja – pasek aplikacji

Pasek aplikacji z główną nawigacją – wyśrodkowany

Pasek aplikacji z główną nawigacją – wyrównany do lewej

Pasek aplikacji z główną nawigacją – zwinięty (szuflada zamiast kart)

Specyfikacja – nagłówek aplikacji

Nagłówek aplikacji z wyśrodkowanym tytułem

Nagłówek aplikacji z pojedynczą kontrolą aplikacji

Nagłówek aplikacji z wieloma elementami sterującymi aplikacji

Nagłówek aplikacji z jednym przyciskiem

Nagłówek aplikacji z wieloma przyciskami

Nagłówek aplikacji z nadmiarem tekstu

Nagłówek aplikacji z osobnym paskiem kart

Personalizacja

Możesz wyrazić swoją markę, modyfikując wygląd paska aplikacji i nagłówka. Modyfikacje mogą obejmować:

  • Niestandardowe ikony
  • Niestandardowe czcionki
  • Ustawianie wyglądu aktywnych, nieaktywnych i wyłączonych przycisków
  • Ustawianie wymiarów i rozmieszczenia przycisków

Przykłady

Nagłówek aplikacji podczas logowania
Nagłówek aplikacji podczas odtwarzania
Pasek aplikacji
Pasek aplikacji podczas przewijania zawartości