Elementy tytułu

Kafelki z tytułami zawierają krótki fragment informacji.

Elementy projektu powinny być zakotwiczone u dołu ramki.

Zasady

Kontekst: głównym celem elementu z tytułem jest zapewnienie jasnego i bezpośredniego kontekstu dla powiązanych z nim treści.

Zwięzłe: elementy Title Chip są przeznaczone do wyświetlania krótkich informacji, zwykle krótkiego tytułu, nazwy lub stanu.

Wyróżniający się wygląd: wygląd powinien być podobny do stylu Glimmer w Jetpack Compose, ale wystarczająco odmienny, aby można było go rozpoznać jako etykietę, a nie interaktywny przycisk.

Użycie i umiejscowienie

Domyślnie element tytułu jest komponentem tylko do odczytu.

Użyj elementu tytułowego w przypadku elementu statycznego lub dekoracyjnego, aby poinformować użytkownika i dodać etykietę.
Używaj elementów z tytułem jako klikalnych wezwań do działania, ponieważ nie mają one stanu zaznaczenia. Zamiast nich używaj przycisku.

Elementy projektu powinny być zakotwiczone u dołu ramki. Elementy z tytułem można porównać do statycznego paska aplikacji mobilnej.

W układzie

Domyślnie element tytułu jest komponentem tylko do odczytu.

Elementy przewijają się wraz z układem
Elementy mogą być też stałe w układzie. Element zajmuje górne 56 dp.

Anatomia

Elementy projektu powinny być zakotwiczone u dołu ramki.Wyświetlony domyślny element z tytułem i element z tytułem przyklejonym. Przyklejone elementy z tytułem są wyświetlane z obramowaniem.

1. Etykieta elementów tytułu

2. Opcjonalna ikona lub element na początku

Dostosowywanie

Elementy z tytułem mogą być wyświetlane z ikoną lub bez niej, a także z innymi właściwościami stylu.

Właściwości Dostosowywanie Domyślne
Kształt Tak Duża, okrągła
Dopełnienie Tak 16 dp, 8 dp
Obramowanie Tak 2 dp, #606460
Tekst Tak Body Small
Ikona główna Tak 40 dp
Głębokość Tak 0
Maksymalna szerokość Nie 352 dp
Minimalna wysokość Tak 56 dp