Utilisez des mises en page courantes pour vous aider à organiser votre application pour les cas d'utilisation et les tailles d'écran courants. Ces compositions prêtes à l'emploi constituent un bon point de départ.
Mise en page "Liste et vue détaillée"
Cette mise en page permet aux utilisateurs d'explorer une liste d'éléments ainsi que des informations descriptives, explicatives ou complémentaires sur ces derniers sous forme de vue détaillée. Pour les écrans de petite taille, seule la liste ou la vue détaillée est visible. Les listes, qui affichent une collection de contenus dans une mise en page basée sur des lignes, constituent la forme de mise en page la plus courante pour les applications. La mise en page "Liste et vue détaillée" est idéale pour les applications de messagerie, les gestionnaires de contacts, les explorateurs de fichiers et toute application dont le contenu peut être organisé sous la forme d'une liste d'éléments et d'une vue détaillée avec des informations supplémentaires.
Le contenu peut être statique ou dynamique.
- Le contenu dynamique est un contenu que votre application diffuse à la volée. Il est idéal pour afficher du contenu généré par l'utilisateur ou refléter les préférences ou les actions de l'utilisateur. Imaginez, par exemple, une application photo avec une liste déroulante de photos générées par l'utilisateur, qui est unique pour chaque utilisateur et qui change à mesure que l'utilisateur importe d'autres images. Ces images sont du contenu dynamique.
- Le contenu statique représente un contenu codé en dur, qui ne peut être modifié qu'en apportant des modifications directement au code de votre application. Les images et le texte que chaque utilisateur peut voir sont des exemples de contenu statique.
Le fichier Figma Now in Android fournit plusieurs exemples de mise en page. L'exemple suivant montre une collection de contenu unidimensionnelle.
Consultez les listes Material 3 pour obtenir plus de conseils de conception sur les composants et les spécifications des listes.
Mise en page de type "Flux"
Une mise en page de type "Flux" organise des éléments de contenu équivalents dans une grille configurable afin d'afficher rapidement et facilement une grande quantité de contenu. En savoir plus sur les consignes Material 3 concernant l'utilisation de fiches dans une collection. Les flux peuvent être configurés en liste ou en grille sur des écrans compacts, généralement dans des fiches ou des cartes. Le contenu peut être dynamique, ce qui signifie qu'il est "alimenté" à partir d'une source externe dynamique telle qu'une API.
Une mise en page en grille est composée de lignes et de colonnes créées par des principes de confinement implicites ou explicites. Une mise en page en grille peut être appliquée de manière plus rigide ou décalée pour varier les lignes et les colonnes. Dans les deux cas, l'application de l'espacement et de la logique doit être cohérente pour éviter de dérouter les utilisateurs.
Vous pouvez implémenter une mise en page de type "Flux" avec des listes ou des grilles paresseuses.
Par exemple, une galerie de photos et des podcasts dans une mise en page en grille sont des formats de flux courants.
Mise en page avec volet secondaire
Une vue mobile peut nécessiter des contenus ou des commandes supplémentaires, tels que des feuilles ou des boîtes de dialogue. Ils permettent à la vue principale de rester ciblée et épurée.
En savoir plus sur les consignes M3 concernant les feuilles inférieures.
WebViews
Une WebView 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 une intention.