Dopasowywanie rozmiaru

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.

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

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.

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 dany kształt styka się z siatką na osi pionowej lub poziomej.

Nie wolno

Używać 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.