Control de imaxe en Power Apps

Un control que mostra unha imaxe de, por exemplo, un ficheiro local ou unha orixe de datos.

Descripción

Se engade un ou varios controis de Imaxe á súa aplicación, pode mostrar imaxes individuais que non forman parte dun conxunto de datos ou pode incorporar imaxes de rexistros de orixes de datos.

Propiedades clave

Imaxe – O nome da imaxe que aparece nun control de imaxe, audio ou micrófono.

Propiedades adicionais

AccessibleLabel: etiqueta para lectores de pantalla.

ApplyEXIFOrientation - Se debe aplicar automaticamente a orientación especificada nos datos EXIF inseridos coa imaxe.

AutoDisableOnSelect - Desactiva automaticamente o control mentres se executa o comportamento OnSelect.

BorderColor: cor do bordo dun control.

BorderStyle: se un bordo dun control é Sólido, A trazos, Punteado ou Ningún.

BorderThickness: grosor do bordo dun control.

CalculateOriginalDimensions – Activa as propiedades OriginalHeight e OriginalWidth.

DisplayMode: se o control permite a entrada do usuario (Editar), só mostra datos (Ver) ou está desactivado (Desactivado).

DisabledBorderColor – A cor do bordo dun control se a propiedade DisplayMode do control está establecida en Desactivado.

DisabledFill – A cor de fondo dun control se a súa propiedade DisplayMode está establecida en Desactivado.

Enchemento: a cor de fondo dun control.

FlipHorizontal - Se desexa voltear a imaxe horizontalmente antes de amosala.

FlipVertical - Se desexa voltear a imaxe verticalmente antes de amosala.

FocusedBorderColor: a cor do bordo dun control cando o control está enfocado.

FocusedBorderThickness: o grosor do bordo dun control cando o control está enfocado.

Altura: distancia entre os bordos superior e inferior dun control.

HoverBorderColor – A cor do bordo dun control cando o usuario mantén o punteiro do rato sobre ese control.

HoverFill – A cor de fondo dun control cando o usuario mantén o punteiro do rato sobre el.

ImagePosition – Posición (Fill, Fit, Stretch, Tile ou Center) dunha imaxe dunha pantalla ou un control se non ten o mesmo tamaño que a imaxe.

ImageRotation - Como xirar a imaxe antes de mostrala. Os valores poden ser ningún, (CW) 90 graos á dereita, (CCW) 90 graos á esquerda e 180 graos á dereita.

OnSelect: Como responde a aplicación cando o usuario toca ou fai clic nun control.

OriginalHeight - Altura orixinal dunha imaxe, activada coa propiedade CalculateOriginalDimensions.

OriginalWidth - Ancho orixinal dunha imaxe, activada coa propiedade CalculateOriginalDimensions.

PaddingBottom - A distancia entre o texto dun control e o bordo inferior dese control.

PaddingLeft - A distancia entre o texto dun control e o bordo esquerdo dese control.

PaddingRight - A distancia entre o texto dun control e o bordo dereito dese control.

PaddingTop - A distancia entre o texto dun control e o bordo superior dese control.

PressedBorderColor – A cor do bordo dun control cando o usuario toca ou fai clic nese control.

PressedFill – A cor de fondo dun control cando o usuario toca ou fai clic nese control.

RadiusBottomLeft - O grao no que se arrodea a esquina inferior esquerda dun control.

RadiusBottomRight - O grao no que se arrodea a esquina inferior dereita dun control.

RadiusTopLeft - O grao no que se arrodea a esquina superior esquerda dun control.

RadiusTopRight - O grao no que se arrodea a esquina superior dereita dun control.

TabIndex - Orde de navegación do teclado en relación con outros controis.

Información sobre ferramentas: texto explicativo que aparece cando o usuario pasa o cursor do rato sobre un control.

