Utilizza layout comuni per organizzare la tua app per casi d'uso e dimensioni dello schermo comuni. Queste composizioni pronte all'uso sono un buon punto di partenza.
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. Il layout list-detail è 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, 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 create in base a 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.
Puoi implementare un layout del feed con elenchi o griglie pigri.
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, come fogli o dialoghi. Aiutano a mantenere la visualizzazione principale concentrata e ordinata.
Scopri di più sulle indicazioni di Material 3 per i fogli inferiori.
WebView
Una WebView mostra le pagine web in-app. Nella maggior parte dei casi, consigliamo di utilizzare un browser web standard, come Chrome, per fornire contenuti all'utente. Per scoprire di più sui browser web, leggi la guida per richiamare un browser con un intent.