Dimensionamento

Progetta widget Android adattabili che si adattano senza difficoltà. Utilizza le nostre dimensioni predefinite consigliate come punto di partenza e testa i tuoi layout in dimensioni diverse per garantire una leggibilità e un'esperienza utente ottimali.

Dimensioni predefinite

Offri un'esperienza widget raffinata ottimizzando il tuo layout per almeno una delle dimensioni consigliate. Assicurati che il posizionamento e la visibilità siano corretti nel selettore del widget mediante la definizione degli attributi targetCellWidth e targetCellHeight per dispositivi portatili e tablet.

Questi valori si basano sui dispositivi Pixel. Usa queste dimensioni come punto di partenza per la progettazione del widget. Testa accuratamente il widget di diverse dimensioni e su vari dispositivi per garantire un'esperienza utente di qualità.

A mano

Dimensioni Larghezza minima Larghezza massima Altezza minima Altezza massima
2x1 109 306 44 130
2x2 109 306 115 276
2x3 109 306 185 422
4x1 245 624 44 130
4x2 245 624 115 276
4x3 245 624 185 422

Tablet

Dimensioni Larghezza minima Larghezza massima Altezza minima Altezza massima
2x1 180 304 64 120
2x2 180 304 184 304
2x3 180 304 304 488
3x1 328 488 64 120
3x2 298 488 184 304
3x3 298 488 424 672
3x4 456 672 344 488

Punti di interruzione

I punti di interruzione sono essenziali per la creazione di widget ridimensionabili adattabili e facili da usare. Testando il tuo progetto, puoi individuare le soglie delle dimensioni in cui è necessario apportare modifiche al layout. Implementa punti di interruzione per attivare queste modifiche e assicurarti che il widget mantenga funzionalità e caratteristiche visive su qualsiasi dimensione.

I punti di interruzione offrono inoltre la flessibilità di includere o escludere in modo condizionale i contenuti supplementari, ottimizzando l'utilizzo dello spazio in base alle dimensioni del widget.

Figura 1: utilizza i punti di interruzione per apportare modifiche al layout con dimensioni diverse.

Supera i limiti

Uno dei motivi principali per cui gli utenti rimuovono i widget è il disallineamento con altri elementi della schermata Home. Per evitare questo problema, assicurati che il widget riempia sempre completamente lo spazio della griglia allocato.

Cosa fare

Assicurati che il contenitore si estenda da un bordo all'altro per tutte le dimensioni.

Cosa non fare

Aggiungi spaziatura interna personalizzata. Il widget dovrebbe essere perfettamente edge-to-edge.

Cosa fare

Assicurati che la forma non rettangolare tocchi la griglia sull'asse verticale o orizzontale per coerenza visiva.

Cosa non fare

Utilizzare forme quadrate fisse. Utilizza invece container rettangolari adattabili che si adattano a varie dimensioni della griglia.