Control de imaxe en Power Apps

  • Artigo

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 da clave

Imaxe: o nome ou URL da imaxe que aparece nun control de imaxe, audio ou micrófono.

Nota

  • Use HTTPS para todas as imaxes externas para garantir a compatibilidade cos navegadores modernos.
  • As imaxes externas deben estar accesibles de xeito anónimo (sen ningunha autenticación).

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 – Accións a realizar 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 Imaxe 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 de Excel e gárdao no teu 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

  • AccessibleLabel debe configurarse para gráficos importantes.

  • Se o gráfico é para decoración ou proporciona información redundante, deixe AccessibleLabel baleiro ou configúreo na cadea baleira "". Os lectores de pantalla ignorarán estes gráficos.

Por exemplo, pode colocar unha Imaxe dun cadeado xunto a unha Etiqueta que diga Este formulario non se pode modificar. Non precisa unha AccessibleLabel para a imaxe porque a Etiqueta xa explica o seu significado.

Importante

Cando TabIndex é cero ou maior, a Imaxe convértese nun botón. O seu aspecto non cambia, pero os lectores de pantalla tratarano como un botón. Non ignorarán o control, aínda que AccessibleLabel estea baleiro.

Compatibilidade do teclado

  • TabIndex debe ser igual a cero ou superior, se o gráfico se usa como botón. Os usuarios do teclado poden 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 conseguir este resultado.

Nota

Pode indicarnos as súas preferencias para o idioma da documentación? Realice unha enquisa breve. (teña en conta que esa enquisa está en inglés)

Esta enquisa durará sete minutos aproximadamente. Non se recompilarán datos persoais (declaración de privacidade).