Bilde-kontroll i Power Apps
En kontroll som viser et bilde, for eksempel fra en lokal fil eller en datakilde.
Beskrivelse
Hvis du legger til én eller flere Bilde-kontroller i appen din, kan du vise enkeltbilder som ikke er en del av et datasett, eller du kan inkludere bilder fra poster i datakilder.
Nøkkelegenskaper
Bilde – navnet på eller nettadressen til bildet som vises i en bilde-, lyd- eller mikrofonkontroll.
Obs!
- Bruk HTTPS for alle eksterne bilder for å sikre kompatibilitet med moderne nettlesere.
- Eksterne bilder må være tilgjengelige anonymt (uten godkjenning).
Tilleggsegenskaper
AccessibleLabel – etikett for skjermlesere.
ApplyEXIFOrientation – Hvorvidt retningen som er angitt i bildets innebygde EXIF-data automatisk skal brukes.
AutoDisableOnSelect – deaktiverer kontrollen automatisk mens OnSelect-virkemåten kjøres.
BorderColor – fargen på kontrollens kantlinje.
BorderStyle – hvorvidt kontrollens kantlinje er heltrukket, stiplet, prikket eller ingen.
BorderThickness – tykkelsen på kontrollens kantlinje.
CalculateOriginalDimensions – Aktiverer egenskapene OriginalHeight og OriginalWidth.
DisplayMode – hvorvidt kontrollen tillater brukerinndata (Rediger), bare viser data (Vis) eller er deaktivert (Deaktivert).
DisabledBorderColor – fargen på kontrollens kantlinje hvis kontrollens DisplayMode-egenskap er angitt som Deaktivert.
DisabledFill – bakgrunnsfargen på kontrollens tekst hvis DisplayMode-egenskapen er angitt som Deaktivert.
Fill – bakgrunnsfargen på kontrollen.
FlipHorizontal – Hvorvidt bildet skal vendes vannrett før det blir vist.
FlipVertical – Hvorvidt bildet skal vendes loddrett før det blir vist.
FocusedBorderColor – fargen på kontrollens kantlinje når kontrollen er fokusert.
FocusedBorderThickness – tykkelsen på kontrollens kantlinje når kontrollen er fokusert.
Height – avstanden mellom kontrollens øvre og nedre kant.
HoverBorderColor – fargen på kontrollens kantlinje når brukeren holder musepekeren over denne kontrollen.
HoverFill – bakgrunnsfargen for en kontroll når brukeren holder musepekeren over den.
ImagePosition – plasseringen (Fyll, Tilpass, Strekk, Side ved side eller Midtstill) av et bilde på en skjerm eller en kontroll hvis det ikke har samme størrelse som bildet.
ImageRotation – Hvordan bildet skal roteres før det vises. Verdiene kan være none, clockwise (CW) 90 degrees, counter-clockwise (CCW) 90 degrees og clockwise 180 degrees.
OnSelect – Handlinger som skal utføres når brukeren klikker eller trykker på en kontroll.
OriginalHeight – opprinnelig høyde på et bilde, aktivert med egenskapen CalculateOriginalDimensions.
OriginalWidth – opprinnelig bredde på et bilde, aktivert med egenskapen CalculateOriginalDimensions.
PaddingBottom – avstanden mellom teksten i en kontroll og den nederste kanten av kontrollen.
PaddingLeft – avstanden mellom teksten i en kontroll og den venstre kanten av kontrollen.
PaddingRight – avstanden mellom teksten i en kontroll og den høyre kanten av kontrollen.
PaddingTop – avstanden mellom teksten i en kontroll og den øverste kanten av kontrollen.
PressedBorderColor – fargen på kontrollens kantlinje når brukeren trykker eller klikker på kontrollen.
PressedFill – bakgrunnsfargen i en kontroll når brukeren trykker eller klikker på kontrollen.
RadiusBottomLeft – i hvilken grad hjørnet nederst til venstre av en kontroll avrundes.
RadiusBottomRight – i hvilken grad hjørnet nederst til høyre av en kontroll avrundes.
RadiusTopLeft – i hvilken grad hjørnet øverst til venstre av en kontroll avrundes.
RadiusTopRight – i hvilken grad hjørnet øverst til høyre av en kontroll avrundes.
TabIndex – navigasjonsrekkefølge for tastatur i forhold til andre kontroller.
Tooltip – forklarende tekst som vises når brukeren holder pekeren over en kontroll.
Transparency – i hvor stor grad kontrollene bak et bilde forblir synlige. Desimalverdier er i området 0 til 1. Der 0 er ugjennomsiktig, 0,5 halvt gjennomsiktig og 1 er gjennomsiktig.
Visible – om kontrollen vises eller skjules.
Width – avstanden mellom kontrollens venstre og høyre kant.
X – avstanden mellom kontrollens venstre kant og den venstre kanten til kontrollens overordnede beholder (eller skjermen, hvis det ikke finnes noen overordnet beholder).
Y – avstanden mellom kontrollens øvre kant og den øvre kanten til kontrollens overordnede beholder (eller skjermen, hvis det ikke finnes noen overordnet beholder).
Relaterte funksjoner
Remove( DataSource, ThisItem )
Eksempler
Vise et bilde fra en lokal fil
Klikk eller trykk på Media på Fil-fanen, og klikk eller trykk deretter på Bla gjennom.
Klikk eller trykk på bildefilen som du vil legge til, klikk eller trykk på Åpne og trykk deretter på Esc for å gå tilbake til standardarbeidsområdet.
Legg til en Bilde-kontroll, og angi Image-egenskapen til navnet på filen du la til.
Vet du ikke hvordan du legger til og konfigurerer en kontroll?
Bilde-kontrollen viser bildet du har angitt.
Vise et sett med bilder fra en datakilde
Last ned denne Excel-filen, og lagre den på den lokale enheten.
Opprett eller åpne en app i Power Apps Studio, og klikk eller trykk på Legg til en datakilde i ruten til høyre.
Hvis Legg til en datakilde ikke vises i den høyre ruten, kan du klikke eller trykke på et skjermbilde i navigasjonsfeltet til venstre.
Klikk eller trykk på Legg til statiske data på appen, klikk eller trykk på Excel-filen du lastet ned og klikk eller trykk deretter på Åpne.
Velg avmerkingsboksen for Flooring Estimates, og klikk eller trykk deretter på Koble til.
Legg til en Galleri-kontroll med bilder, og angi kontrollens Items-egenskap til FlooringEstimates.
Vet du ikke hvordan du legger til og konfigurerer en kontroll?
Galleri-kontrollen viser bilder av tepper, parkett og flisprodukter basert på koblinger i Excel-filen du lastet ned.
Retningslinjer for tilgjengelighet
Fargekontrast
- Standardkrav for fargekontrast gjelder, hvis grafikken brukes som en knapp.
- Vurder å se etter problemer med kontrasten i bildet hvis det ikke fortoner seg som estetisk tilfredsstillende.
Skjermleserstøtte
AccessibleLabel må være angitt for viktig grafikk.
Hvis grafikken er for dekorasjon eller inneholder overflødig informasjon, lar du AccessibleLabel være tom eller setter den til den tomme strengen "". Skjermlesere ignorerer denne grafikken.
Du kan for eksempel plassere et Bilde av en hengelås ved siden av en Etikett der det står Dette skjemaet kan ikke endres. Du trenger ikke en AccessibleLabel for bildet fordi Etikett allerede forklarer meningen.
Viktig
Når TabIndex-verdien er null eller større, blir Image til en knapp. Utseendet endres ikke, men skjermlesere behandler det som en knapp. Kontrollen ignoreres ikke selv om AccessibleLabel er tom.
Tastaturstøtte
TabIndex-verdien må være null eller større hvis grafikken brukes som en knapp. Tastaturbrukere kan deretter navigere til det.
Fokusindikatorer må være klart synlige hvis grafikken brukes som en knapp. Bruk FocusedBorderColor og FocusedBorderThickness for å oppnå dette.
Obs!
Kan du fortelle oss om språkinnstillingene for dokumentasjonen? Ta en kort undersøkelse. (vær oppmerksom på at denne undersøkelsen er på engelsk)
Undersøkelsen tar rundt sju minutter. Det blir ikke samlet inn noen personopplysninger (personvernerklæring).
Tilbakemeldinger
Kommer snart: Gjennom 2024 faser vi ut GitHub Issues som tilbakemeldingsmekanisme for innhold, og erstatter det med et nytt system for tilbakemeldinger. Hvis du vil ha mer informasjon, kan du se: https://aka.ms/ContentUserFeedback.
Send inn og vis tilbakemelding for