Créez des mises en page efficaces pour vos widgets en identifiant d'abord votre contenu principal. Votre mise en page détermine la façon dont les informations et les éléments interactifs sont organisés dans votre widget. Afin de simplifier ce processus, Android propose plusieurs mises en page prédéfinies pour les widgets de texte, de liste et de grille.
Texte
Les mises en page de texte sont idéales pour afficher des informations concises. Améliorez l'aspect visuel de votre widget en incluant éventuellement une image à côté du texte.
Idéal pour les titres, les mises à jour d'état, les descriptions courtes ou tout scénario dans lequel une seule ligne de texte transmet efficacement le message. Reportez-vous à l'exemple de mise en page canonique pour obtenir des conseils sur le scaling dynamique du contenu textuel en fonction de la taille du widget.
Incluez une image pour renforcer l'impact visuel. Pour en savoir plus, consultez la section Points d'arrêt afin de savoir comment adapter cette mise en page à différentes tailles d'écran.
Listes
Utilisez des mises en page en liste pour organiser plusieurs éléments dans un format clair et facile à analyser. C'est la solution idéale pour les gros titres d'actualité, les listes de tâches ou les messages. Organisez le contenu dans une liste structurée et facile à parcourir. Choisissez entre une présentation conteneurisée ou sans conteneur en fonction de vos besoins en termes de contenu.
Les listes de texte et d'images, faciles à parcourir, sont idéales pour présenter plusieurs types de contenus tels que des titres d'actualités, des playlists avec des pochettes d'album ou des messages.
La mise en page de la checklist est idéale pour afficher des tâches, car elle fournit aux utilisateurs des éléments tactiles clairs leur permettant de marquer facilement les éléments comme terminés.
Proposez un regroupement de commandes intuitif avec des listes d'actions, où les états activés/désactivés visuels offrent un retour immédiat sur l'état des articles.
GRid
Présentez vos images dans une grille compacte, flexible et visuellement riche, avec des libellés facultatifs. Utilisez des colonnes et des lignes qui s'adaptent à différentes tailles d'écran.
Créez des galeries d'images à faire défiler visuellement percutantes à l'aide de grilles d'images uniquement. Les lignes et les colonnes s'adaptent automatiquement à différentes tailles d'écran pour une présentation optimale.
Vous pouvez également intégrer des libellés et des descriptions textuelles, afin d'enrichir le contenu de votre grille d'images avec des informations et du contexte supplémentaires.
