Delen via


Besturingselement Afbeelding in Power Apps

Een besturingselement waarin een afbeelding wordt weergegeven, bijvoorbeeld uit een lokaal bestand of een gegevensbron.

Beschrijving

Als u een of meer besturingselementen Afbeelding toevoegt aan een app, kunt u afzonderlijke afbeeldingen weergeven die geen deel uitmaken van een gegevensset of u kunt afbeeldingen uit records in gegevensbronnen opnemen.

Sleuteleigenschappen

Afbeelding: de naam of de URL van de afbeelding die wordt weergegeven in een besturingselement voor een afbeelding, audio of microfoon.

Notitie

  • Gebruik HTTPS voor alle externe afbeeldingen om compatibiliteit met moderne browsers te garanderen.
  • Externe afbeeldingen moeten anoniem toegankelijk zijn (zonder enige verificatie).

Aanvullende eigenschappen

AccessibleLabel: label voor schermlezers.

ApplyEXIFOrientation: geeft aan of de richting die is opgegeven in de EXIF-gegevens die in de afbeelding zijn ingevoegd, automatisch moet worden toegepast.

AutoDisableOnSelect: hiermee wordt het besturingselement automatisch uitgeschakeld terwijl het gedrag OnSelect van toepassing is.

BorderColor: de kleur van de rand van een besturingselement.

BorderStyle: hiermee wordt aangegeven of de rand van een besturingselement effen, onderbroken of gestippeld is, of dat er geen rand is.

BorderThickness: de dikte van de rand van een besturingselement.

CalculateOriginalDimensions: hiermee worden de eigenschappen OriginalHeight en OriginalWidth ingeschakeld.

DisplayMode: bepaalt of invoer van de gebruiker is toegestaan (Edit), of gegevens alleen worden weergegeven (View) of het besturingselement wordt uitgeschakeld (Disabled).

DisabledBorderColor: de kleur van de rand van een besturingselement als de eigenschap DisplayMode van het besturingselement is ingesteld op Disabled.

DisabledFill: de achtergrondkleur van een besturingselement als de eigenschap DisplayMode van het besturingselement is ingesteld op Disabled.

Fill: de achtergrondkleur van een besturingselement.

FlipHorizontal: geeft aan of de afbeelding horizontaal moet worden gespiegeld voordat deze wordt weergegeven.

FlipVertical: geeft aan of de afbeelding verticaal moet worden gespiegeld voordat deze wordt weergegeven.

FocusedBorderColor: de kleur van de rand van een besturingselement wanneer de focus op het besturingselement ligt.

FocusedBorderThickness: de dikte van de rand van een besturingselement wanneer de focus op het besturingselement ligt.

Height: de afstand tussen de boven- en onderrand van een besturingselement.

HoverBorderColor: de kleur van de rand van een besturingselement wanneer de gebruiker de muisaanwijzer op dat besturingselement plaatst.

HoverFill: de achtergrondkleur van een besturingselement wanneer de gebruiker de muisaanwijzer op de achtergrond plaatst.

ImagePosition: de positie (Opvullen, Passend maken, Uitrekken, Naast elkaar of Centreren) van een afbeelding in een scherm of een besturingselement als deze niet even groot is als de afbeelding.

ImageRotation: geeft aan hoe de afbeelding moet worden gedraaid voordat deze wordt weergegeven. De mogelijke waarden zijn Geen, 90 graden rechtsom, 90 graden linksom en 180 graden rechtsom.

OnSelect: Acties die moeten worden uitgevoerd wanneer de gebruiker op een besturingselement tikt of klikt.

OriginalHeight: de oorspronkelijke hoogte van een afbeelding, mogelijk gemaakt met de eigenschap CalculateOriginalDimensions.

OriginalWidth: de oorspronkelijke breedte van een afbeelding, mogelijk gemaakt met de eigenschap CalculateOriginalDimensions.

PaddingBottom: de afstand tussen de tekst in een besturingselement en de onderrand van het besturingselement.

PaddingLeft: de afstand tussen de tekst in een besturingselement en de linkerrand van het besturingselement.

PaddingRight: de afstand tussen de tekst in een besturingselement en de rechterrand van het besturingselement.

PaddingTop: de afstand tussen de tekst in een besturingselement en de bovenrand van het besturingselement.

PressedBorderColor: de kleur van de rand van een besturingselement wanneer de gebruiker op dat besturingselement tikt of klikt.

PressedFill: de achtergrondkleur van een besturingselement wanneer de gebruiker op dat besturingselement tikt of klikt.

RadiusBottomLeft: de mate van afronding van de linkerbenedenhoek van een besturingselement.

RadiusBottomRight: de mate van afronding van de rechterbenedenhoek van een besturingselement.

