Dopasowywanie rozmiaru

Projektuj elastyczne widżety na Androida, które skalują się do różnych rozmiarów ekranu i siatek. Przetestuj układy, aby upewnić się, że użytkownicy mogą czytać i używać widżetu w dowolnym rozmiarze.

Rozmiary domyślne

Zoptymalizuj układ pod kątem wielu klas rozmiarów lub punktów przerwania, aby obsługiwać widżety o zmiennym rozmiarze. Rozmiary komórek różnią się w zależności od urządzenia i orientacji ekranu, dlatego projektuj widżety adaptacyjne, a nie o stałym rozmiarze.

Zdefiniuj atrybuty targetCellWidth i targetCellHeight zarówno dla urządzeń przenośnych, jak i tabletów, aby selektor widżetów prawidłowo umieszczał i wyświetlał widżet. Informacje o zakresach komórek i minimalnych wymiarach dp znajdziesz w artykule Określanie rozmiaru widżetu.

Punkty przerwania

Punkty przerwania są niezbędne do tworzenia elastycznych, przyjaznych dla użytkownika widżetów o zmiennym rozmiarze. Testując projekt, możesz określić progi rozmiaru, przy których konieczne jest dostosowanie układu. Zaimplementuj punkty przerwania, aby wywoływać te zmiany, dzięki czemu widżet zachowa atrakcyjność wizualną i funkcjonalność w każdym rozmiarze.

Punkty przerwania zapewniają też elastyczność warunkowego uwzględniania lub wykluczania treści dodatkowych, co pozwala optymalizować wykorzystanie miejsca na podstawie wymiarów widżetu.

Ilustracja 1. Użyj punktów przerwania, aby wprowadzić zmiany w układzie w różnych rozmiarach.

Widżety na różnych urządzeniach

Tablety i komputery mają te same zasady projektowania widżetów co telefony, ale inne oczekiwania dotyczące wprowadzania danych. Inne formaty, takie jak samochody, mają określone wymagania dotyczące czytelności lub automatycznie dostosowują widżety. Więcej informacji znajdziesz w artykule Dostosowywanie widżetów do różnych formatów.

Widżety na ekranie Googlebooka

Wypełnij granice

Jednym z głównych powodów, dla których użytkownicy usuwają widżety, jest ich niedopasowanie do innych elementów ekranu głównego. Aby temu zapobiec, upewnij się, że widżet zawsze całkowicie wypełnia przydzielone mu miejsce na siatce.

Upewnij się, że kontener rozciąga się od krawędzi do krawędzi we wszystkich rozmiarach.
Dodaj niestandardowe dopełnienie. Widżet powinien płynnie rozciągać się od krawędzi do krawędzi.
Aby zachować spójność wizualną, upewnij się, że kształt inny niż prostokątny dotyka siatki na osi pionowej lub poziomej.
Używaj stałych kwadratowych kształtów. Zamiast tego używaj elastycznych prostokątnych kontenerów, które dostosowują się do różnych wymiarów siatki.