Per le pagine che contengono più informazioni che si estendono oltre l'altezza dello schermo o che richiedono percorsi più lunghi e coinvolgenti, utilizza una visualizzazione a scorrimento.
Componenti del layout di scorrimento preimpostati
Finestra di dialogo con pulsanti impilati in basso
Finestra di dialogo con pulsanti impilati in basso
Finestra di dialogo con due pulsanti in basso
Esempi di layout a scorrimento personalizzati
Le schermate delle app scorrevoli non sono limitate ai componenti impostati, ma possono combinare gli elementi per creare il layout che preferisci. Tieni presente la lunghezza di una schermata scorrevole e l'utilizzo di margini e spaziatura interna responsive (percentuali) per verificare che i componenti si adattino alle dimensioni dello schermo disponibili.
Contenuti aggiuntivi su schermi più grandi
Elenco di pulsanti: pulsanti con icone di dimensioni 26 dp
Elenco di pulsanti: pulsanti delle app con dimensioni dell'icona di 32 dp
Elenco di pulsanti: pulsanti delle app con dimensioni dell'icona di 36 dp
Elenco di pulsanti con pulsanti di attivazione/disattivazione
Elenco misto con elementi su una sola riga
Elenco misto con elementi multilinea
Elenco schede con schede delle app
Elenco di schede con schede titolo
Elenco di schede con schede personalizzate
Elenco di testi
Comportamento reattivo e adattivo
Tutti i componenti della libreria Compose si adattano automaticamente alle dimensioni dello schermo più ampie e aumentano in larghezza e altezza. Le visualizzazioni a scorrimento che utilizzano pratiche di responsive design di solito si adattano a una gamma di dimensioni dello schermo. Tuttavia, in alcuni casi speciali, puoi utilizzare un punto di interruzione per eseguire l'override delle dimensioni e aumentare i layout, il che espande la funzionalità, migliora la visibilità o adatta meglio i contenuti allo schermo.
Per verificare che i parametri adattabili siano definiti correttamente, utilizza il seguente elenco di controllo:
- Applica i margini superiore, inferiore e laterali consigliati.
- Definisci i margini esterni in valori percentuali per evitare il troncamento all'inizio e alla fine del contenitore scorrevole.
- Applica margini con valori DP fissi tra gli elementi dell'interfaccia utente.
- Valuta la possibilità di applicare un punto di interruzione a 225 dp per introdurre contenuti aggiuntivi o rendere più visibili i contenuti esistenti su schermi più grandi.
