Affichage Grille et affichage Liste

Un exemple de contrôles d’affichage Grille et Liste standard

Description du contrôle

Un affichage Grille ou un affichage Liste est un ensemble de contenu dans une application du Windows Store. Il est optimisé pour l’interaction tactile et permet aux utilisateurs d’interagir efficacement et intuitivement avec le contenu. Vous pouvez animer ce contrôle en ajoutant des éléments visuels riches pour dépeindre une personnalité. Les affichages Grille et Liste fournissent une expérience d’affichage cohérente.

Le contrôle est disponible dans plusieurs formats : grille non groupée, grille groupée, liste (HTML), liste non groupée (XAML) et liste groupée (XAML). Le défilement des grilles est horizontal. Le défilement des listes est vertical. L’ordre de lecture des grilles est de haut en bas et de gauche à droite. L’ordre de lecture des listes est de haut en bas.

Utilisation

Vous pouvez utiliser un contrôle d’affichage Grille ou Liste pour afficher une collection de données, telle qu’une liste de contacts, des images dans une galerie ou le contenu d’une boîte de réception de courrier électronique. Les affichages Grille et Liste offrent les mêmes fonctionnalités mais affichent les données différemment. L’affichage Liste affiche les données en les empilant verticalement. Il est souvent utilisé pour afficher une liste ordonnée d’éléments, telle qu’une liste de messages électroniques ou de résultats de recherche. Il est également utile dans des systèmes hiérarchiques, dans lesquels chaque élément contient uniquement une petite quantité d’informations et les détails de l’élément sélectionné sont affichés séparément. L’affichage Grille affiche les données horizontalement. Il est souvent utilisé pour mettre en valeur chaque élément, comme dans le cas d’une galerie de photos.

Exemples

Affichage Grille

Capture d’écran montrant un contrôle d’affichage Grille standard

API associées et exemples de code

WinJS.UI.ListView object

GridView class

ListView class

Recommandations en matière de contrôles ListView