Przyciski

Przycisk informuje o działaniu, które ma miejsce po dotknięciu go przez użytkownika.

Przyciski to standardowe komponenty projektu Android Open Source (AOSP). Tło może być wypełnione jednym kolorem lub niewypełnionym (na przezroczystym tle). Wypełnione przyciski wskazują działanie główne lub preferowane. Przyciski mogą pojawiać się niezależnie lub w grupach – w przeciwieństwie do kart, które zawsze pojawiają się w grupach.


Anatomia

Anatomia przycisków
1. Niewypełniony kontener przycisku.
2. Wypełniony kontener przycisku wskazujący działanie główne lub preferowane.
3. Etykieta przycisku

Specyfikacja

Minimum 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ą w porównaniu z przyciskiem domyślnym

Przyciski mogą zawierać ikony. Jeśli jest dołączona, ikony są zwykle wyświetlane po lewej stronie tekstu przycisku.
Przyciski mogą zawierać ikony. Jeśli je dołączysz, ikony będą zwykle wyświetlane z lewej strony tekstu przycisku.

Przyciski mogą się pojawiać jako elementy innych komponentów, takich jak pasek aplikacji lub okna dialogowe.

Umieszczenie przycisku na pasku aplikacji

Przyciski znajdują się po prawej stronie paska aplikacji
Przyciski znajdują się po prawej stronie paska aplikacji

Przycisk w oknie

Przyciski w oknie dialogowym zazwyczaj znajdują się w lewym dolnym rogu okna dialogowego.
Przyciski w oknach zwykle znajdują się w lewym dolnym rogu okna dialogowego

Baner powitalny

Zaokrąglone brzegi przycisku głównego podkreślają jego znaczenie
Zaokrąglone brzegi przycisku głównego podkreślają jego znaczenie

Personalizacja

OEM może zaprezentować swoją markę, zmieniając wygląd przycisku, na przykład:

  • Określanie koloru uzupełniającego
  • Dodawanie ikon niestandardowych
  • Dodawanie czcionek niestandardowych
  • zmiana wyglądu aktywnych, nieaktywnych i wyłączonych przycisków;
  • Ustawianie wymiarów przycisku, kształtu narożnika i miejsc docelowych
  • Przekazywanie informacji użytkownikom za pomocą ruchu

Car UI Library Integration Guide (Przewodnik po integracji biblioteki interfejsu samochodu) zawiera wskazówki OEM dotyczące dostosowywania komponentów.

System projektowania udostępnia szczegółowe wskazówki dotyczące dostosowywania komponentów, takich jak układ, kolor, typografia, rozmiar, kształt i ruch.


Przykłady

niewypełnione i wypełnione przyciski
Niewypełnione i wypełnione przyciski, gdzie wypełniony przycisk wskazuje działanie główne
wyłączony wypełniony przycisk
Kolor i przezroczystość tego wypełnionego przycisku wskazują na wyłączenie
Okno niewypełnionego przycisku
Niewypełnione przyciski w oknie wskazują działania o jednakowej wadze.
czas trwania ruchu fali przycisku
Czas trwania tych ruchów fali wynosi 330 ms. Służą one do potwierdzania kontaktu użytkownika za pomocą przycisku.
Animacja fali przycisków
Te fali początkowo nakładają się na 60% powierzchni przycisku. Rozwijają się od kliknięcia użytkownika i zatrzymują 10 dp od krawędzi przycisku.