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.
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.
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.