Contrôle d’image dans Power Apps

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

Descriptif

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 incorporer des images à partir d’enregistrements dans des sources de données.

Propriétés principales

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

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 à l’image.

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

BorderColor : couleur de la bordure d’un contrôle.

BorderStyle : indique si la bordure d’un contrôle est Solid, Dashed, Dotted ou None.

BorderThickness : épaisseur de la 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 (Modifier), affiche uniquement les données (Affichage) ou est désactivé (Désactivé).

DisabledBorderColor : couleur de la bordure d’un contrôle si la propriété DisplayMode du contrôle a la valeur Disabled.

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

Remplissage : 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.

FocusBorderColor : couleur de la bordure d’un contrôle lorsque le contrôle est concentré.

FocusBorderThickness : épaisseur de la bordure d’un contrôle lorsque le contrôle est concentré.

Hauteur : distance entre les bords supérieurs et inférieurs d’un contrôle.

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

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

ImagePosition : position (Remplissage, Ajustement, Étirement, Vignette ou Centre) d’une image dans un écran ou un contrôle s’il n’est pas de la même taille que l’image.

ImageRotation : rotation de l’image avant de l’afficher. Les valeurs ne peuvent être aucune, au niveau de l’horloge (CW) 90 degrés, au sens inverse des aiguilles d’une montre (CCW) de 90 degrés et à 180 degrés au niveau de l’horloge.

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 ce contrôle.

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

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

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

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

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 clavier par rapport à d’autres contrôles.

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

Transparence : degré auquel les contrôles derrière une image restent visibles. Les valeurs décimales sont comprises entre 0 et 1. Là où 0 est opaque, 0,5 est semi-transparent et 1 est transparent.

Visible : indique si un contrôle apparaît ou est masqué.

Largeur : distance entre les bords gauche et droit 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).

Fonctions associées

Remove( DataSource, ThisItem )

Examples

Afficher une image à partir d’un fichier local

1. Dans le menu Fichier , cliquez ou appuyez sur Média, puis cliquez ou appuyez 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 droit.

   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 de gauche.

3. Cliquez ou appuyez sur Ajouter des données statiques à votre application, cliquez ou appuyez sur le fichier Excel que vous avez téléchargé, puis cliquez ou appuyez sur Ouvrir.

4. Activez la case à cocher Flooring Estimates , puis cliquez ou appuyez sur Se connecter.

5. Ajoutez un contrôle Gallery avec des images et 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 tapis, de bois dur et de produits de mosaïque basés sur des liens dans le fichier Excel que vous avez téléchargé.

Conseils sur l’accessibilité

Contraste des couleurs

• Les exigences de contraste de couleur standard s’appliquent si le graphique est utilisé en tant que bouton.
• Envisagez de vérifier les problèmes de contraste dans l’image, s’il n’est pas purement décoratif.

Prise en charge du lecteur d’écran

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

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

Par exemple, vous pouvez placer une image d’un cadenas en regard d’une étiquette indiquant que ce formulaire ne peut pas être modifié. Vous n’avez pas besoin d’une étiquette AccessibleLabel pour l’image, car l’étiquette explique déjà sa signification.

Prise en charge du clavier

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

• Les indicateurs de focus doivent être clairement visibles si le graphique est utilisé comme bouton. Utilisez FocusBorderColor et FocusBorderThickness pour obtenir ce résultat.