Aby utworzyć skuteczne układy widżetów, najpierw określ najważniejsze treści. Układ określa sposób porządkowania informacji i elementów interaktywnych w widżecie. Aby ułatwić ten proces, Android udostępnia kilka gotowych układów paska narzędzi, tekstu, listy i widżetów typu siatka.
Tekst
Układy tekstowe są idealne do wyświetlania zwięzłych informacji. Ulepsz wizualny odbiór widżetu, dodając opcjonalnie obraz obok tekstu.
Tylko tekst
Idealne rozwiązanie w przypadku tytułów, aktualizacji stanu, krótkich opisów lub innych sytuacji, w których skutecznie przekazuje wiadomość jeden wiersz tekstu. Aby dowiedzieć się więcej o dynamicznej zmianie rozmiaru tekstu na podstawie rozmiaru widgeta, zapoznaj się z przykładem kanonicznego układu.
Tekst i obraz
Dodaj obraz, aby wzmocnić przekaz wizualny. Więcej informacji znajdziesz w artykule Punkty kontrolne, w którym dowiesz się, jak dostosować ten układ do różnych rozmiarów ekranu.
Używaj układów paska narzędzi, aby zapewnić użytkownikom szybki dostęp do często wykonywanych zadań w aplikacji. Układ ten jest elastyczny i dostosowuje się do rozmiarów widżetów.
Pasek wyszukiwania
Układ paska narzędzi wyszukiwania jest celowo zaprojektowany tak, aby zwrócić uwagę na wyszukiwanie jako główne działanie na pasku narzędzi. Dodatkowe przyciski zapewniają szybki dostęp do często używanych funkcji.
Pasek narzędzi
Paski narzędzi zawierają logo aplikacji, a następnie przyciski do najczęściej wykonywanych czynności, które są idealne do przełączania ustawień lub linków do zadań. Podczas zmiany rozmiaru można ukryć mniej używane opcje na rzecz tych, które są wykonywane częściej. Użyj punktów kontrolnych, aby dodać nowy przycisk, który można kliknąć (o minimalnej szerokości 48 dp), gdy jest na to miejsce.
Listy
Używaj układów list, aby porządkować wiele elementów w przejrzystym, łatwym do zeskanowania formacie. Jest to idealne rozwiązanie do nagłówków wiadomości, list rzeczy do zrobienia lub wiadomości. Uporządkuj treści w strukturalnej, łatwej do przejrzenia liście. Wybierz prezentację z pojemnikiem lub bez pojemnika na podstawie potrzeb związanych z treścią.
Lista tekstowa i obrazowa
Łatwo czytelne listy tekstów i obrazów są idealne do prezentowania wielu typów treści, takich jak nagłówki wiadomości, playlisty z okładką albumu czy wiadomości.
Lista kontrolna
Układ listy kontrolnej jest idealny do wyświetlania zadań. Zapewnia on użytkownikom wyraźne miejsca do dotykania, dzięki którym mogą łatwo oznaczać elementy jako wykonane.
Lista działań
Zapewnij intuicyjne grupowanie elementów sterujących za pomocą list działań, gdzie wizualne stany włączenia/wyłączenia zapewniają natychmiastowy dostęp do stanu elementów.
Siatka
Prezentuj obrazy w kompaktowej, elastycznej i wizualnie atrakcyjnej siatce z opcjonalnymi etykietami.
Używaj kolumn i wierszy, które dostosowują się do różnych rozmiarów ekranu.
Tylko obraz
Tworzenie atrakcyjnych wizualnie, przewijalnych galerii obrazów za pomocą siatek zawierających tylko obrazy. Wiersze i kolumny automatycznie dostosowują się do różnych rozmiarów ekranu, aby zapewnić optymalną prezentację.
Obraz i tekst
Możesz też dodać etykiety tekstowe i opisy, wzbogacając zawartość siatki obrazów o dodatkowy kontekst i informacje.