Twórz skuteczne układy widżetów, zaczynając od określenia podstawowych 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 siatek.
Umiejętności związane z Androidem
Wyświetl na GitHubieKanoniczne układy widżetów Glance
android skills add glance-canonical-layoutsTekst
Układy tekstowe są idealne 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 dowolnego scenariusza w którym pojedynczy wiersz tekstu skutecznie przekazuje wiadomość.
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żyj 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 rozmiarów widżetów.
Układ paska narzędzi wyszukiwania został celowo zaprojektowany tak, aby skupić uwagę na wyszukiwaniu jako podstawowym działaniu na pasku narzędzi. Dodatkowe przydatne przyciski mogą zapewnić szybki dostęp do często używanych funkcji.
Paski narzędzi zawierają branding aplikacji, a następnie przyciski do najczęściej używanych zadań które są idealne 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żyj układów list, aby uporządkować wiele elementów w przejrzystym formacie, który można łatwo przejrzeć. Jest to idealne rozwiązanie w przypadku nagłówków wiadomości, list zadań do wykonania lub wiadomości. Uporządkuj treści w uporządkowaną listę, którą można łatwo przejrzeć. 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 przejrzeć, 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 którym 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 i wyłączenia natychmiast informują o stanie elementów.
Ten układ jest idealny do wyświetlania wciągających obrazów na całą szerokość ekranu w Androidzie 17 i nowszych wersjach. Używa on przewijania z przyciąganiem, aby każdy element podrzędny był idealnie dopasowany do wysokości kontenera widżetu.
Siatka
Prezentuj obrazy w kompaktowej, elastycznej i bogatej wizualnie siatce z opcjonalnymi etykietami. Użyj 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ż dodać etykiety tekstowe i opisy, aby wzbogacić zawartość siatki obrazów o dodatkowy kontekst i informacje.
Przykładowe fragmenty kodu
W tabeli poniżej znajdziesz mapowanie każdego kanonicznego układu na jego odpowiednią implementację Jetpack Glance w repozytorium Android Platform Samples na GitHubie.
| Układ kanoniczny | Pliki referencyjne | Wskazówki |
|---|---|---|
| Układ listy działań |
|
|
| Układ listy kontrolnej |
|
|
| Układ ekspresyjnego paska narzędzi |
|
|
| Układ siatki obrazów |
|
|
| Układ listy tekstu i obrazów |
|
|
| Układ długiego tekstu |
|
|
| Układ paska narzędzi wyszukiwania |
|
|
| Układ obrazu na całą szerokość / przewijanie z przyciąganiem |
|
|
| Standardowy układ paska narzędzi |
|
|
| Układ tekstu z obrazem |
|
