Cette page a été traduite par l'API Cloud Translation.

Éléments de la liste

L'affichage en liste présente le contenu sous forme de lignes dans une liste à une seule colonne qui défile verticalement. Cet affichage est idéal lorsque les utilisateurs s'appuient sur la lecture de texte et la visualisation de données pour effectuer leur sélection.

Les éléments de liste nécessitent moins d'espace vertical que les éléments de grille, ce qui permet d'afficher plus d'éléments à l'écran.

Composant Grilles

Les grilles offrent un mode d'affichage alternatif mettant en valeur les images.

Anatomie

Dans une vue liste, chaque ligne contient une vignette représentant un élément de la liste. Les actions principales peuvent remplir la vignette, permettant ainsi aux utilisateurs d'agir depuis n'importe quel point de celle-ci. Pour les actions secondaires, représentées par des icônes et du texte, seule la zone contenant ces icônes et ce texte est exploitable.

Spécifications

élément de liste sur une seule ligne

élément de liste sur deux lignes

Élément de liste sur deux lignes inversé

Élément de liste multiligne avec en-tête

Élément de liste multiligne sans en-tête

Élément de liste avec débordement de texte

Élément de liste avec actions fractionnées

Emplacement de l'icône d'indicateur dans les éléments de liste

Mise à l'échelle des mises en page

Ces exemples de mise en page montrent comment adapter les éléments de liste aux écrans de différentes largeurs et hauteurs. (Les catégories de largeur et de hauteur sont définies dans la section Mise en page .) Veuillez noter que toutes les valeurs de pixels sont exprimées en pixels rendus, avant tout sous-échantillonnage ou suréchantillonnage.

Mise en page

Marges, lignes de repère et espacement pour différentes tailles d'écran

Étiquettes de mise en page

Définitions de E, M, KL, P, Flex

Écrans standard, larges et extra-larges

Écrans standard, larges et extra-larges avec mosaïque de contenu

Écrans ultra-larges

Styles

Typographie

Couleur

Tailles

Exemples