Dopasowywanie rozmiaru

Projektuj elastyczne widżety Androida, które łatwo się skalują. Skorzystaj z zalecanych domyślnych rozmiarów reklam i testować układy w różnych aby zapewnić optymalną czytelność i wygodę użytkowników.

Rozmiary domyślne

Zadbaj o dobrą jakość widżetów, optymalizując układ na co najmniej 1 zalecanych rozmiarów. Zadbaj o prawidłowe umieszczenie i widoczność w widżecie , definiując atrybuty targetCellWidth i targetCellHeight dla obydwu na urządzeniach mobilnych i tabletach.

Te wartości są oparte na urządzeniach Pixel. Użyj tych rozmiarów jako punktu wyjścia do projektowania widżetów. Dokładnie przetestuj widżet w różnych rozmiarach i w różnych rozmiarach różnych urządzeń, aby zapewnić wysoką jakość usług.

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 304 488
3 × 4 298 488 424 672

Punkty przerwania

Punkty przerwania są niezbędne do tworzenia elastycznych i łatwych w użyciu zmian rozmiaru widżety. Testując projekt, możesz określić progi rozmiaru, przy których konieczne są dodatkowe korekty. Zaimplementuj punkty przerwania, aby aktywować te zmiany. Zapewnia, że widżet zachowuje atrakcyjny wygląd i funkcjonalność niezależnie od rozmiaru.

Punkty przerwania zapewniają też elastyczność pozwalającą na warunkowe uwzględnianie lub wykluczanie materiały dodatkowe, optymalizując wykorzystanie miejsca na podstawie wymiarów.

Rys. 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, dla których użytkownicy usuwają widżety, jest ich nieprawidłowe dopasowanie. innych elementów ekranu głównego. Aby temu zapobiec, upewnij się, że widżet zawsze wypełnia całą przydzieloną przestrzeń siatki.

Tak

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

Nie

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

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.