Utilizza i layout canonici come punto di partenza, composizioni pronte all'uso che aiutano i layout ad adattarsi a casi d'uso e dimensioni dello schermo comuni. Questi layout sono estetici e funzionali e derivano dalle linee guida di Material 3.
Il framework Android include componenti specializzati che rendono l'implementazione dei layout semplice e affidabile utilizzando le API Jetpack Compose o views.
Layout elenco-dettagli
Un layout elenco-dettagli consente agli utenti di esplorare elenchi di elementi che contengono informazioni descrittive, esplicative o altre informazioni supplementari, ovvero i dettagli dell'elemento. Per le dimensioni dello schermo compatte, sono visibili solo la visualizzazione elenco o dettagli. Visualizzando una raccolta di contenuti in un layout basato su righe, gli elenchi costituiscono la forma più comune di layout per le app. L'interfaccia elenco-dettagli è ideale per app di messaggistica, gestori di contatti, browser di file o qualsiasi app in cui i contenuti possono essere organizzati come un elenco di elementi che rivelano informazioni aggiuntive.
I contenuti possono essere statici o dinamici.
- I contenuti dinamici sono contenuti pubblicati al volo dalla tua app e sono ideali per mostrare contenuti generati dagli utenti o riflettere le preferenze o le azioni dell'utente. Ad esempio, immagina un'app di foto con un elenco scorrevole di foto generate dagli utenti, che è unico per ogni utente e cambia man mano che l'utente carica altre immagini. Queste immagini sono contenuti dinamici.
- I contenuti statici rappresentano contenuti codificati in modo permanente, modificabili solo apportando modifiche direttamente al codice dell'app. Esempi di contenuti statici sono immagini e testo che ogni utente potrebbe vedere.
Il file Figma Now in Android fornisce più esempi di layout. L'esempio seguente mostra una raccolta unidimensionale di contenuti.
Esplora gli elenchi di Material 3 per ulteriori indicazioni di progettazione su componenti ed elementi degli elenchi.
Layout del feed
Un layout del feed dispone elementi di contenuti equivalenti in una griglia configurabile per una visualizzazione rapida e comoda di una grande quantità di contenuti. Scopri di più sulle linee guida di Material 3 per l'utilizzo delle schede in una raccolta. I feed possono essere configurati in base a elenchi o griglie su display compatti, in genere in schede o riquadri. I contenuti possono essere dinamici, il che significa che vengono "inseriti" da un'origine esterna dinamica, ad esempio un'API.
Un layout a griglia è composto da righe e colonne formate da principi di contenimento impliciti o espliciti. Un layout a griglia può essere applicato in modo più rigido o sfalsato per variare le righe e le colonne. Entrambi devono avere un'applicazione coerente di spaziatura e logica per evitare di confondere gli utenti. Esplora le linee guida di Material 3 sulla progettazione dei feed.
Puoi implementare un layout del feed in Compose con elenchi o griglie pigri oppure in Views con RecyclerView o CardView.
Ad esempio, una galleria fotografica e i podcast in un layout a griglia sono formati comuni dei feed.
Layout del riquadro di assistenza
Una visualizzazione mobile potrebbe richiedere contenuti o controlli di supporto. In genere sotto forma di fogli o finestre di dialogo, possono aiutare la visualizzazione principale a rimanere focalizzata e ordinata. Consulta le indicazioni di M3 per l'utilizzo del layout canonico del riquadro di supporto.
Scopri di più sulle indicazioni M3 per i fogli inferiori.