Material Design to wszechstronny przewodnik po projektowaniu elementów wizualnych, ruchomych i interaktywnych na różnych platformach i urządzeniach. Aby używać stylu Material Design w aplikacjach na Androida, postępuj zgodnie ze wskazówkami podanymi w specyfikacji Material Design. Jeśli Twoja aplikacja korzysta z Jetpack Compose, możesz użyć biblioteki Compose Material 3. Jeśli Twoja aplikacja korzysta z widoków, możesz użyć biblioteki komponentów materiałowych Androida.
Android udostępnia te funkcje, które pomogą Ci tworzyć aplikacje w stylu Material Design:
- Motyw aplikacji Material Design, który pozwoli Ci określić styl wszystkich widżetów interfejsu
- Widżety do obsługi złożonych widoków, np. list i kart
- Interfejsy API do niestandardowych cieni i animacji
Motyw Material Design i widżety
Aby korzystać z funkcji Material Design, takich jak styl standardowych widżetów UI, i uprościć definicję stylu aplikacji, zastosuj w aplikacji motyw oparty na Material.
![](https://developer.android.com/static/design/material/images/MaterialDark.png?authuser=5&hl=pl)
![](https://developer.android.com/static/design/material/images/MaterialLight.png?authuser=5&hl=pl)
Jeśli tworzysz projekt na Androida w Android Studio, domyślnie stosowany jest motyw Material Design. Aby dowiedzieć się, jak zaktualizować motyw projektu, zapoznaj się z sekcją Style i motywy.
Aby zadbać o wygodę użytkowników, wykorzystaj najpopularniejsze wzorce UX Material Design:
- Promuj główne działanie w interfejsie za pomocą pływającego przycisku polecenia (FAB).
- Pokaż markę, nawigację, wyszukiwanie i inne działania za pomocą paska aplikacji.
- Pokaż lub ukryj nawigację po aplikacji, korzystając z panelu nawigacji.
- Do wyboru masz wiele innych komponentów Material Design układu i nawigacji aplikacji, takich jak zwijane paski narzędzi, karty czy dolny pasek nawigacyjny. Aby zobaczyć je wszystkie, zapoznaj się z katalogiem Material Komponenty na Androida.
Gdy tylko jest to możliwe, używaj wstępnie zdefiniowanych ikon materiału. Na przykład w przypadku przycisku „menu” nawigacyjnego w panelu nawigacji użyj standardowej ikony „hamburger”. Listę dostępnych ikon znajdziesz w sekcji Ikony Material Design. Ikony SVG możesz też zaimportować z biblioteki Material Icon w narzędziu Vector Asset Studio w Android Studio.
Cienie wysokości i karty
Oprócz usług X i Y widoki danych w Androidzie mają właściwość Z. Ta właściwość reprezentuje wysokość widoku, która określa następujące elementy:
- Wielkość cienia: wyświetlenia o wyższych wartościach Z rzucają większe cienie.
- Kolejność rysowania: widoki o wyższych wartościach Z są wyświetlane nad innymi.
![](https://developer.android.com/static/images/ui/material-design/cast-shadows_2x.png?authuser=5&hl=pl)
Do układu opartego na kartach możesz zastosować wysokość, co pozwoli wyświetlać ważne informacje na kartach, co nadaje mu wygląd Material Design. Możesz użyć widżetu CardView
do tworzenia kart z domyślną wysokością wysokości. Więcej informacji znajdziesz w artykule Tworzenie układu opartego na kartach.
Informacje o dodawaniu wysokości do innych widoków znajdziesz w sekcji Tworzenie cieni i widoków klipów.
Animacje
Interfejsy API animacji pozwalają tworzyć niestandardowe animacje na potrzeby reakcji na dotyk w elementach sterujących interfejsu, zmian stanu widoku i przejściach działań.
Te interfejsy API umożliwiają:
- Reaguj na zdarzenia dotyku w widoku za pomocą animacji reakcji na dotyk.
- Ukrywanie i pokazywanie widoków za pomocą animacji okrągłych odsłaniających.
- Przełączaj się między aktywnościami za pomocą niestandardowych animacji przejścia aktywności.
- Twórz bardziej naturalne animacje dzięki ruchowi zakrzywionemu.
- Umożliwia animowanie zmian w co najmniej 1 właściwości widoku za pomocą animacji zmiany stanu widoku.
- Pokazuj animacje w elementach rysowalnych z listą stanów między zmianami stanu widoku.
Animacje reakcji dotykowych są wbudowane w kilka standardowych widoków, takich jak przyciski. Interfejsy API animacji umożliwiają dostosowywanie tych animacji i dodawanie ich do widoków niestandardowych.
Więcej informacji znajdziesz w artykule Wprowadzenie do animacji.
Elementy rysowalne
Te funkcje obiektów rysowalnych pomagają wdrożyć aplikacje Material Design:
- Elementy rysowalne wektorowe można skalować bez utraty rozdzielczości i idealnie nadają się do tworzenia jednokolorowych ikon w aplikacji. Dowiedz się więcej o elementach rysowanych wektorowych.
- Odcienie z możliwością rysowania umożliwia zdefiniowanie mapy bitowej jako maski alfa i dodanie do nich odcienia w czasie działania. Zobacz, jak dodać odcień do elementów, które można rysować.
- Wyodrębnianie kolorów umożliwia automatyczne wyodrębnianie widocznych kolorów z obrazu bitmapowego. Dowiedz się, jak wybrać kolory za pomocą interfejsu Palette API.