Compartir a través de


Control Imagen en Power Apps

Un control que muestra una imagen desde, por ejemplo, un archivo local o un origen de datos.

Descripción

Si agrega uno o varios controles Imagen a la aplicación, puede mostrar imágenes individuales que no forman parte de un conjunto de datos, o puede incorporar imágenes desde registros de orígenes de datos.

Propiedades de la clave

Imagen: el nombre de la URL de la imagen que aparece en un control de imagen, audio o micrófono.

Nota

  • Utilice HTTPS para todas las imágenes externas para garantizar la compatibilidad con los navegadores modernos.
  • Las imágenes externas deben ser accesibles de forma anónima (sin ninguna autenticación).

Propiedades adicionales

AccessibleLabel: etiqueta para lectores de pantalla.

ApplyEXIFOrientation: indica si se aplica automáticamente la orientación especificada en los datos EXIF insertados en la imagen.

AutoDisableOnSelect: deshabilita automáticamente el control mientras se ejecuta el comportamiento OnSelect.

BorderColor: el color del borde de un control.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.

BorderThickness: el grosor del borde de un control.

CalculateOriginalDimensions: habilita las propiedades OriginalHeight y OriginalWidth.

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

DisabledBorderColor: el color del borde de un control si la propiedad DisplayMode del control está establecida en Deshabilitado.

DisabledFill: el color de fondo de un control si su propiedad DisplayMode está establecida en Deshabilitado.

Fill: el color de fondo de un control.

FlipHorizontal: si la imagen se voltea horizontalmente antes de mostrarla.

FlipVertical: si la imagen se voltea verticalmente antes de mostrarla.

FocusedBorderColor: el color del borde de un control cuando el control recibe el foco.

FocusedBorderThickness: el grosor del borde de un control cuando el control recibe el foco.

Height: la distancia entre los bordes superior e inferior de un control.

HoverBorderColor: el color del borde de un control cuando el usuario mantiene el puntero del ratón sobre ese control.

HoverFill: el color de fondo de un control cuando el usuario mantiene el puntero del ratón sobre él.

ImagePosition: la posición (Fill, Fit, Stretch, Tile o Center) de una imagen en una pantalla o un control, si no tiene el mismo tamaño que la imagen.

ImageRotation: cómo girar la imagen antes de mostrarla. Los valores pueden ser: ninguno, 90 grados a la derecha, 90 grados a la izquierda y 180 grados a la derecha.

OnSelect: acciones para llevar a cabo cuando el usuario toca o hace clic en un control.

OriginalHeight: la altura original de una imagen, habilitada con la propiedad CalculateOriginalDimensions.

OriginalWidth: el ancho original de una imagen, habilitada con la propiedad CalculateOriginalDimensions.

PaddingBottom: distancia entre el texto de un control y el borde inferior de ese control.

PaddingLeft: distancia entre el texto de un control y el borde izquierdo de ese control.

PaddingRight: distancia entre el texto de un control y el borde derecho de ese control.

PaddingTop: distancia entre el texto de un control y el borde superior de ese control.

PressedBorderColor: el color de un borde del control cuando el usuario toca o hace clic en ese control.

PressedFill: el color de fondo de un control cuando el usuario toca o hace clic en ese control.

RadiusBottomLeft: el grado al que se redondea la esquina inferior izquierda de un control.

RadiusBottomRight: el grado al que se redondea la esquina inferior derecha de un control.

RadiusTopLeft: el grado al que se redondea la esquina superior izquierda de un control.

RadiusTopRight: el grado al que se redondea la esquina superior derecha de un control.

TabIndex: orden de navegación del teclado en relación con otros controles.

Tooltip: texto explicativo que aparece cuando el usuario mantiene el mouse sobre un control.

Transparency: el grado en el que los controles permanecen visibles detrás de una imagen. Los valores decimales varían de 0 a 1. El valor 0 es opaco, 0,5 es semitransparente y 1 es transparente.

Visible: indica si un control aparece o está oculto.

Width: la distancia entre los bordes derecho e izquierdo de un control.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).

Remove( DataSource, ThisItem )

Ejemplos

Mostrar una imagen desde un archivo local

  1. En el menú Archivo, pulse o haga clic en Medios y, después, en Examinar.

  2. Pulse o haga clic en el archivo de imagen que desea agregar, pulse o haga clic en Abrir, y, a continuación, presione Esc para volver al área de trabajo predeterminada.

  3. Agregue un control Imagen y en su propiedad Imagen escriba el nombre del archivo que agregó.

    ¿No sabe cómo agregar y configurar un control?

    El control Imagen muestra la imagen que ha especificado.

Mostrar un conjunto de imágenes desde un origen de datos

  1. Descargue este archivo de Excely guárdelo en el dispositivo local.

  2. En Power Apps Studio, cree o abra una aplicación y, a continuación, haga clic o pulse en Agregar origen de datos en el panel derecho.

    Si Agregar origen de datos no aparece en el panel de la derecha, pulse o haga clic en la barra de navegación izquierda de una pantalla.

  3. Pulse o haga clic en Agregar datos estáticos a la aplicación, pulse o haga clic en el archivo de Excel que descargó y, a continuación, en Abrir.

  4. Seleccione la casilla Flooring Estimates y a continuación, pulse o haga clic en Conectar.

  5. Agregue un control Galería con imágenes y establezca su propiedad Items en FlooringEstimates.

    ¿No sabe cómo agregar y configurar un control?

    El control Galería muestra imágenes de productos de moqueta, parquet y mosaico basados en vínculos en el archivo de Excel que ha descargado.

Instrucciones para accesibilidad

Contraste de color

  • Si el gráfico se utiliza como botón, se aplican los requisitos estándar de contraste de color.
  • Considere la posibilidad de comprobar si hay problemas de contraste en la imagen, si no es simplemente decorativa.

Compatibilidad con el lector de pantalla

  • AccessibleLabel debe configurarse para gráficos importantes.

  • Si el gráfico es para decoración o proporciona información redundante, deje vacío AccessibleLabel o configúrelo como una cadena vacía "". Los lectores de pantalla ignorarán estos gráficos.

Por ejemplo, puede colocar una Imagen de un candado junto a una Etiqueta que diga Este formulario no se puede modificar. No necesita un AccessibleLabel para la imagen porque la Etiqueta ya explica su significado.

Importante

Cuando TabIndex es cero o mayor, la Imagen se convierte en un botón. Su apariencia no cambia, pero los lectores de pantalla lo tratarán como un botón. No ignorarán el control, incluso si AccessibleLabel esta vacio.

Compatibilidad con el teclado

  • TabIndex debe ser cero o mayor si el gráfico se utiliza como botón. Los usuarios del teclado pueden entonces navegar hasta él.

  • Los indicadores de foco deben verse claramente si el gráfico se usa como botón. Use FocusedBorderColor y FocusedBorderThickness para conseguirlo.

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).