Przyciski

Przycisk komunikuje czynność wykonywaną po dotknięciu go przez użytkownika.

Przyciski to standardowe komponenty Android Open Source Project (AOSP). Mogą być wypełnione jednolitym kolorem tła lub niewypełnione (z przezroczystym tłem). Wypełnione przyciski wskazują na główną lub preferowaną akcję. Przyciski mogą pojawiać się niezależnie lub w grupach – w przeciwieństwie do zakładek , które zawsze pojawiają się w grupach.

Anatomia

Anatomia guzików
1. Niewypełniony pojemnik na przyciski
2. Wypełniony pojemnik na przycisk, wskazujący na podstawową lub preferowaną akcję
3. Etykieta przycisku

Okular

Minimalna i maksymalna długość przycisku

Maksymalna długość etykiety przycisku to 20 znaków. Minimalna szerokość przycisku to 156 dp.
Maksymalna długość etykiety przycisku to 20 znaków. Minimalna szerokość przycisku to 156 dp.

Przycisk z ikoną kontra przycisk domyślny

Przyciski mogą zawierać ikony. Jeśli są dołączone, ikony zazwyczaj pojawiają się po lewej stronie tekstu przycisku.
Przyciski mogą zawierać ikony. Jeśli są dołączone, ikony zazwyczaj pojawiają się po lewej stronie tekstu przycisku.

Przyciski mogą pojawiać się jako elementy w innych komponentach, np. pasku aplikacji lub oknach dialogowych .

Umiejscowienie przycisków na pasku aplikacji

Przyciski umieszczone są po prawej stronie paska aplikacji
Przyciski umieszczono po prawej stronie paska aplikacji.

Przycisk w oknie dialogowym

Przyciski w oknach dialogowych są zazwyczaj umieszczone w lewym dolnym rogu okna dialogowego
Przyciski w oknach dialogowych są zazwyczaj umieszczone w lewym dolnym rogu okna dialogowego.

Przycisk bohatera

Zaokrąglone krawędzie przycisku bohatera podkreślają jego znaczenie
Zaokrąglone krawędzie podkreślają znaczenie przycisku bohatera.

Personalizacja

Producenci OEM mogą odzwierciedlać charakter swojej marki, modyfikując wygląd przycisku w następujący sposób:

  • Określanie koloru akcentującego
  • Dostarczanie niestandardowych ikon
  • Dodawanie niestandardowych czcionek
  • Zmiana wyglądu aktywnych, nieaktywnych i wyłączonych przycisków
  • Ustawianie wymiarów przycisków, kształtu narożników i rozmieszczenia
  • Wykorzystanie ruchu do przekazywania użytkownikom informacji zwrotnej

Podręcznik integracji biblioteki interfejsu użytkownika samochodu zawiera wskazówki dla producentów OEM dotyczące dostosowywania komponentów.

Przykłady

przyciski niewypełnione i wypełnione
Przyciski wypełnione i niewypełnione, przy czym przycisk wypełniony wskazuje na główną akcję.
wyłączony wypełniony przycisk
Kolor i krycie tego wypełnionego przycisku wskazują, że jest on wyłączony.
Niewypełniony przycisk dialogowy
Niewypełnione przyciski w oknie dialogowym oznaczają akcje o jednakowej wadze.
czas trwania ruchu falowego przycisku
Te ruchy falowe trwają 330 ms. Służą do potwierdzenia naciśnięcia przycisku przez użytkownika.
Animacja falowania przycisków
Te ruchy falowe początkowo pokrywają 60% powierzchni przycisku. Rozprzestrzeniają się one od miejsca dotknięcia przez użytkownika i zatrzymują się 10 punktów od krawędzi przycisku.