Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les entrées, le contenu ou d'autres actions peuvent apparaître les uns par rapport aux autres ou être limités à un conteneur parent. Les mises en page peuvent être plus personnalisées, mais veillez à regrouper les éléments, à utiliser les colonnes et à espacer les éléments de manière cohérente.
L'authentification est une mise en page relative courante, comme illustré dans la figure suivante. Où une mise en page personnalisée est décrite par la façon dont les éléments d'UI sont liés les uns aux autres.
Les mises en page peuvent également utiliser une combinaison de types de mise en page. Par exemple, vous pouvez associer un carrousel ou un défilement horizontal à des cartes verticales. Vous pouvez également présenter un graphique personnalisé avec des données de liste verticale.
Vous pouvez présenter du contenu dans des lignes ou des colonnes défilantes avec des lignes et des colonnes différées.
La mise en page plein écran est une autre mise en page courante, comme celle utilisée en mode immersif.
Figure 27 : Mise en page plein écran, telle qu'utilisée en mode immersif
Si vous travaillez avec des vues au lieu de Compose, vous pouvez utiliser ConstraintLayout pour organiser les vues en fonction des relations entre les vues sœurs et la mise en page parente, ce qui permet de créer des mises en page volumineuses et complexes.
ConstraintLayout vous permet de créer entièrement votre mise en page par glisser-déposer au lieu de modifier le code XML à l'aide de l'éditeur de mise en page. En savoir plus sur la création d'une UI avec l'éditeur de mise en page
Une WebView est une vue qui affiche des pages Web dans l'application. Dans la plupart des cas, nous vous recommandons d'utiliser un navigateur Web standard, comme Chrome, pour diffuser du contenu à l'utilisateur. Pour en savoir plus sur les navigateurs Web, consultez le guide sur l'appel d'un navigateur avec un intent.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/08/28 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/08/28 (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)."]]