Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Input, contenuti o altre azioni potrebbero apparire in relazione tra loro o
essere vincolati a un contenitore 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. Dove un layout personalizzato è descritto da come si relazionano tra loro gli elementi della UI.
I layout possono anche utilizzare una combinazione di tipi di layout. Ad esempio, potresti abbinare un
carosello o uno scorrimento orizzontale a schede verticali. In alternativa, potresti presentare un grafico personalizzato con dati di elenchi verticali.
Puoi presentare i contenuti in righe o colonne scorrevoli con righe e colonne
pigre.
Il layout a schermo intero è un altro layout comune, utilizzato nella modalità immersiva.
Figura 27: layout a schermo intero, come 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 tutto 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
l'editor di layout.
Una WebView è una visualizzazione che 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.
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2025-08-29 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-08-29 UTC."],[],[],null,["Inputs, content, or other actions may appear relative to each other or\nconstrained to a parent container. Layouts can be more custom, but make sure to\nfollow consistent grouping, columns, and spacing.\n\nAuthentication is a common relative layout, as shown in the following figure. Where a custom layout is described by how the UI elements in relation to each other.\n\nLayouts can also use a combination of layout types. For example, you might pair a\ncarousel or horizontal scroll with vertical cards. Or, you could present a\ncustom chart with vertical list data.\n\nYou can present content in scrolling rows or columns with lazy rows and lazy\ncolumns.\n\nFull-screen layout is another common layout, as used in [immersive mode](/design/ui/mobile/guides/layout-and-content/immersive-content).\n**Figure 27:** Full screen layout, as used in immersive mode\n\nIf you're working with Views instead of Compose, you can use\n[`ConstraintLayout`](/develop/ui/views/layout/constraint-layout) to lay out views according to relationships between\nsibling views and the parent layout, allowing for large and complex layouts.\n`ConstraintLayout` lets you build entirely by dragging and dropping instead of\nediting the XML using the layout editor. Learn more about [building a UI with\nLayout Editor](/studio/write/layout-editor).\n\nLearn more about [Compose layout basics](/develop/ui/compose/layouts/basics) and what makes up a composable.\n\nWebviews\n\nA Webview is a view that displays in-app web pages. In most cases, we recommend\nusing a standard web browser, like Chrome, to deliver content to the user. To\nlearn more about web browsers, read the guide for [invoking a browser with an\nintent](/guide/components/intents-common#Browser)."]]
