Delen via


Besturingselement voor afbeeldingen in Power Apps

Een besturingselement met een afbeelding van bijvoorbeeld een lokaal bestand of een gegevensbron.

Description

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

Belangrijke eigenschappen

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

Opmerking

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

Aanvullende eigenschappen

AccessibleLabel – Label voor schermlezers.

ApplyEXIFOrientation : hiermee wordt aangegeven of de afdrukstand die is opgegeven in de EXIF-gegevens die zijn ingesloten met de afbeelding automatisch moeten worden toegepast.

AutoDisableOnSelect : hiermee wordt het besturingselement automatisch uitgeschakeld terwijl het gedrag OnSelect wordt uitgevoerd.

BorderColor : de kleur van de rand van een besturingselement.

BorderStyle : of de rand van een besturingselement effen, onderbroken, gestippeld of Geen is.

BorderThickness : de dikte van de rand van een besturingselement.

CalculateOriginalDimensions : hiermee schakelt u de eigenschappen OriginalHeight en OriginalWidth in.

DisplayMode : of het besturingselement gebruikersinvoer toestaat (bewerken), alleen gegevens weergeeft (weergave) of is uitgeschakeld (uitgeschakeld).

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

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

Opvulling : de achtergrondkleur van een besturingselement.

FlipHorizontal : of u de afbeelding horizontaal wilt spiegelen voordat u deze weergeeft.

FlipVertical : of u de afbeelding verticaal wilt spiegelen voordat u deze weergeeft.

FocusedBorderColor : de kleur van de rand van een besturingselement wanneer het besturingselement is gericht.

FocusedBorderThickness : de dikte van de rand van een besturingselement wanneer het besturingselement is gericht.

Hoogte : 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 houdt.

HoverFill : de achtergrondkleur van een besturingselement wanneer de gebruiker de muisaanwijzer erop houdt.

ImagePosition : de positie (Opvulling, Aanpassen, Uitrekken, Tegel of Centreren) van een afbeelding in een scherm of een besturingselement als deze niet dezelfde grootte heeft als de afbeelding.

ImageRotation : de afbeelding draaien voordat deze wordt weergegeven. Waarden kunnen geen zijn, rechtsom (CW) 90 graden, linksom (CCW) 90 graden en rechtsom 180 graden.

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

OriginalHeight – Oorspronkelijke hoogte van een afbeelding, ingeschakeld met de eigenschap CalculateOriginalDimensions .

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

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

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

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

Opvulling: de afstand tussen tekst in een besturingselement en de bovenrand van dat 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 waarin de linkerbenedenhoek van een besturingselement wordt afgerond.

RadiusBottomRight – De mate waarin de rechterbenedenhoek van een besturingselement wordt afgerond.

RadiusTopLeft : de mate waarin de linkerbovenhoek van een besturingselement wordt afgerond.

RadiusTopRight : de mate waarin de rechterbovenhoek van een besturingselement wordt afgerond.

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

Knopinfo : verklarende tekst die wordt weergegeven wanneer de gebruiker de muisaanwijzer boven een besturingselement beweegt.

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

Zichtbaar : of een besturingselement wordt weergegeven of verborgen is.

Breedte : 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 Bestand op Media en klik of tik vervolgens op Bladeren.

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

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

    Weet u niet hoe u een besturingselement toevoegt en configureert?

    In het besturingselement Afbeelding ziet u de afbeelding die u hebt opgegeven.

Een set afbeeldingen uit een gegevensbron weergeven

  1. Download dit Excel-bestand en sla het op uw lokale apparaat op.

  2. Maak of open een app in Power Apps Studio en klik of tik op Gegevensbron toevoegen in het rechterdeelvenster.

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

  3. Klik of tik op Statische gegevens toevoegen aan uw app, klik of tik op het Excel-bestand dat u hebt gedownload en klik of tik vervolgens op Openen.

  4. Schakel het selectievakje Flooring Estimates in en klik of tik op Verbinden.

  5. Voeg een besturingselement Galerie toe met afbeeldingen en stel de eigenschap Items in op FlooringEstimates.

    Weet u niet hoe u een besturingselement toevoegt en configureert?

    In het besturingselement Galerie ziet u afbeeldingen van tapijt-, hardhout- en tegelproducten op basis van koppelingen in het Excel-bestand dat u hebt gedownload.

Toegankelijkheidsrichtlijnen

Kleurcontrast

  • Standaardvereisten voor kleurcontrast zijn van toepassing als de afbeelding wordt gebruikt als knop.
  • Overweeg om te controleren op contrastproblemen in de afbeelding, als deze niet puur decoratief is.

Ondersteuning voor schermlezer

  • AccessibleLabel moet zijn ingesteld voor belangrijke afbeeldingen.

  • Als de afbeelding bedoeld is voor decoratie of redundante informatie biedt, laat u AccessibleLabel leeg of stelt u deze in op de lege tekenreeks "" . Schermlezers negeren deze afbeeldingen.

U kunt bijvoorbeeld een afbeelding van een hangslot plaatsen naast een label met de tekst Dit formulier kan niet worden gewijzigd. U hebt geen AccessibleLabel nodig voor de afbeelding, omdat het label de betekenis al heeft uitgelegd.

Belangrijk

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

Toetsenbordondersteuning

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

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