Contrôle Image dans Power Apps

  • Article

Contrôle qui permet d’afficher une image à partir, par exemple, d’un fichier local ou d’une source de données.

Description

Si vous ajoutez un ou plusieurs contrôles Image à votre application, vous pouvez afficher des images individuelles qui ne font pas partie d’un jeu de données, ou vous pouvez incorporer des images à partir d’enregistrements contenus dans les sources de données.

Propriétés clés

Image  : nom de l’image ou de l’URL qui apparaît dans un contrôle image, audio ou microphone.

Notes

  • Utilisez le protocole HTTPS pour toutes les images externes afin d’assurer la compatibilité avec les navigateurs modernes.
  • Les images externes doivent être accessibles de manière anonyme (sans aucune authentification).

Propriétés supplémentaires

AccessibleLabel  : Étiquette pour les lecteurs d’écran.

ApplyEXIFOrientation : indique s’il faut appliquer automatiquement l’orientation spécifiée dans les données EXIF incorporées avec l’image.

AutoDisableOnSelect : désactive automatiquement le contrôle pendant l’exécution du comportement OnSelect.

BorderColor  : couleur de bordure du contrôle.

BorderStyle  : indique si la bordure d’un contrôle est unie, discontinue, en pointillés ou s’il n’y en a aucune.

BorderThickness  : épaisseur de bordure d’un contrôle.

CalculateOriginalDimensions : active les propriétés OriginalHeight et OriginalWidth.

DisplayMode  : indique si le contrôle autorise l’entrée utilisateur (Edit), affiche uniquement les données (View) ou est désactivé (Disabled).

DisabledBorderColor  : couleur de bordure d’un contrôle si sa propriété DisplayMode est définie sur Disabled.

DisabledFill  : couleur d’arrière-plan d’un contrôle si sa propriété DisplayMode est définie sur Disabled.

Fill  : couleur d’arrière-plan d’un contrôle.

FlipHorizontal : indique s’il faut retourner l’image horizontalement avant de l’afficher.

FlipVertical : indique s’il faut retourner l’image verticalement avant de l’afficher.

FocusedBorderColor  : couleur de bordure d’un contrôle lorsque le contrôle est actif.

FocusedBorderThickness  : épaisseur de bordure d’un contrôle lorsque le contrôle est actif.

Height  : distance entre le haut et le bas d’un contrôle.

HoverBorderColor  : couleur de bordure d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.

HoverFill  : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.

ImagePosition  : position (Fill, Fit, Stretch, Tile, or Center) d’une image dans un écran ou un contrôle si sa taille n’est pas la même que l’image.

ImageRotation : indique comment faire pivoter l’image avant de l’afficher. Les valeurs peuvent être Aucun, De 90° dans le sens horaire, De 90° dans le sens inverse des aiguilles d’une montre et De 180° dans le sens horaire.

OnSelect – Actions à effectuer lorsque l’utilisateur appuie ou clique sur un contrôle.

OriginalHeight : hauteur d’origine d’une image, activée avec la propriété CalculateOriginalDimensions.

OriginalWidth : largeur d’origine d’une image, activée avec la propriété CalculateOriginalDimensions.

PaddingBottom  : distance entre le texte d’un contrôle et le bord inférieur de ce contrôle.

PaddingLeft  : distance entre le texte d’un contrôle et le bord gauche de celui-ci.

PaddingRight  : distance entre le texte d’un contrôle et le bord droit de celui-ci.

PaddingTop  : distance entre le texte d’un contrôle et le bord supérieur de ce contrôle.

PressedBorderColor  : couleur de bordure d’un contrôle lorsque l’utilisateur appuie ou clique dessus.

PressedFill  : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur appuie ou clique dessus.

RadiusBottomLeft  : degré auquel le coin inférieur gauche d’un contrôle est arrondi.

RadiusBottomRight  : degré auquel le coin inférieur droit d’un contrôle est arrondi.

