Layout relativi e personalizzati

Gli input, i contenuti o altre azioni possono essere visualizzati in modo relativo l'uno all'altro o vincolati a un container principale. I layout possono essere più personalizzati, ma assicurati di seguire raggruppamenti, colonne e spaziatura coerenti.

L'autenticazione è un layout relativo comune, come mostrato nella figura seguente. Un layout personalizzato descrive la relazione tra gli elementi dell'interfaccia utente.

contenimento

I layout possono anche utilizzare una combinazione di tipi di layout. Ad esempio, puoi abbinare un carosello o uno scorrimento orizzontale a schede verticali oppure presentare un grafico personalizzato con dati di elenchi verticali.

griglia di raggruppamento

Puoi presentare i contenuti in righe o colonne scorrevoli con righe e colonne lazy.

Il layout a schermo intero è un altro layout comune, come quello utilizzato in modalità immersiva.

Figura 27: layout a schermo intero, come quello utilizzato in modalità immersiva

Se utilizzi Views anziché Compose, puoi utilizzare ConstraintLayout per disporre le visualizzazioni in base alle relazioni tra le visualizzazioni di pari livello e il layout principale, consentendo layout grandi e complessi. ConstraintLayout ti consente di creare interamente trascinando e rilasciando gli elementi anziché modificare il codice XML utilizzando l'editor di layout. Scopri di più sulla creazione di un'interfaccia utente con editor di layout.

Scopri di più sulle nozioni di base del layout di Compose e su cosa costituisce un elemento componibile.

WebView

Una WebView è una visualizzazione che mostra le pagine web in-app. Nella maggior parte dei casi, ti 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.