Podstawowa struktura, która zapewnia ustandaryzowaną platformę dla złożonych interfejsów użytkownika. Szablony łączą różne części interfejsu użytkownika, takie jak paski aplikacji i pływające przyciski, zapewniając spójność wyglądu i działania aplikacji.

Kontenery zapewniają użytkownikom dostęp do najważniejszych funkcji i elementów nawigacji. Istnieją 2 typy pasków aplikacji: górne i dolne.

Te podstawowe komponenty umożliwiają użytkownikom wywołanie określonego działania. Istnieją 5 typów przycisków. Zobacz, jak wyglądają 5 typów przycisków, gdzie ich używać i jak je zaimplementować.

Przycisk o wysokim stopniu natężenia, który umożliwia użytkownikom wykonanie głównego działania w aplikacji. Ten komponent przycisku promuje jedno konkretne działanie, które jest najczęstszą ścieżką użytkownika, i znajduje się zwykle w prawym dolnym rogu ekranu.

Działa jako kontener Material Design dla interfejsu użytkownika. Karty zwykle przedstawiają jeden spójny element treści. Różnica między kartą a innymi kontenerami polega na tym, że karta skupia się na przedstawieniu pojedynczego elementu treści.

Kompaktowy, interaktywny element interfejsu, który reprezentuje złożone elementy, takie jak kontakt lub tag, często z ikoną i etykietą. Elementy mogą być zaznaczane, usuwane lub klikalne.

Wyświetla okna z wiadomościami lub prośbami o wprowadzenie danych przez użytkownika na warstwie nad główną treścią aplikacji. Ten komponent tworzy przerywane UI, aby przyciągnąć uwagę użytkownika.

wizualnie przedstawia stan operacji; Używanie ruchu, aby zwrócić uwagę użytkownika na to, jak blisko jest do zakończenia procesu, np. wczytywania lub przetwarzania danych. Takie wskaźniki mogą wskazywać, że przetwarzanie jest w toku, bez wskazywania, że jest bliskie ukończenia.

Umożliwia użytkownikom wybieranie wartości z ciągłego zakresu, np. ustawianie głośności dźwięku lub filtrowanie danych na wykresie według zakresu cen.

Umożliwia użytkownikom przełączanie się między 2 stanami. Użytkownicy mogą przeciągać lub klikać suwak, aby zmienić jego bieżący stan.

Wyświetla treści dodatkowe zadokowane u dołu ekranu. Aby wyświetlać użytkownikom treści dodatkowe, możesz użyć standardowych lub modalnych arkuszy dolnych.

Menu wysuwane, które umożliwia użytkownikom poruszanie się po różnych sekcjach aplikacji. Można je aktywować, przesuwając palcem od krawędzi lub klikając ikonę menu.

wyświetla krótkie powiadomienie u dołu ekranu. Dzięki temu możesz uzyskać informacje o wykonywanych operacjach lub działaniach bez zakłócania wygody korzystania z aplikacji. Paski znikają po kilku sekundach. Użytkownik może je też zamknąć ręcznie.

Wyświetlaj i uporządkuj zestawy elementów za pomocą list i kratek.