Korzystaj z popularnych układów, aby ułatwić projektowanie aplikacji pod kątem typowych przypadków użycia i rozmiarów ekranu. Te gotowe kompozycje to dobry punkt wyjścia.
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 najpopularniejsza forma układu aplikacji, która wyświetla zbiór treści w układzie wierszowym. Wzór listy i szczegółów jest idealny w przypadku aplikacji do obsługi wiadomości, menedżerów kontaktów, przeglądarek plików i innych aplikacji, w których 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 pokazywania treści użytkowników lub odzwierciedlania ich preferencji lub działań. Wyobraź sobie np. aplikację do zdjęć z przewijaną listą zdjęć przesłanych 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 wyświetlanie dużej ilości treści. Dowiedz się więcej o 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ą „przekazywane” z dynamicznego zewnętrznego źródła, 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.
Układ kanału możesz zaimplementować za pomocą list lub siatek leniwych.
Na przykład galeria zdjęć i podcasty w układzie siatki to popularne formaty kanałów.
Układ panelu pomocy
Wersja na urządzenia mobilne może wymagać obsługi treści lub elementów sterujących, takich jak arkusze lub okna. Pomagają zachować przejrzystość widoku głównego.
Dowiedz się więcej o wytycznych M3 dotyczących arkuszy u dołu ekranu.
Komponenty WebView
Element WebView wyświetla strony internetowe w aplikacji. W większości przypadków zalecamy używanie standardowej przeglądarki, np. Chrome, do dostarczania treści użytkownikowi. Więcej informacji o przeglądarkach znajdziesz w przewodniku na temat wywoływania przeglądarki za pomocą intencji.