Korzystaj z kanonicznych układów jako punktu wyjścia. Są to gotowe kompozycje, które pomagają dostosowywać układy do typowych przypadków użycia i rozmiarów ekranu. Te układy są estetyczne i funkcjonalne oraz zgodne z wytycznymi Material 3.
Platforma Android zawiera specjalne komponenty, które ułatwiają i usprawniają implementację układów za pomocą interfejsów API Jetpack Compose lub widoków.
Układ szczegółowej listy
Układ lista-szczegóły umożliwia użytkownikom przeglądanie list elementów, które zawierają opisowe, wyjaśniające lub inne dodatkowe informacje – szczegóły elementu. Na małych ekranach widoczna jest tylko lista lub widok szczegółów. Listy to najpopularniejszy format układu w aplikacjach. Wyświetlają one zbiór treści w układzie wierszowym. Wzór lista-szczegóły idealnie nadaje się do aplikacji do obsługi wiadomości, menedżerów kontaktów, przeglądarek plików lub dowolnej aplikacji, w której treści można uporządkować jako listę elementów, które ujawniają dodatkowe informacje.
Treści mogą być statyczne lub dynamiczne.
- Treści dynamiczne to treści, które aplikacja wyświetla na bieżąco. Idealnie nadają się do wyświetlania treści generowanych przez użytkowników lub odzwierciedlania ich preferencji lub działań. Wyobraź sobie na przykład aplikację do zdjęć z przewijaną listą zdjęć wygenerowanych przez użytkowników, która jest unikalna dla każdego użytkownika i zmienia się, gdy użytkownik przesyła więcej zdjęć. Te obrazy to treści dynamiczne.
- Treści statyczne to treści zakodowane na stałe, które można modyfikować tylko poprzez bezpośrednie zmiany w kodzie aplikacji. Przykłady treści statycznych to obrazy i tekst, które mogą być widoczne dla każdego użytkownika.
Plik Figmy Now in Android zawiera wiele przykładów układów. Poniższy przykład przedstawia jednowymiarową kolekcję treści.
Więcej wskazówek dotyczących projektowania komponentów i specyfikacji list znajdziesz w artykule o listach w Material 3.
Układ pliku danych
Układ pliku danych rozmieszcza równoważne elementy treści w konfigurowalnej siatce, co umożliwia szybkie i wygodne przeglądanie dużej ilości treści. Więcej informacji znajdziesz w wytycznych Material 3 dotyczących używania kart w kolekcji. Na małych wyświetlaczach pliki danych mogą być skonfigurowane w formie listy lub siatki, zwykle w postaci kart lub kafelków. Treści mogą być dynamiczne, co oznacza, że są „dostarczane” z dynamicznego źródła zewnętrznego, np. interfejsu API.
Układ siatki składa się z wierszy i kolumn, które są tworzone na podstawie domniemanych lub wyraźnych zasad zawierania. Układ siatki może być stosowany w sposób bardziej sztywny lub naprzemienny, aby zmieniać wiersze i kolumny. Oba powinny być stosowane w spójny sposób, aby nie wprowadzać użytkowników w błąd. Zapoznaj się z wytycznymi Material 3 dotyczącymi projektowania kanałów.
Układ kanału możesz wdrożyć w Compose za pomocą list lub siatek leniwych albo w Widokach za pomocą RecyclerView lub CardView.
Na przykład galeria zdjęć i podcasty w układzie siatki to popularne formaty kanałów.
Układ panelu pomocy
Widok mobilny może wymagać dodatkowych treści lub elementów sterujących. Zazwyczaj mają postać arkuszy lub okien, dzięki czemu główny widok pozostaje przejrzysty i niezagracony. Zapoznaj się z wskazówkami dotyczącymi korzystania z kanonicznego układu panelu pomocniczego w M3.
Dowiedz się więcej o wytycznych M3 dotyczących arkuszy dolnych.