Dimensionamento

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

Dimensioni predefinite

Offri un'esperienza widget raffinata ottimizzando il tuo layout per almeno uno delle dimensioni consigliate. Assicurati che il posizionamento e la visibilità nel widget siano corretti nel selettore definendo gli attributi targetCellWidth e targetCellHeight per entrambi dispositivi portatili e tablet.

Questi valori si basano sui dispositivi Pixel. Utilizza queste dimensioni come punto di partenza per la progettazione del widget. Testa accuratamente 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 304 488
3x4 298 488 424 672

Punti di interruzione

I punti di interruzione sono essenziali per creare elementi ridimensionabili adattabili e facili da usare widget. Testando il tuo progetto, puoi individuare le soglie di dimensioni in cui il layout le modifiche sono necessarie. Implementa punti di interruzione per attivare queste modifiche. assicurando che il widget mantenga un impatto visivo e funzionalità di qualsiasi dimensione.

I punti di interruzione offrono anche la flessibilità di includere o escludere in modo condizionale aggiuntivi, ottimizzando l'utilizzo dello spazio in base ai dati del widget dimensioni.

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 da altri elementi della schermata Home. Per evitare questo problema, assicurati che il widget riempia sempre i suoi allo spazio di griglia allocato completamente.

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 garantire coerenza visiva.

Cosa non fare

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