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.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?authuser=9&hl=pl)
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.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?authuser=9&hl=pl)
Tak
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?authuser=9&hl=pl)
Nie
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?authuser=9&hl=pl)
Tak
![](https://developer.android.com/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?authuser=9&hl=pl)