Imágenes
El control Imagen en Power Apps es un control Elementos multimedia que muestra imágenes, que pueden venir de archivos locales o de orígenes de datos. La adición de una imagen, como un logotipo de empresa o una foto de un usuario, es una manera fácil de mejorar la apariencia general de la aplicación. Si su origen de datos tiene imágenes, puede incluir la imagen en un control de galería. Incluso puede incluir una imagen como fondo de una pantalla.
Puede agregar tantas imágenes como desee a su aplicación, pero tenga en cuenta que la cantidad de imágenes que usa y el tamaño de las mismas pueden afectar el rendimiento de la aplicación, ya que Power Apps funciona para introducir los datos en la aplicación. Por lo tanto, siempre debe tener en cuenta el tamaño de datos de su imagen y, en consecuencia, adaptarla a su aplicación.
Al igual que cualquier otro control, su control Imagen tiene propiedades personalizables. Algunas de las propiedades importantes del control Imagen incluyen:
Imagen: el nombre del archivo de imagen (o vínculo del archivo) va aquí.
Posición de la imagen: la posición (rellenar, ajustar, extender, mosaico o centro) de la imagen en una pantalla o un control si no tiene el mismo tamaño que la imagen.
Transparencia: el grado al que permanecen visibles los controles detrás de una imagen.
Insertar una imagen en la aplicación
En el siguiente ejemplo, continuamos con nuestra aplicación Máquinas de café de Contoso, pero puede usar cualquier aplicación. Siga los siguientes pasos:
El primer paso para agregar una imagen a su aplicación a partir de datos locales es cargar un archivo de imagen. Power Apps puede utilizar la mayoría de los tipos de imágenes. Con la aplicación en Modo de edición, seleccione el botón Elementos multimedia del raíl izquierdo de Power Apps (a la izquierda del panel Vista de árbol). El panel Vista de árbol cambiará al panel Elementos multimedia.
Seleccione el botón Cargar en el panel Elementos multimedia.
En el menú emergente Abrir, busque/seleccione el archivo de imagen que desea usar en su aplicación y luego seleccione el botón Abrir. Después de un momento, su archivo de imagen aparecerá debajo de la lista Imágenes y mostrará una pequeña miniatura. Ya puede usar la imagen en su aplicación. En nuestra aplicación, estamos insertando un logotipo de Contoso Electronics para incluirlo en nuestro rectángulo de encabezado en la "Home Screen".
Para insertar la imagen, puede seleccionarla desde el panel Elementos multimedia o puede insertar un control Imagen primero y luego actualizar la propiedad de la imagen como la imagen que acaba de insertar.
Nota
Una vez que inserta un control de imagen, el panel Propiedades en el lado derecho de la pantalla incluye un menú desplegable para la propiedad Image, lo que le permite cambiar rápidamente la imagen representada. Además, puede agregar una fórmula para representar diferentes imágenes según una condición. Siempre que el resultado de entrada sea igual a Tipo de datos: imagen, puede usar una fórmula para generar una imagen.
Cambie el tamaño de su control Imagen y colóquelo en la parte superior izquierda del rectángulo de encabezado. Intente ajustar la propiedad Image position a las diversas opciones (como Centro, Rellenar y Ventana) para ver cómo reacciona la imagen, pero, en nuestro ejemplo, Ajustar es la mejor opción.
Ahora que le hemos presentado el control Imagen, veamos cómo personalizar su aplicación. Continúe con la siguiente unidad para aprender cómo hacerlo.