Mises en page
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Créez des mises en page de widget efficaces en identifiant d'abord votre contenu principal. Votre
la mise en page dicte la façon dont les informations et les éléments interactifs sont organisés au sein
votre widget. Android propose plusieurs mises en page prédéfinies pour le texte, les listes et
des widgets de type grille
pour simplifier ce processus.
Texte
Les mises en page de texte sont idéales pour afficher des informations concises. Améliorer l'image
l'attrait de votre widget en incluant éventuellement une image à côté du texte.
Texte uniquement
Idéal pour les titres, les mises à jour de l'état, les descriptions courtes ou tout autre scénario
où une seule ligne de texte transmet
efficacement le message. Consultez le
Exemple de mise en page canonique
pour obtenir des conseils sur la mise à l'échelle dynamique du contenu textuel en fonction de la taille du widget.
Texte et images
Incluez une image pour renforcer l'impact visuel. Pour en savoir plus, consultez
Points d'arrêt
pour apprendre à adapter cette mise
en page à différentes tailles d'écran.
Listes
Utilisez des mises en page de liste pour organiser plusieurs éléments dans un format clair et facile à analyser. Ce
est idéal pour les titres de l'actualité, les listes de tâches ou les messages. Organisez le contenu dans un
une liste structurée et facile
à analyser. Choisissez entre conteneurisé ou sans conteneur
présentation en fonction de vos besoins en matière de contenu.
Liste de textes et d'images
Les listes de texte et d'images faciles à parcourir sont idéales pour présenter plusieurs
les types de contenus, comme les titres de l'actualité, les playlists contenant des pochettes d'album, ou
messages.
Checklist
La mise en page de la liste de contrôle est idéale pour afficher les tâches, ce qui permet d'appuyer
cibles permettant aux utilisateurs
de marquer facilement les éléments comme terminés.
Liste d'actions
Proposez un regroupement intuitif des commandes avec des listes d'actions, où vous pouvez les activer ou les désactiver visuellement.
permettent un retour immédiat sur l'état des articles.
Grille
Présentez les images dans une grille compacte, flexible et visuellement riche, avec des étiquettes facultatives.
Utilisez des colonnes et des lignes qui s'adaptent à différentes tailles d'écran.
Image uniquement
Créez des galeries d'images à faire défiler et percutantes en utilisant uniquement des images
des grilles. Les lignes et les colonnes s'adaptent automatiquement à différentes tailles d'écran pour
une présentation optimale.
Images et texte
Vous pouvez également intégrer des libellés textuels et des descriptions pour enrichir
du contenu de la grille d'images avec du contexte et des informations supplémentaires.
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 2024/08/16 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2024/08/16\u00a0(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 2024/08/16 (UTC)."]]