Dimensionamento

Progetta widget Android adattabili che si adattano alle dimensioni e alle griglie dello schermo. Testa i layout per assicurarti che gli utenti possano leggere e utilizzare il widget in qualsiasi dimensione.

Dimensioni predefinite

Ottimizza il layout per più classi di dimensioni o breakpoint per supportare i widget ridimensionabili. Poiché le dimensioni delle celle variano in base al dispositivo e all'orientamento dello schermo, progetta widget adattivi anziché widget di dimensioni fisse.

Definisci gli attributi targetCellWidth e targetCellHeight sia per i dispositivi portatili che per i tablet, in modo che il selettore di widget posizioni e visualizzi il widget in modo accurato. Per gli intervalli di celle e le dimensioni minime di dp, consulta Determina una dimensione per il widget.

Punti di interruzione

I punti di interruzione sono essenziali per creare widget ridimensionabili adattabili e facili da usare. Testando il design, puoi individuare le soglie di dimensioni in cui sono necessarie modifiche al layout. Implementa i punti di interruzione per attivare queste modifiche, assicurandoti che il widget mantenga l'attrattiva visiva e la funzionalità in qualsiasi dimensione.

I breakpoint offrono anche la flessibilità di includere o escludere in modo condizionale 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 in base alle diverse dimensioni.

Widget su più fattori di forma

I tablet e i computer desktop condividono i principi di progettazione dei widget con gli smartphone, ma hanno aspettative di input diverse. Altri fattori di forma, come le auto, hanno requisiti di leggibilità specifici o adattano i widget automaticamente. Per saperne di più, consulta Adatta i widget ai diversi fattori di forma.

Widget su uno schermo Googlebook

Riempi i limiti

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

Cosa fare

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

Cosa non fare

Aggiungi spaziatura interna personalizzata. Il widget deve essere visualizzato senza interruzioni da un bordo all'altro.

Cosa fare

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

Cosa non fare

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