Kanoniczne układy widżetów

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.

Paski narzędzi

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.