Projektuj elastyczne widżety na Androida, które płynnie się skalują. Użyj zalecanych przez nas rozmiarów domyślnych jako punktu wyjścia i przetestuj układy w różnych wymiarach, aby zapewnić optymalną czytelność i wygodę użytkowników.
Rozmiary domyślne
Zadbaj o wygodę widżetów, optymalizując układ pod kątem co najmniej jednego z zalecanych rozmiarów. Zadbaj o prawidłowe umieszczenie i widoczność w selektorze widżetów, definiując atrybuty targetCellWidth
i targetCellHeight
zarówno w przypadku urządzeń mobilnych, jak i tabletów.
Te wartości są oparte na urządzeniach Pixel. Użyj tych rozmiarów jako punktu wyjścia przy projektowaniu 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 × 3 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 |
3x1 | 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 do tworzenia łatwych w użyciu widżetów z możliwością zmiany rozmiaru. Testowanie projektu pozwala określić progi rozmiaru, w przypadku których konieczne jest dostosowanie układu. Wdróż punkty przerwania, aby aktywować te zmiany, i upewnij się, że widżet zachowuje atrakcyjność wizualną i funkcjonalność w dowolnym rozmiarze.
Punkty przerwania umożliwiają też warunkowe uwzględnianie lub wykluczanie treści uzupełniających, optymalizując wykorzystanie miejsca na podstawie wymiarów widżetu.
Wypełnij granice
Jedną z najczęstszych przyczyn usuwania widżetów jest niedopasowanie ich do innych elementów ekranu głównego. Aby temu zapobiec, upewnij się, że widżet zawsze wypełnia swoją siatkę w całości.