Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Un layout definisce la struttura visiva con cui un utente interagisce con la tua app,
ad esempio in un'attività. Android fornisce una gamma di librerie, punti di partenza canonici e tecniche per visualizzare e posizionare i contenuti.
Rispetta le aree sicure del dispositivo Honor, che includono parti della UI come
intagli del display, inserti da bordo a bordo, display laterali, tastiere software e barre
di sistema. Fornire un layout flessibile per consentire agli utenti di
interagire con la tastiera.
Avviso: fai attenzione quando copri i contenuti con la tastiera.
Ergonomia dell'interazione
Mantieni le interazioni essenziali, come la navigazione principale, in un'area
dello schermo raggiungibile. I pulsanti di azione mobile (FAB) forniscono un
punto di interazione ben visibile e facilmente raggiungibile.
Gruppi di contenimento
Utilizza il contenimento per raggruppare i contenuti correlati per guidare l'utente attraverso i contenuti e
le azioni. Schede che utilizzano il contenimento esplicito per raggruppare i contenuti con azioni correlate.
Allineamento
Fornisci un allineamento coerente tra contenuti simili ed elementi UI.
check_circle
Cosa fare
Stabilisci una spaziatura coerente tra
elementi simili.
cancel
Cosa non fare
Compromettere la leggibilità
spaziando in modo incoerente elementi simili, il che può rendere i design casuali.
Orientamento layout
Non limitarti al formato verticale o a un layout idealizzato: considera proporzioni, classi di dimensioni e risoluzioni diverse che gli utenti potrebbero incontrare.
Interazioni essenziali
Non sovraccaricare l'utente con troppe azioni per visualizzazione.
Note sulle specifiche del layout
Quando crei layout personalizzati, annota come devono essere posizionati i contenuti all'interno del layout
utilizzando termini di allineamento, vincoli o gravità. Includi il modo in cui le immagini devono
rispondere al contenitore per essere visualizzate correttamente.
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-28 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-28 UTC."],[],[],null,["A layout defines the visual structure for a user to interface with your app,\nsuch as in an activity. Android provides a range of libraries, canonical\nstarting points, and techniques to display and position content.\n\nGet Started\n\nStart designing Android layouts by learning [app anatomy](/develop/ui/compose/layouts/adaptive/app-anatomy) then how to\n[structure your app's content](/develop/ui/compose/layouts/adaptive/content-structure).\n\nTakeaways \n**Device safe areas**\n\n\nHonor device safe areas, which includes parts of the UI such as display\ncutouts, edge-to-edge insets, edge displays, software keyboards, and system\nbars. Provide a flexible layout for users to\ninteract with the keyboard.\nWarning: Be careful when covering content with the keyboard.\nAlas, your browser doesn't support HTML5 video. That's OK! You can still [download the video](/static/images/design/ui/mobile/layout-basics-video-1.mp4) and watch it with a video player. \n**Interaction ergonomics**\n\n\nKeep essential interactions, like primary navigation, in a reachable screen\narea. Floating action buttons (FABs) provide a\nprominent and reachable interaction point \n**Containment groups**\n\n\nUse containment to group related content to guide the user through content and\nactions. Cards using explicit containment to group content with related actions.\n\n**Alignment**\n\nProvide consistent alignment between similar content and UI elements.\n\n\u003cbr /\u003e\n\ncheck_circle\n\nDo \nEstablish consistent spacing between like elements. \ncancel\n\nDon't \nDisrupt readability by inconsistently spacing like elements, which can make designs appear haphazard. \n**Layout orientation**\n\n\nDon't stick to portrait or an idealized layout: Consider different aspect\nratios, size classes, and resolutions that users may encounter.\n\n\n**Essential interactions**\n\n\nDon't overwhelm your user with too many actions per view. \n**Notate layout specs**\n\n\nWhen building custom layouts, notate how content should sit within the layout\nusing alignment, constraints, or gravity terms. Include how images should\nrespond to their container to display properly.\n\n\u003cbr /\u003e"]]
