Jetpack Compose oferuje wdrożenie Material Design, czyli kompleksowego systemu projektowania interfejsów cyfrowych. Do implementacji komponentów Material Design możesz używać funkcji kompozycyjnych.

Działania

Przyciski wywołują większość działań w interfejsie.
Pływające przyciski poleceń (FAB) pomagają użytkownikom wykonywać podstawowe działania.
Przyciski z ikonami pomagają użytkownikom wykonywać drobne działania jednym kliknięciem.
Przyciski segmentowe pomagają użytkownikom wybierać opcje, przełączać widoki lub sortować elementy.

Komunikacja

Plakietki wyświetlają powiadomienia, liczby lub informacje o stanie na elementach nawigacyjnych i ikonach.
Wskaźniki postępu informują o nieokreślonym czasie oczekiwania lub wyświetlają czas trwania procesu.
Paski powiadomień wyświetlają krótkie informacje o procesach aplikacji u dołu ekranu.
Etykietki wyświetlają krótkie etykiety lub wiadomości.

Ograniczenie

Panele dolne wyświetlają treści dodatkowe zakotwiczone u dołu ekranu.
Karty wyświetlają treści i działania dotyczące jednego tematu.
Karuzela wyświetla kolekcję elementów, które można przewijać na ekranie i poza nim.
Okna dialogowe zawierają ważne prompty w ścieżce użytkownika.
Separatory to cienkie linie oddzielające elementy listy lub innych kontenerów.
Listy to ciągłe, pionowe indeksy tekstu i obrazów.
W złożonych interfejsach użytkownika struktury łączą różne części interfejsu.
Paski aplikacji znajdują się u góry ekranu i ułatwiają użytkownikom poruszanie się po aplikacji.
Paski nawigacyjne umożliwiają użytkownikom przełączanie się między widokami interfejsu na mniejszych urządzeniach.
Menu nawigacyjne umożliwiają przełączanie się między widokami interfejsu na większych urządzeniach.
Paski nawigacyjne umożliwiają użytkownikom przełączanie się między widokami interfejsu na urządzeniach średniej wielkości.
Karty pozwalają na porządkowanie treści z wielu ekranów i widoków.

Zaznaczenie

Pola wyboru umożliwiają użytkownikom wybranie co najmniej 1 elementu z listy lub włączenie bądź wyłączenie elementu.
Elementy pomagają użytkownikom wprowadzać informacje, dokonywać wyborów, filtrować treści lub wywoływać działania.
Selektory dat umożliwiają wybór daty lub zakresu dat.
Menu wyświetlają listę opcji w tymczasowym interfejsie.
Przyciski opcji umożliwiają wybór jednej opcji z kilku dostępnych.
Suwaki umożliwiają użytkownikom wybieranie wartości z określonego zakresu.
Przełączniki służą do włączania i wyłączania wyboru elementu.
Selektory czasu pomagają użytkownikom wybrać i ustawić konkretną godzinę.

Teksty wprowadzania

Wyszukiwarka umożliwia wpisanie słowa kluczowego lub wyrażenia w celu uzyskania odpowiednich informacji.
Pola tekstowe w interfejsie pozwalają użytkownikom wpisywać tekst.
Dowiedz się, jak używać podstawowych układów w sekcji Utwórz.
Dowiedz się, jak zarządzać zasobami, takimi jak ciągi tekstowe i obrazy.