Control Imatge al Power Apps
Control que mostra una imatge de, per exemple, un fitxer local o una font de dades.
Descripció
Si afegiu un o més controls Image a l'aplicació, podeu mostrar imatges individuals que no formen part d'un conjunt de dades o podeu incorporar imatges de registres en fonts de dades.
Propietats de la clau
Image: el nom o l'adreça URL de la imatge que apareix en un control d'imatge, àudio o micròfon.
Nota
- Utilitzeu HTTPS per a totes les imatges externes per garantir la compatibilitat amb els navegadors més moderns.
- Les imatges externes han de ser accessibles de manera anònima (sense autenticació).
Propietats addicionals
AccessibleLabel: etiqueta per a lectors de pantalla.
ApplyEXIFOrientation: si s'aplicarà automàticament l'orientació especificada a les dades EXIF incrustades amb la imatge.
AutoDisableOnSelect: desactiva automàticament el control mentre el comportament OnSelect s'està executant.
BorderColor: el color de la vora d'un control.
BorderStyle: si la vora d'un control és Sòlid, Amb guions, Amb punts o Cap.
BorderThickness: el gruix de la vora d'un control.
CalculateOriginalDimensions: habilita les propietats OriginalHeight i OriginalWidth.
DisplayMode: si el control permet l'entrada de l'usuari (Edita), només mostra les dades (Visualitza) o està inhabilitada (Inhabilitat).
DisabledBorderColor: el color de la vora d'un control si la propietat DisplayMode del control està definida com a Inhabilitat.
DisabledFill: el color de fons d'un control si la propietat DisplayMode està definida com a Inhabilitat.
Fill: el color de fons d'un control.
FlipHorizontal: si voleu girar la imatge horitzontalment abans de mostrar-la.
FlipVertical: si voleu girar la imatge verticalment abans de mostrar-la.
FocusedBorderColor: el color de la vora d'un control quan el control té l'enfocament.
FocusedBorderThickness: el gruix de la vora d'un control quan el control té l'enfocament.
Height: la distància entre les vores superior i inferior d'un control.
HoverBorderColor: el color de la vora d'un control quan l'usuari manté el punter del ratolí sobre el control.
HoverFill: el color de fons d'un control quan l'usuari hi manté el punter del ratolí sobre.
ImagePosition : la posició (Emplenament, Ajustament, Estirament, Mosaic o Centre) d'una imatge en una pantalla o un control si no és de la mateixa mida que la imatge.
ImageRotation: com girar la imatge abans de mostrar-la. Els valors poden ser cap, en sentit horari 90 graus, en sentit antihorari 90 graus i en sentit horari 180 graus.
OnSelect: accions que cal dur a terme quan l'usuari toca o fa clic en un control.
OriginalHeight: l'alçada original d'una imatge, habilitada amb la propietat CalculateOriginalDimensions.
OriginalWidth: l'amplada original d'una imatge, habilitada amb la propietat CalculateOriginalDimensions.
PaddingBottom: la distància entre el text d'un control i la vora inferior del control.
PaddingLeft: la distància entre el text d'un control i la vora esquerra del control.
PaddingRight: la distància entre el text d'un control i la vora dreta del control.
PaddingTop: la distància entre el text d'un control i la vora superior del control.
PressedBorderColor: el color de la vora d'un control quan l'usuari toca el control o hi fa clic.
PressedFill: el color de fons d'un control quan l'usuari toca el control o hi fa clic.
RadiusBottomLeft: el grau al qual s'arrodoneix la cantonada inferior esquerra d'un control.
RadiusBottomRight: el grau al qual s'arrodoneix la cantonada inferior dreta d'un control.
RadiusTopLeft: el grau al qual s'arrodoneix la cantonada superior esquerra d'un control.
RadiusTopRight: el grau al qual s'arrodoneix la cantonada superior dreta d'un control.
TabIndex: ordre de navegació amb el teclat en relació amb altres controls.
Tooltip: text explicatiu que apareix quan l'usuari es desplaça per sobre d'un control.
Transparency: el grau al qual els controls darrere d'una imatge són visibles. Els valors decimals van del 0 a l'1. 0 és opac, 0,5 és semitransparent i 1 és transparent.
Visible: si es mostra o s'amaga un control.
Width: la distància entre les vores esquerra i dreta d'un control.
X: la distància entre la vora esquerra d'un control i la vora esquerra del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).
Y: la distància entre la vora superior d'un control i la vora superior del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).
Funcions relacionades
Remove( DataSource, ThisItem )
Exemples
Mostrar una imatge des d'un fitxer local
Al menú Fitxer, toqueu o feu clic a Fitxer multimèdia i toqueu o feu clic a Navega:
Feu clic o toqueu el fitxer d'imatge que voleu afegir, feu clic o toqueu Obre i, a continuació, premeu Esc per tornar a l'àrea de treball per defecte.
Afegiu un control Image i definiu la propietat Image al nom del fitxer que heu afegit.
No sabeu com afegir i configurar un control?
El control Image mostra la imatge que heu especificat.
Mostrar un conjunt d'imatges d'una font de dades
Baixeu aquest fitxer Excel i deseu-lo al vostre dispositiu local.
Al Power Apps Studio, a la subfinestra dreta, creeu o obriu una aplicació i, a continuació, feu clic o toqueu Afegeix una font de dades.
Si Afegeix una font de dades no es mostra a la subfinestra de la dreta, feu clic o toqueu una pantalla a la barra de navegació esquerra.
Feu clic o toqueu Afegeix dades estàtiques a l'aplicació, feu clic o toqueu el fitxer de l'Excel que heu baixat i, a continuació, feu clic o toqueu Obre.
Activeu la casella de selecció Estimacions de paviments i, a continuació, feu clic o toqueu Connecta.
Afegiu un control Gallery amb imatges i definiu la propietat Items a FlooringEstimates.
No sabeu com afegir i configurar un control?
El control Gallery mostra imatges de catifes, fustes i rajoles basades en enllaços al fitxer d'Excel que heu baixat.
Pautes d'accessibilitat
Contrast de color
- S'apliquen els requisits de contrast de color estàndard, si el gràfic s'utilitza com a botó.
- Considereu la possibilitat de comprovar si hi ha problemes de contrast dins de la imatge, si no és purament decorativa.
Suport del lector de pantalla
AccessibleLabel s'ha de definir per als gràfics importants.
Si el gràfic és per a decoració o proporciona informació redundant, deixeu AccessibleLabel buit o definiu-lo amb la cadena buida "". Els lectors de pantalla ignoren aquests gràfics.
Per exemple, podeu col·locar una Image d'un cadenat al costat d'una Label que digui Aquest formulari no es pot modificar. No necessiteu un AccessibleLabel per a la imatge perquè l'Label ja explica el seu significat.
Important
Quan TabIndex és zero o superior, la Image es converteix en un botó. La seva aparença no canvia, però els lectors de pantalla la tracten com un botó. No ignoraran el control encara que AccessibleLabel estigui buit.
Compatibilitat amb el teclat
TabIndex ha de ser zero o superior, si el gràfic s'utilitza com un botó. Els usuaris de teclat poden navegar-hi.
Els indicadors d'enfocament han de ser clarament visibles, si el gràfic s'utilitza com un botó. Utilitzeu FocusedBorderColor i FocusedBorderThickness per aconseguir aquest resultat.
Nota
Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)
Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).
Comentaris
Properament: al llarg del 2024 eliminarem gradualment GitHub Issues com a mecanisme de retroalimentació del contingut i el substituirem per un nou sistema de retroalimentació. Per obtenir més informació, consulteu: https://aka.ms/ContentUserFeedback.
Envieu i consulteu els comentaris de