Images miniatures

Ces instructions décrivent comment utiliser des images miniatures pour aider les utilisateurs à afficher un aperçu des fichiers à mesure qu’ils naviguent dans votre application WinUI.

API importantes

• ThumbnailMode

Mon application doit-elle inclure des miniatures ?

Si votre application permet aux utilisateurs de parcourir les fichiers, vous pouvez afficher des images miniatures pour aider les utilisateurs à afficher rapidement un aperçu de ces fichiers.

Utilisez des miniatures lorsque :

• Affichage d’aperçus pour de nombreux éléments d’une collection de galerie (comme les fichiers et les dossiers). Par exemple, une galerie de photos doit utiliser des miniatures pour donner aux utilisateurs une petite vue de chaque image au fur et à mesure qu’ils parcourent leurs fichiers photo.

  

• Affichage d’un aperçu d’un élément individuel dans une liste (comme un fichier spécifique). Par exemple, l’utilisateur peut souhaiter voir plus d’informations sur un fichier, y compris une miniature plus grande pour une meilleure préversion, avant de décider s’il faut ouvrir le fichier.

  

Pratiques conseillées et déconseillées

• Spécifiez le mode miniature (PicturesView, VideosView, DocumentsView, MusicView, ListView ou SingleItem) lorsque vous récupérez des miniatures. Cela garantit que les images miniatures sont optimisées pour afficher le type de fichiers que les utilisateurs souhaitent afficher.

  • Utilisez le mode SingleItem pour récupérer une miniature pour un seul élément, quel que soit le type de fichier. Les autres modes miniatures sont destinés à afficher des aperçus de plusieurs fichiers.

• Afficher des images génériques de remplacement à la place des miniatures pendant le chargement des miniatures. L’utilisation d’espaces réservés permet à votre application d’être plus réactive, car les utilisateurs peuvent interagir avec des aperçus avant le chargement des miniatures.

  Les images de remplacement devraient être :

  • Spécifique au type d’élément qu’il représente. Par exemple, les dossiers, les images et les vidéos doivent tous avoir leurs propres espaces réservés spécialisés.
  • La même taille et le même rapport d’aspect que l’image miniature pour laquelle elle sert de substitut.
  • Affiché jusqu’à ce que l’image miniature soit chargée.

• Utilisez des images d’espace réservé avec des étiquettes de texte pour représenter des dossiers et des groupes de fichiers pour différencier des fichiers individuels.

• Si vous ne pouvez pas récupérer une miniature, affichez une image de substitution.

• Affichez des informations supplémentaires sur les fichiers en fournissant des aperçus pour les documents et fichiers musicaux. Les utilisateurs peuvent ensuite identifier les informations clés relatives à un fichier qui n’est peut-être pas facilement disponible à partir d’une image miniature seule. Par exemple, pour un fichier de musique, vous pouvez afficher le nom de l’artiste avec la miniature de l’album.

• N’affichez pas d’informations supplémentaires sur les fichiers image et vidéo. Dans la plupart des cas, une image miniature est suffisante pour les utilisateurs qui parcourent des images et des vidéos.

Instructions d’utilisation supplémentaires

Modes miniatures recommandés et leurs fonctionnalités :

Voici des exemples montrant comment les images miniatures récupérées diffèrent selon le type de fichier et le mode miniature :

Type d’élément	Lors de la récupération en utilisant : PicturesView VideosView	Lors de la récupération en utilisant : Vue des Documents MusicView ListView	Lorsqu'on récupère des données à l'aide de : SingleItem
Image	L’image miniature utilise un rapport d’aspect uniforme et large d’environ .7 (190 x 130 si la taille préférée est de 190).	La miniature est rognée à un format carré.	L’image miniature utilise le rapport d’aspect d’origine du fichier.
Video	La miniature a une icône qui la différencie des images.	La miniature est rognée à un rapport d’aspect carré.	L’image miniature utilise le rapport d’aspect d’origine du fichier.
Musique	La miniature est une icône sur un arrière-plan de taille appropriée. La couleur d’arrière-plan est déterminée par la couleur d’arrière-plan de la vignette de l’application.	Si le fichier possède une illustration d’album, la miniature est l’illustration de l’album. Sinon, la miniature est une icône sur un fond de taille appropriée.	Si le fichier a une illustration d’album, alors la miniature est l'illustration d’album avec le rapport d’aspect d’origine du fichier. Sinon, la vignette est une icône.
Document	La miniature est une icône sur un arrière-plan de taille appropriée. La couleur d’arrière-plan est déterminée par la couleur d’arrière-plan de la vignette de l’application.	La miniature est une icône sur un arrière-plan de taille appropriée. La couleur d’arrière-plan est déterminée par la couleur d’arrière-plan de la vignette de l’application.	Miniature du document, le cas échéant. Sinon, la miniature est une icône.
Dossier	S’il existe un fichier image dans le dossier, la miniature de l’image est utilisée. Sinon, aucune miniature n’est récupérée.	Aucune image miniature n’est récupérée.	La miniature est l’icône de dossier.
Groupe de fichiers	S’il existe un fichier image dans le dossier, la miniature de l’image est utilisée. Sinon, aucune miniature n’est récupérée.	S'il y a un fichier avec une illustration d'album parmi les fichiers du groupe, la miniature est l'illustration de l'album. Sinon, aucune miniature n’est récupérée.	S’il existe un fichier qui contient une illustration d'album parmi les fichiers du groupe, la miniature est l'illustration d'album et utilise le rapport d'aspect d'origine du fichier. Sinon, la miniature est une icône qui représente un groupe de fichiers.

Rubriques connexes

• Énumération ThumbnailMode
• StorageItemThumbnail, classe
• Classe StorageFile
• Exemple de miniature de fichier et de dossier (GitHub)
• Vue en liste et en grille