Contrôle Image dans PowerAppsImage control in PowerApps

Contrôle qui permet d’afficher une image à partir, par exemple, d’un fichier local ou d’une source de données.A control that shows an image from, for example, a local file or a data source.

DescriptionDescription

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.If you add one or more Image controls to your app, you can show individual images that aren't part of a data set, or you can incorporate images from records in data sources.

Principales propriétésKey properties

Image : nom de l’image qui apparaît dans un contrôle image, audio ou microphone.Image – The name of the image that appears in an image, audio, or microphone control.

Propriétés supplémentairesAdditional properties

AutoDisableOnSelect : désactive automatiquement le contrôle pendant l’exécution du comportement OnSelect.AutoDisableOnSelect – Automatically disables the control while the OnSelect behavior is executing.

BorderColor : couleur de bordure du contrôle.BorderColor – The color of a control's border.

BorderStyle : indique si la bordure d’un contrôle est unie, discontinue, en pointillés ou s’il n’y en a aucune.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness : épaisseur de bordure d’un contrôle.BorderThickness – The thickness of a control's border.

FocusedBorderThickness : épaisseur de la bordure d’un contrôle, lorsqu’elle a le focus clavier.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

CalculateOriginalDimensions : active les propriétés OriginalHeight et OriginalWidth.CalculateOriginalDimensions – Enables the OriginalHeight and OriginalWidth properties.

DisplayMode : indique si le contrôle autorise l’entrée d’un utilisateur (Edit), affiche uniquement les données (View) ou est désactivé (Disabled).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor : couleur de bordure d’un contrôle si sa propriété DisplayMode est définie sur Disabled.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledFill : couleur d’arrière-plan d’un contrôle si sa propriété DisplayMode est définie sur Disabled.DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill : couleur d’arrière-plan d’un contrôle.Fill – The background color of a control.

Height : distance entre le haut et le bas d’un contrôle.Height – The distance between a control's top and bottom edges.

HoverBorderColor : couleur de bordure d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

HoverFill : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.HoverFill – The background color of a control when the user keeps the mouse pointer on it.

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.ImagePosition – The position (Fill, Fit, Stretch, Tile, or Center) of an image in a screen or a control if it isn't the same size as the image.

OnSelect : comment l’application répond quand l’utilisateur appuie ou clique sur un contrôle.OnSelect – How the app responds when the user taps or clicks a control.

OriginalHeight : hauteur d’origine d’une image, activée avec la propriété CalculateOriginalDimensions.OriginalHeight – Original height of an image, enabled with the CalculateOriginalDimensions property.

OriginalWidth : largeur d’origine d’une image, activée avec la propriété CalculateOriginalDimensions.OriginalWidth – Original width of an image, enabled with the CalculateOriginalDimensions property.

PaddingBottom : distance entre le texte d’un contrôle et le bord inférieur de ce contrôle.PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft : distance entre le texte d’un contrôle et le bord gauche de ce contrôle.PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight : distance entre le texte d’un contrôle et le bord droit de ce contrôle.PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop : distance entre le texte d’un contrôle et le bord supérieur de ce contrôle.PaddingTop – The distance between text in a control and the top edge of that control.

PressedBorderColor : couleur de bordure d’un contrôle lorsque l’utilisateur appuie ou clique dessus.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

PressedFill : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur appuie ou clique dessus.PressedFill – The background color of a control when the user taps or clicks that control.

RadiusBottomLeft : degré auquel le coin inférieur gauche d’un contrôle est arrondi.RadiusBottomLeft – The degree to which the bottom-left corner of a control is rounded.

RadiusBottomRight : degré auquel le coin inférieur droit d’un contrôle est arrondi.RadiusBottomRight – The degree to which the bottom-right corner of a control is rounded.

RadiusTopLeft : degré auquel le coin supérieur gauche d’un contrôle est arrondi.RadiusTopLeft – The degree to which the top-left corner of a control is rounded.

RadiusTopRight : degré auquel le coin supérieur droit d’un contrôle est arrondi.RadiusTopRight – The degree to which the top-right corner of a control is rounded.

Tooltip : texte explicatif qui s’affiche lorsque l’utilisateur pointe sur un contrôle.Tooltip – Explanatory text that appears when the user hovers over a control.

Transparency : le degré de visibilité des contrôles derrière une image.Transparency – The degree to which controls behind an image remain visible.

Visible : indique si un contrôle est visible ou est masqué.Visible – Whether a control appears or is hidden.

Width : distance entre les côtés droit et gauche d’un contrôle.Width – The distance between a control's left and right edges.

X : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent (ou l’écran s’il n’y a pas de conteneur parent).X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent (ou l’écran s’il n’y a pas de conteneur parent).Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Remove( DataSource, ThisItem )Remove( DataSource, ThisItem )

ExemplesExamples

Afficher une image à partir d’un fichier localShow an image from a local file

  1. Sous l’onglet Content (Contenu), cliquez ou appuyez sur Media (Média), puis sur Browse (Parcourir).On the Content tab, click or tap Media, and then click or tap Browse.
  2. Cliquez ou appuyez sur le fichier image que vous souhaitez ajouter, cliquez ou appuyez sur Open (Ouvrir), puis appuyez sur Échap pour revenir à l’espace de travail par défaut.Click or tap the image file that you want to add, click or tap Open, and then press Esc to return to the default workspace.
  3. Ajoutez un contrôle Image et définissez sa propriété Items sur le nom du fichier que vous avez ajouté.Add an Image control, and set its Items property to the name of the file that you added.

    Vous ne savez pas comment ajouter et configurer un contrôle ?Don't know how to add and configure a control?

    Le contrôle Image affiche l’image que vous avez spécifiée.The Image control shows the image that you specified.

Afficher un ensemble d’images à partir d’une source de donnéesShow a set of images from a data source

  1. Téléchargez ce fichier Excel et enregistrez-le sur votre appareil local.Download this Excel file, and save it on your local device.
  2. Dans PowerApps Studio, créez ou ouvrez une application, puis cliquez ou appuyez sur Ajouter une source de données dans le volet de droite.In PowerApps Studio, create or open an app, and then click or tap Add data source in the right-hand pane.

    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.If Add data source doesn't appear in the right-hand pane, click or tap a screen in the left navigation bar.

  3. Cliquez ou appuyez sur Add static data to your app (Ajouter des données statiques à votre application), cliquez ou appuyez sur le fichier Excel enregistré, puis cliquez ou appuyez sur Open (Ouvrir).Click or tap Add static data to your app, click or tap the Excel file that you downloaded, and then click or tap Open.
  4. Cochez la case Flooring Estimates, puis cliquez ou appuyez sur Connect (Se connecter).Select the Flooring Estimates check box, and then click or tap Connect.
  5. Ajoutez un contrôle Gallery avec des images, puis définissez sa propriété Items sur FlooringEstimates.Add a Gallery control with images, and set its Items property to FlooringEstimates.

    Vous ne savez pas comment ajouter et configurer un contrôle ?Don't know how to add and configure a control?

    Le contrôle Gallery 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é.The Gallery control shows images of carpet, hardwood, and tile products based on links in the Excel file that you downloaded.