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.
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ę.