Scopri i modelli di layout di Compose e i layout di design di esempio per progettare e creare schermate dell'app uniche.
La maggior parte delle app utilizza un layout con scorrimento o senza scorrimento, costituito dai seguenti elementi:
- Testo dell'ora:dato che il dispositivo è uno smartwatch, ti consigliamo di mostrare il testo dell'ora anche durante un percorso nell'app (facoltativo, ma consigliato).
- Titolo pagina: indicazioni stradali e promemoria relativi alla posizione dell'utente nel percorso (facoltativo, ma consigliato).
- Indicatore di scorrimento:solo nei layout con scorrimento; indica che c'è altro sotto la parte visibile dello schermo.
- Pulsanti di azione: consigliati in basso; confermano, concludono o proseguono il percorso dell'utente.
Sezioni del layout dell'app
Sezione superiore
La sezione in alto offre l'opzione Testo orario, un pulsante compatto e un titolo che fungono da strumento di ricerca e navigazione chiara. Tutti sono facoltativi.
Un pulsante compatto può essere utilizzato in casi speciali in cui la pagina è molto lunga e un pulsante di ricerca o di azione aiuterà l'utente a navigare nell'elenco senza dover scorrere fino in fondo.
Sezione centrale
La sezione centrale può contenere qualsiasi componente di Scrivi (non a schermo intero) o personalizzato disponibile in un elenco. Questa sezione può contenere intestazioni aggiuntive per raggruppare i contenuti e la barra di scorrimento.
Tutti i componenti all'interno della sezione dei contenuti centrali devono essere adattabili e riempire la larghezza disponibile fino ai margini percentuali. Tutti i layout con scorrimento avranno un comportamento di colonna lazy con ridimensionamento, che mostra i componenti che si ridimensionano e svaniscono sullo schermo.
Sezione inferiore
La sezione in basso offre spazio per i pulsanti di azione principali e secondari oppure può essere lasciata vuota se si tratta della fine di un percorso.
Ti consigliamo di utilizzare un pulsante adiacente al bordo alla fine dell'elenco, in quanto sfrutta lo spazio limitato e completa lo schermo arrotondato.
Può essere necessaria più di un'azione, che può essere visualizzata in una serie di pulsanti o in un gruppo di pulsanti con due icone.
Visualizzazioni di app non scorrevoli
Con titolo
Senza titolo
Con titolo e senza sezione di fondo
Senza titolo o sezione in basso
Visualizzazioni app con scorrimento
Con titolo
Senza titolo
Con titolo e senza sezione di fondo
Senza titolo o sezione in basso