Elementy tytułu

Elementy tytułu zawierają krótki fragment informacji.

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

Zasady

Kontekstowe: głównym celem elementu tytułu jest zapewnienie jasnego i natychmiastowego kontekstu treści, z którą jest powiązany.

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

Wyróżniające się wizualnie: element tytułu powinien być wystarczająco wyraźny, aby można go było rozpoznać jako etykietę, a nie interaktywny przycisk, zachowując przy tym estetykę Glimmer Jetpack Compose.

Użycie i umiejscowienie

Element tytułu jest domyślnie komponentem tylko do odczytu.

Używaj elementu tytułu jako statycznego lub dekoracyjnego elementu, aby informować użytkownika i dodawać etykiety.
Nie używaj elementów tytułu jako wezwań do działania, ponieważ nie mają one stanu fokusu. Zamiast tego użyj przycisku.

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

A Element tytułu

B Pasek aplikacji w aplikacji mobilnej

W układzie

Element tytułu jest domyślnie komponentem tylko do odczytu.

Elementy przewijają się wraz z układem.
Elementy można też umieścić na stałe w układzie.

Anatomia

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

Wyświetlany jest domyślny element tytułu i element tytułu przyklejony. Elementy tytułu przyklejone są wyświetlane z obramowaniem.

1. Etykieta elementu tytułu

2. Opcjonalna ikona główna lub element

Dostosowywanie

Elementy tytułu można wyświetlać 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ży, okrągły
Dopełnienie Tak 16 dp, 8 dp
Obramowanie Tak 2 dp, #606460
Tekst Tak Mały tekst podstawowy
Ikona główna Tak 40 dp
Głębokość Tak 0
Maksymalna szerokość Nie 352 dp
Minimalna wysokość Tak 56 dp