Dimensionamento

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

Dimensioni predefinite

Offri un'esperienza ottimale con i widget ottimizzando il layout per almeno una delle dimensioni consigliate. Assicurati che il posizionamento e la visibilità siano corretti nel selettore di widget definendo gli attributi targetCellWidth e targetCellHeight per i dispositivi portatili e tablet.

Questi valori si basano sui dispositivi Pixel. Usa queste dimensioni come punto di partenza per la progettazione del tuo widget. Testa attentamente il widget con dimensioni diverse 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 creare widget ridimensionabili adattabili e facili da usare. Testando il tuo design, puoi individuare le soglie di dimensioni in cui sono necessarie le modifiche del layout. Implementa i punti di interruzione per attivare queste modifiche, assicurandoti che il widget mantenga un'attrattiva visiva e funzionalità in 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.

Completa 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 allunga da un lato all'altro in tutte le dimensioni.

Cosa non fare

Aggiungi una spaziatura interna personalizzata. Il widget dovrebbe essere posizionato perfettamente da un bordo all'altro.

Cosa fare

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

Cosa non fare

Utilizza forme quadrate fisse. Utilizza invece contenitori rettangolari adattabili che si adattano alle varie dimensioni della griglia.