Karty

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

Zasady

Spójne: 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 skanowanie.

Wszechstronność: karty mogą wyświetlać szeroki zakres treści, od krótkich notatek tekstowych po bardziej złożone podsumowania z wieloma elementami.

Modułowość: modułowa struktura i komponenty z możliwością wielokrotnego użycia w różnych częściach interfejsu Jetpack Compose Glimmer for Glasses.

Użycie i umieszczenie

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, ponieważ są dostępne w wielu wariantach i od razu zoptymalizowane pod kątem zasad projektowania okularów.

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 początkowa: 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. Główna treść: główna część karty, w której umieszczasz podstawowy tekst lub inne treści.

Koncentracja

W przypadku kart, których głównym celem jest umieszczenie konkretnego 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 aktywnym elementem.

Dostosowywanie