Bild-kontroll i Power Apps

Artikel
03/15/2023

En kontroll som visar en bild från till exempel en lokal fil eller en datakälla.

Beskrivning

Om du lägger till en eller flera Bild-kontroller i ditt program kan du visa enskilda bilder som inte ingår i en datamängd eller lägga till bilder från datakällor.

Nyckelegenskaper

Bild – Namnet eller URL på bilden som visas i en bild-, ljud- eller mikrofonkontroll.

Anteckning

Använd HTTPS för alla externa bilder för att säkerställa kompatibilitet med moderna webbläsare.
Externa bilder måste vara tillgängliga anonymt (utan autentisering).

Ytterligare egenskaper

AccessibleLabel – Etikett för skärmläsare.

ApplyEXIFOrientation – Om orienteringen som anges i EXIF-data inbäddad med bilden automatiskt ska tillämpas.

AutoDisableOnSelect – Inaktiverar kontrollen automatiskt när beteendet OnSelect körs.

BorderColor – En kontrolls kantlinjefärg.

BorderStyle – Om en kontrolls kantlinje är solid, streckad, prickad eller ingen.

BorderThickness – Tjockleken på en kontrolls kantlinje.

CalculateOriginalDimensions – aktiverar egenskaperna OriginalHeight (ursprungshöjd) och OriginalWidth (ursprungsbredd).

DisplayMode – Om kontrollen tillåter indata från användaren (redigera), bara visar data (visa) eller inaktiverad (inaktiverad).

DisabledBorderColor – Färgen på en kontrolls kantlinje om kontrollens egenskap DisplayMode är inställd på Disabled.

DisabledFill – Bakgrundsfärgen i en kontroll om dess egenskap DisplayMode är inställd på Disabled.

Fill – Bakgrundsfärgen i en kontroll.

FlipHorizontal – Om bilden ska vändas vågrätt innan den visas.

FlipVertical – Om bilden ska vändas lodrätt innan den visas.

FocusedBorderColor – Färgen på en kontrolls kantlinje när kontrollen har fokus.

FocusedBorderThickness – Tjockleken på en kontrolls kantlinje när kontrollen har fokus.

Height – Avståndet mellan kontrollens övre och nedre kanter.

HoverBorderColor – Färgen på en kontrolls kantlinje när användaren för muspekaren över denna kontroll.

HoverFill – Bakgrundsfärgen i en kontroll när användaren för muspekaren över den.

ImagePosition – Positionen (Fill, Fit, Stretch, Tile eller Center) för en bild på en skärm eller en kontroll om det inte är samma storlek som bilden.

ImageRotation – Hur bilden ska roteras innan den visas. Värdena kan vara inga, medurs (CW) 90 grader, motsols (CCW) 90 grader och medurs 180 grader.

OnSelect – Åtgärder som ska utföras när användaren trycker på eller klickar på en kontroll.

OriginalHeight – en bilds ursprungliga höjd, aktiveras med egenskapen CalculateOriginalDimensions .

OriginalWidth – en bilds ursprungliga bredd, aktiveras med egenskapen CalculateOriginalDimensions .

PaddingBottom – Avståndet mellan texten i en kontroll och kontrollens nedre kant.

PaddingLeft – Avståndet mellan texten i en kontroll och kontrollens vänstra kant.

PaddingRight – Avståndet mellan texten i en kontroll och kontrollens högra kant.

PaddingTop – Avståndet mellan texten i en kontroll och kontrollens övre kant.

PressedBorderColor – Färgen på en kontrolls kantlinje när användaren trycker eller klickar på denna kontroll.

PressedFill – Bakgrundsfärgen i en kontroll när användaren trycker eller klickar på denna kontroll.

RadiusBottomLeft – Hur pass avrundat det nedre vänstra hörnet i en kontroll är.

RadiusBottomRight – Hur pass avrundat det nedre högra hörnet i en kontroll är.

RadiusTopLeft – Hur pass avrundat det övre vänstra hörnet i en kontroll är.

RadiusTopRight – Hur pass avrundat det övre högra hörnet i en kontroll är.

TabIndex – Tangentbordets navigeringsordning i förhållande till andra kontroller.

Tooltip – Beskrivande text som visas när användaren för muspekaren över en kontroll.

Transparency – i vilken grad kontroller bakom en bild fortsätter att visas. Decimalvärden varierar från 0 till 1. Där 0 är ogenomskinligt är 0,5 en halvgenomskinlig och 1 genomskinlig.

Visible – Om en kontroll visas eller är dold.

Width – Avståndet mellan kontrollens högra och vänstra kanter.

X – Avståndet mellan kontrollens vänstra kant och den överordnade containerns vänstra kant (skärmen om det inte finns någon överordnad behållare).

Y – Avståndet mellan kontrollens övre kant och den överordnade containerns övre kant (skärmen om det inte finns någon överordnad behållare).

Relaterade funktioner

Remove( DataSource, ThisItem )

Exempel

Visa en bild från en lokal fil

Klicka eller tryck på Media på Arkiv-menyn och klicka eller tryck sedan på Bläddra.
Klicka eller tryck på bildfilen som du vill lägga till, klicka eller tryck på Öppna och tryck på Esc för att återgå till standardarbetsytan.
Lägg till en Bild-kontroll och ange egenskapen Bild för namnet på den fil som du har lagt till.

Vet du inte hur du lägger till och konfigurerar en kontroll?

Bild-kontrollen visar den valda bilden.

Visa en uppsättning bilder från en datakälla

Hämta den här Excel-filen och spara den på din lokala enhet.
Skapa eller öppna ett program i Power Apps Studio och klicka eller tryck sedan på Lägg till datakälla i den högra rutan.

Om Lägg till datakälla inte visas i den högra rutan kan du klicka eller trycka på en skärm i det vänstra navigeringsfältet.
Klicka eller tryck på Lägg till statiska data i ditt program, klicka eller tryck på filen som du hämtade och klicka eller tryck på Öppna.
Markera kryssrutan Golvläggningsoffert och klicka eller tryck på Anslut.
Lägg till kontrollen Galleri med bilder och ange dess egenskaper för Items som Golvläggningsoffert.

Vet du inte hur du lägger till och konfigurerar en kontroll?

Kontrollen Galleri visar bilder på produkter med heltäckningsmatta, parkett och klinker baserat på länkarna i Excel-filen som du hämtade.

Riktlinjer för hjälpmedel

Färgkontrast

Krav på standardfärgkontrast gäller om grafiken används som en knapp.
Överväg att kontrollera kontrastproblem inom bilden, om den inte är i dekorationssyfte.

Stöd för skärmläsare

AccessibleLabel måste ha angetts för viktig grafik.
Om bilden är för dekoration eller ger överflödig information, lämna AccessibleLabel tom eller ställ in den på den tomma strängen "" . Skärmläsare ignorerar dessa bilder.

Du kan till exempel placera en Bild av ett hänglås bredvid a etikett som säger Det här formuläret kan inte ändras. Du behöver inte ha en AccessibleLabel för bilden eftersom etiketten redan förklarar dess betydelse.

Viktigt

När TabIndex är noll eller större, renderas Bild som en knapp. Utseendet ändras inte, men skärmläsaren ser ut som en knapp. De ignorerar inte kontrollen även om AccessibleLabel är tom.

Tangentbordsstöd

TabIndex måste vara noll eller större om grafiken används som en knapp. Tangentbordsanvändare kan sedan navigera till den.
Fokusindikatorer måste vara tydligt synliga om grafiken används som en knapp. Använd FocusedBorderColor och FocusedBorderThickness för att uppnå detta resultat.