RadiusTopLeft  : degré auquel le coin supérieur gauche d’un contrôle est arrondi.

RadiusTopRight  : degré auquel le coin supérieur droit d’un contrôle est arrondi.

TabIndex  : ordre de navigation à l’aide du clavier par rapport à d’autres contrôles.

Info-bulle  : texte explicatif qui s’affiche lorsque l’utilisateur pointe sur un contrôle.

Transparency : le degré de visibilité des contrôles derrière une image. Les valeurs décimales vont de 0 à 1. Où 0 est opaque, 0,5 est semi-transparent et 1 est transparent.

Visible  : indique si un contrôle est visible ou est masqué.

Width  : distance entre les côtés droit et gauche d’un contrôle.

X  : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent (ou de l’écran à défaut de conteneur parent).

Y  : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent (ou de l’écran à défaut de conteneur parent).

Remove( DataSource, ThisItem )

Exemples

Afficher une image à partir d’un fichier local

  1. Dans le menu Fichier, cliquez ou appuyez sur Média, puis sur Parcourir.

  2. Cliquez ou appuyez sur le fichier image que vous souhaitez ajouter, cliquez ou appuyez sur Ouvrir, puis appuyez sur Échap pour revenir à l’espace de travail par défaut.

  3. Ajoutez un contrôle Image et définissez sa propriété Image sur le nom du fichier que vous avez ajouté.

    Vous ne savez pas comment ajouter et configurer un contrôle ?

    Le contrôle Image affiche l’image que vous avez spécifiée.

Afficher un ensemble d’images à partir d’une source de données

  1. Téléchargez ce fichier Excel et enregistrez-le sur votre appareil local.

  2. Dans Power Apps Studio, créez ou ouvrez une application, puis cliquez ou appuyez sur Ajouter une source de données dans le volet de droite.

    Si l’option Ajouter une source de données n’apparaît pas dans le volet de droite, cliquez ou appuyez sur un écran dans la barre de navigation à gauche.

  3. Cliquez ou appuyez sur Ajouter des données statiques à votre application, cliquez ou appuyez sur le fichier Excel enregistré, puis cliquez ou appuyez sur Ouvrir.

  4. Cochez la case Flooring Estimates, puis cliquez ou appuyez sur Se connecter.

  5. Ajoutez un contrôle Galerie avec des images, puis définissez sa propriété Items sur FlooringEstimates.

    Vous ne savez pas comment ajouter et configurer un contrôle ?

    Le contrôle Galerie affiche des images de revêtement de sol (tapis, plancher bois et carrelage) à partir des liens contenus dans le fichier Excel que vous avez téléchargé.

Instructions d’accessibilité

Contraste des couleurs

Prise en charge du lecteur d’écran

  • AccessibleLabel doit être définie pour les graphiques importants.

  • Si le graphique est destiné à la décoration ou fournit des informations redondantes, laissez AccessibleLabel vide ou définissez-la sur la chaîne vide "". Les lecteurs d’écran ignoreront ces graphiques.

Par exemple, vous pouvez placer une Image d’un cadenas à côté d’une Étiquette indiquant Ce formulaire ne peut pas être modifié. Vous n’avez pas besoin d’une AccessibleLabel pour image, car l’Étiquette explique déjà son sens.

Important

Si TabIndex est égal ou supérieur à zéro, Image devient un bouton. Son apparence ne change pas, mais les lecteurs d’écran le considèrent comme un bouton. Ils n’ignorent pas le contrôle, même si AccessibleLabel est vide.

Prise en charge du clavier

  • TabIndex doit être égal ou supérieur à zéro, si le graphique est utilisé en tant comme un bouton. Les utilisateurs du clavier peuvent y accéder.

  • Les indicateurs de focus doivent être clairement visibles, si le graphique est utilisé comme un bouton. Pour ce faire, utilisez FocusedBorderColor et FocusedBorderThickness.

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).