Twórz skuteczne układy widżetów, najpierw określając podstawowe treści. Układ określa, jak informacje i elementy interaktywne są uporządkowane w widżecie. Aby uprościć ten proces, Android oferuje kilka gotowych układów pasków narzędzi, tekstu, list i widżetów typu siatka.
Tekst
Układy tekstowe idealnie nadają się do wyświetlania zwięzłych informacji. Możesz opcjonalnie dodać obraz obok tekstu, aby zwiększyć atrakcyjność wizualną widżetu.
Idealne rozwiązanie w przypadku tytułów, aktualizacji stanu, krótkich opisów lub w każdej sytuacji gdy jedna linia tekstu skutecznie przekazuje wiadomość. Wskazówki dotyczące dynamicznego skalowania treści tekstowych w zależności od rozmiaru widżetu znajdziesz w przykładzie układu kanonicznego.
Dodaj obraz, aby zwiększyć efekt wizualny. Więcej informacji znajdziesz w sekcji Punkty przerwania , gdzie dowiesz się, jak dostosować ten układ do różnych rozmiarów ekranu.
Paski narzędzi
Używaj układów pasków narzędzi, aby zapewnić użytkownikom szybki dostęp do często używanych zadań w aplikacji w elastycznym układzie, który dostosowuje się do rozmiaru widżetu.
Układ paska narzędzi wyszukiwania został zaprojektowany tak, aby skupić uwagę na wyszukiwaniu jako głównej czynności na pasku narzędzi. Dodatkowe przydatne przyciski mogą zapewnić szybki dostęp do często używanych funkcji.
Paski narzędzi wyświetlają branding aplikacji, a następnie przyciski do najczęściej używanych zadań które idealnie nadają się do ustawień przełączanych lub linków do zadań. Podczas zmiany rozmiaru mniej popularne opcje można ukryć na rzecz częściej używanych działań. Użyj punktów przerwania , aby dodać nowy przycisk o minimalnym rozmiarze 48 dp, gdy jest na niego miejsce.
Listy
Używaj układów list, aby uporządkować wiele elementów w przejrzystym, łatwym do skanowania formacie. Idealnie nadają się do nagłówków wiadomości, list zadań do wykonania lub wiadomości. Uporządkuj treści w uporządkowaną, łatwą do skanowania listę. W zależności od potrzeb możesz wybrać prezentację w kontenerze lub bez kontenera.
Listy tekstu i obrazów, które można łatwo skanować, doskonale nadają się do prezentowania wielu typów treści, takich jak nagłówki wiadomości, playlisty z okładkami albumów czy wiadomości.
Układ listy kontrolnej doskonale nadaje się do wyświetlania zadań, zapewniając użytkownikom wyraźne obszary kliknięcia dzięki czemu mogą szybko oznaczać elementy jako wykonane.
Zapewnij intuicyjne grupowanie elementów sterujących za pomocą list działań, na których wizualne stany włączenia/wyłączenia zapewniają natychmiastową informację zwrotną o stanie elementów.
Siatka
Prezentuj obrazy w kompaktowej, elastycznej i bogatej wizualnie siatce z opcjonalnymi etykietami. Używaj kolumn i wierszy, które dostosowują się do różnych rozmiarów ekranu.
Twórz atrakcyjne wizualnie galerie obrazów z możliwością przewijania za pomocą siatek zawierających tylko obrazy. Wiersze i kolumny automatycznie dostosowują się do różnych rozmiarów ekranu, aby zapewnić optymalną prezentację.
Możesz też dodawać etykiety tekstowe i opisy, wzbogacając zawartość siatki obrazów o dodatkowy kontekst i informacje.
