Karty

Karty mogą zawierać różne informacje, takie jak tekst, ikony, obrazy, odpowiedzi Gemini lub działania.

Zasady

Spójność: karty grupują powiązane informacje i działania w jedną, łatwą do przyswojenia całość.

Przejrzystość: prezentują treści w przejrzysty i uporządkowany sposób, co ułatwia ich przeglądanie.

Wszechstronność: karty mogą dostosowywać się do wyświetlania szerokiego zakresu treści, od prostych notatek tekstowych po bardziej złożone podsumowania z wieloma elementami.

Modułowy: zaprojektowany tak, aby był modułowy i można go było używać w różnych częściach interfejsu Jetpack Compose Glimmer for Glasses.

Użycie i umiejscowienie

Karty mogą zawierać różne informacje, takie jak tekst, ikony, obrazy, działania lub odpowiedzi Gemini.

Używaj szablonów kart Glimmer w Jetpack Compose do treści, ponieważ są one dostępne w wielu wariantach i od razu zoptymalizowane pod kątem zasad projektowania okularów.

Ostrzeżenie: w miarę możliwości unikaj tworzenia niestandardowych komponentów kart.

check_circle

Tak

Dbaj o zwięzłość treści i pamiętaj o sprawdzonych metodach dotyczących stylu, np. używania kolorów.

cancel

Nie

przesyłać użytkownikom zbyt dużo treści na kartach lub rezygnować z wytycznych dotyczących stylu;

Anatomia

Karty są tworzone za pomocą gotowych szablonów miejsc.

1. Nagłówek: górna sekcja karty przeznaczona na obraz. 

2. Tytuł i podtytuł: te pola tekstowe zawierają główne i dodatkowe etykiety karty. 

3. Ikona wiodąca: opcjonalna ikona, która pojawia się na początku obszaru treści karty.

4. Ikona na końcu: opcjonalna ikona, która pojawia się na końcu obszaru treści karty.

5. Działanie: miejsce na główny element interaktywny, np. przycisk. Dzięki temu użytkownicy mogą wykonywać działania bezpośrednio z karty. Slot jest dostępny w osobnym przeciążeniu komponentu Card. 

6. Treść główna: główna część karty, w której umieszczasz tekst podstawowy lub inne treści.

Koncentracja

W przypadku kart, których głównym celem jest umieszczenie określonego elementu interaktywnego (np. przycisku w działaniu), fokus powinien być kierowany bezpośrednio na ten element, a nie na kontener karty. Karta staje się elementem, na którym można ustawić fokus, gdy reprezentuje pojedynczy element, po którym można się poruszać, np. wpis na liście. Zapewnia to bardziej bezpośrednie i dostępne środowisko użytkownika.

Karta, która jest zaznaczona jako element listy.

Przycisk na karcie jest zaznaczony jako element, który można kliknąć.

Dostosowywanie

Właściwości	Dostosowywanie	Domyślne
Kształt	Tak	Średni
Dopełnienie	Tak	24 dp, 24 dp
Obramowanie	Tak	2 dp, #606460
Tekst	Tak	Body Small
Ikona główna	Tak	56 dp
Ikona na końcu	Tak	56 dp