Transparencia - O grao co que os controis de detrás dunha imaxe permanecen visibles. Os valores decimais van do 0 ao 1. Cando 0 é opaco, 0,5 é semitransparente e 1 transparente.

Visible: se aparece un control ou está oculto.

Largura: distancia entre os bordos esquerdo e dereito dun control.

X: A distancia entre o bordo esquerdo dun control e o bordo esquerdo do seu contedor principal (pantalla, se non hai ningún contedor principal).

Y: A distancia entre o bordo superior dun control e o bordo superior do contedor principal (pantalla, se non hai ningún contedor principal).

Remove( DataSource, ThisItem )

Exemplos

Amosar unha imaxe dun ficheiro local

  1. No menú Ficheiro, faga clic ou toque Multimedia e logo faga clic ou toque Examinar.

  2. Faga clic ou toque o ficheiro de imaxe que desexa engadir, faga clic ou toque Abrir e logo prema Esc para volver ao espazo de traballo predeterminado.

  3. Engada un control de Imaxe e estableza a súa propiedade Image no nome do ficheiro que engadiu.

    Non sabe como engadir e configurar un control?

    O control Imaxe mostra a imaxe que especificou.

Amosar un conxunto de imaxes dunha orixe de datos

  1. Descargue este ficheiro Excel e gárdao no dispositivo local.

  2. En Power Apps Studio, cree ou abra unha aplicación e faga clic ou toque Engadir orixe de datos no panel dereito.

    Se Engadir orixe de datos non aparece no panel dereito, faga clic ou toque unha pantalla na barra de navegación esquerda.

  3. Faga clic ou toque en Engadir datos estáticos á súa aplicación, faga clic ou toque o ficheiro Excel que descargou e logo faga clic ou toque Abrir.

  4. Seleccione a caixa de verificación Estimacións de pisos e logo faga clic ou toque Conectar.

  5. Engada un control de Galería con imaxes e configure a súa propiedade Items en FlooringEstimates.

    Non sabe como engadir e configurar un control?

    O control Galería mostra imaxes de produtos de alfombras, madeira e baldosas baseándose en enlaces do ficheiro Excel que descargou.

Directrices de accesibilidade

Contraste de cor

Soporte do lector de pantalla

  • AccesibleLabel debe estar presente, se o gráfico se usa como botón ou non é só para decoración.
  • AccessibleLabel debe estar baleiro ou a cadea baleira "" se o gráfico é exclusivamente para decoración. Isto fai que os lectores de pantalla ignoren o gráfico.
  • AccessibleLabel pode estar baleiro ou a cadea baleira "" se o gráfico fornece información redundante.
    • Por exemplo, unha Imaxe de engrenaxes coa súa AccessibleLabel establecida en Configuración. Esta imaxe non se usa como botón. Está a carón dunha Etiqueta que tamén di Configuración. Os lectores de pantalla lerán a imaxe como Configuración e a etiqueta como Configuración de novo. Isto é innecesariamente detallado. Neste caso, a Imaxe non precisa unha AccessibleLabel.

      Importante

      Os lectores de pantalla sempre lerán Imaxes que teñen TabIndex de cero ou dun valor superior, aínda que AccessibleLabel estea baleiro. Isto débese a que se representan como botóns. Se non se fornece AccessibleLabel, os lectores de pantalla lerán simplemente o gráfico como botón.

Compatibilidade do teclado

  • TabIndex debe ser igual a cero ou superior, se o gráfico se usa como botón. Isto permite aos usuarios do teclado navegar ata el.

  • Os indicadores de enfoque deben estar claramente visibles se o gráfico se usa como botón. Use FocusedBorderColor e FocusedBorderThickness para conseguilo.

    Nota

    Cando TabIndex equivale a cero ou a un valor superior, a Imaxe móstrase como un botón. Non se modifica o aspecto visual, pero os lectores da pantalla identificarán correctamente a imaxe como un botón. Cando TabIndex é inferior a cero, a Imaxe identifícase como unha imaxe.