Dopasowywanie rozmiaru

Projektuj elastyczne widżety Androida, które łatwo się skalują. Na początek użyj zalecanych przez nas rozmiarów domyślnych i przetestuj układy w różnych wymiarach, aby zapewnić ich optymalną czytelność i wygodę użytkowania.

Rozmiary domyślne

Zadbaj o wysoką jakość widżetów, optymalizując układ pod kątem co najmniej 1 z zalecanych przez nas rozmiarów. Aby zapewnić prawidłowe położenie i widoczność w selektorze widżetów, zdefiniuj atrybuty targetCellWidth i targetCellHeight dla urządzeń przenośnych i tabletów.

Te wartości są oparte na urządzeniach Pixel. Wykorzystaj te rozmiary jako punkt wyjścia do projektowania widżetów. Dokładnie przetestuj widżet w różnych rozmiarach i na różnych urządzeniach, aby zadbać o wygodę użytkowników.

Kamera z ręki

Rozmiary Minimalna szerokość Maksymalna szerokość Minimalna wysokość Maksymalna wysokość
2 × 1 109 306 44 130
2 × 2 109 306 115 276
2 × 3 109 306 185 422
10 × 15 cm 245 624 44 130
10 × 2 cm 245 624 115 276
10 × 15 cm 245 624 185 422

Tablet

Rozmiary Minimalna szerokość Maksymalna szerokość Minimalna wysokość Maksymalna wysokość
2 × 1 180 304 64 120
2 × 2 180 304 184 304
2 × 3 180 304 304 488
3 × 1 328 488 64 120
3 × 2 298 488 184 304
3 × 3 298 488 424 672
3 × 4 456 672 344 488

Punkty przerwania

Punkty przerwania są niezbędne przy tworzeniu elastycznych widżetów z możliwością zmiany rozmiaru. Testując projekt, możesz określić progi rozmiaru, które wymagają dostosowania układu. Zaimplementuj punkty przerwania, aby aktywować te zmiany, aby mieć pewność, że widżet zachowuje atrakcyjny wygląd i funkcjonalność niezależnie od rozmiaru.

Punkty przerwania pozwalają też warunkowo uwzględnić lub wykluczyć treści uzupełniające, optymalizując wykorzystanie miejsca na podstawie wymiarów widżetu.

Rysunek 1. Używanie punktów przerwania do wprowadzania zmian w układzie w różnych rozmiarach

Wypełnij granice

Jednym z głównych powodów usuwania widżetów przez użytkowników jest ich niedopasowanie do innych elementów ekranu głównego. Aby temu zapobiec, upewnij się, że widżet zawsze w pełni wypełnia przydzieloną siatkę.

Tak

Upewnij się, że kontener rozciąga się od krawędzi do krawędzi we wszystkich rozmiarach.

Nie wolno

Dodaj niestandardowe dopełnienie. Widżet powinien płynnie przechodzić od krawędzi do krawędzi.

Tak

Aby uzyskać spójność wizualną, upewnij się, że kształt, który nie jest prostokątny, dotyka siatki na osi pionowej lub poziomej.

Nie wolno

Używaj stałych kształtów kwadratowych. Zamiast tego używaj elastycznych prostokątnych kontenerów, które dostosowują się do różnych wymiarów siatki.