RadiusTopLeft: de mate van afronding van de linkerbovenhoek van een besturingselement.

RadiusTopRight: de mate van afronding van de rechterbovenhoek van een besturingselement.

TabIndex: de navigatievolgorde op het toetsenbord ten opzichte van andere besturingselementen.

Tooltip: beschrijvende tekst die wordt weergegeven wanneer de gebruiker een besturingselement aanwijst.

Transparency: de mate waarin besturingselementen achter een afbeelding zichtbaar blijven. Decimale waarden lopen van 0 tot 1. Waar 0 ondoorzichtig is, is 0,5 semi-transparant en 1 is transparant.

Visible: hiermee wordt aangegeven of een besturingselement zichtbaar of verborgen is.

Width: de afstand tussen de linker- en rechterrand van een besturingselement.

X: de afstand tussen de linkerrand van een besturingselement en de linkerrand van de bovenliggende container (het scherm als er geen bovenliggende container is).

Y: de afstand tussen de bovenrand van een besturingselement en de bovenrand van de bovenliggende container (het scherm als er geen bovenliggende container is).

Remove( DataSource, ThisItem )

Voorbeelden

Een afbeelding uit een lokaal bestand weergeven

  1. Klik of tik in het menu File op Media en klik of tik vervolgens op Browse.

  2. Klik of tik op het afbeeldingsbestand dat u wilt toevoegen, klik of tik op Open en druk vervolgens op Esc om terug te keren naar de standaardwerkruimte.

  3. Voeg het besturingselement Image toe en stel de bijbehorende eigenschap Afbeelding in op de naam van het bestand dat u hebt toegevoegd.

    Weet u niet hoe u een besturingselement kunt toevoegen of configureren?

    U ziet de opgegeven afbeelding in het besturingselement Afbeelding.

Een reeks afbeeldingen uit een gegevensbron weergeven

  1. Download dit Excel-bestand en sla het op een lokaal apparaat op.

  2. In Power Apps Studio maakt of opent u een app en klikt of tikt u op Een gegevensbron toevoegen in het rechterdeelvenster.

    Als Een gegevensbron toevoegen niet wordt weergegeven in het rechterdeelvenster, klikt of tikt u op een scherm in de linkernavigatiebalk.

  3. Klik of tik op Add static data to your app, klik of tik op het Excel-bestand dat u hebt gedownload en klik of tik vervolgens op Open.

  4. Schakel het selectievakje FlooringEstimates in, en klik of tik op Verbinding maken.

  5. Voeg het besturingselement Galerij met afbeeldingen toe en stel de bijbehorende eigenschap Items in op FlooringEstimates.

    Weet u niet hoe u een besturingselement kunt toevoegen of configureren?

    In het besturingselement Galerij ziet u afbeeldingen van tapijt, parket en vloertegels op basis van koppelingen in het Excel-bestand dat u hebt gedownload.

Richtlijnen voor toegankelijkheid

Kleurcontrast

  • Standaardvereisten voor kleurcontrast zijn van toepassing, indien de afbeelding wordt gebruikt als een knop.
  • U kunt controleren op problemen met het contrast in de afbeelding als deze niet alleen voor de sier is.

Ondersteuning voor schermlezer

  • AccessibleLabel moet worden ingesteld voor belangrijke afbeeldingen.

  • Als de afbeelding ter decoratie is of overbodige informatie geeft, laat dan AccessibleLabel leeg of stel het in op de lege tekenreeks "". Schermlezers negeren deze afbeeldingen.

U kunt bijvoorbeeld een Afbeelding van een slot naast een Label plaatsen dat Dit formulier kan niet worden gewijzigd aangeeft. U hebt geen AccessibleLabel voor de afbeelding nodig omdat Label de betekenis al aangeeft.

Belangrijk

Wanneer TabIndex is, wordt de Image een knop. Het uiterlijk verandert niet, maar schermlezers behandelen het als een knop. Ze zullen het besturingselement niet negeren, zelfs als AccessibleLabel leeg is.

Ondersteuning voor toetsenbord

  • TabIndex moet nul of groter zijn als de afbeelding wordt gebruikt als een knop. Toetsenbordgebruikers kunnen er vervolgens naartoe navigeren.

  • Focusindicatoren moet duidelijk zichtbaar zijn als de afbeelding wordt gebruikt als een knop. Gebruik FocusedBorderColor en FocusedBorderThickness om dit resultaat te bereiken.

Notitie

Laat ons uw taalvoorkeuren voor documentatie weten! Beantwoord een korte enquête. (houd er rekening mee dat deze in het Engels is)

De enquête duurt ongeveer zeven minuten. Er worden geen persoonlijke gegevens verzameld (privacyverklaring).