Control Imagen en PowerAppsImage control in PowerApps

Un control que muestra una imagen desde, por ejemplo, un archivo local o un origen de datos.A control that shows an image from, for example, a local file or a data source.

DescripciónDescription

Si agrega uno o varios controles Imagen controles 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.If you add one or more Image controls to your app, you can show individual images that aren't part of a data set, or you can incorporate images from records in data sources.

Propiedades principalesKey properties

Imagen: el nombre de la imagen que aparece en un control de imagen, audio o micrófono.Image – The name of the image that appears in an image, audio, or microphone control.

Propiedades adicionalesAdditional properties

AutoDisableOnSelect: deshabilita automáticamente el control mientras se ejecuta el comportamiento AlSeleccionar.AutoDisableOnSelect – Automatically disables the control while the OnSelect behavior is executing.

BorderColor: el color de un borde del control.BorderColor – The color of a control's border.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness: el grosor de un borde del control.BorderThickness – The thickness of a control's border.

FocusedBorderThickness: grosor del borde del control cuando se resalta el teclado.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

CalculateOriginalDimensions: habilita las propiedades AltoOriginal y AnchoOriginal.CalculateOriginalDimensions – Enables the OriginalHeight and OriginalWidth properties.

DisplayMode: indica si el control permite entradas de usuario (Edit), solo muestra datos (View) o si está deshabilitado (Disabled).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor: el color de un borde del control si la propiedad DisplayMode del control está establecida en Disabled.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledFill: el color de fondo de un control si su propiedad DisplayMode está establecida en Disabled.DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill: el color de fondo de un control.Fill – The background color of a control.

Height: la distancia entre los bordes superior e inferior de un control.Height – The distance between a control's top and bottom edges.

HoverBorderColor: el color de un borde del control cuando el usuario mantiene el puntero del mouse sobre ese control.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

HoverFill: el color de fondo de un control cuando el usuario mantiene el puntero del mouse sobre él.HoverFill – The background color of a control when the user keeps the mouse pointer on it.

PosiciónDeLaImagen: posición (Rellenar, Ajustar, Estirar, Icono o Centrar) de una imagen en una pantalla o un control, si no tiene el mismo tamaño que la imagen.ImagePosition – The position (Fill, Fit, Stretch, Tile, or Center) of an image in a screen or a control if it isn't the same size as the image.

OnSelect: indica cómo responde la aplicación cuando el usuario toca o hace clic en un control.OnSelect – How the app responds when the user taps or clicks a control.

AltoOriginal: la altura original de una imagen, habilitada con la propiedad CalculateOriginalDimensions.OriginalHeight – Original height of an image, enabled with the CalculateOriginalDimensions property.

AnchoOriginal: el ancho original de una imagen, habilitada con la propiedad CalculateOriginalDimensions.OriginalWidth – Original width of an image, enabled with the CalculateOriginalDimensions property.

RellenoInferior: distancia entre el texto de un control y el borde inferior de ese control.PaddingBottom – The distance between text in a control and the bottom edge of that control.

RellenoIzquierdo: distancia entre el texto de un control y el borde izquierdo de ese control.PaddingLeft – The distance between text in a control and the left edge of that control.

RellenoDerecho: distancia entre el texto de un control y el borde derecho de ese control.PaddingRight – The distance between text in a control and the right edge of that control.

RellenoSuperior: distancia entre el texto de un control y el borde superior de ese control.PaddingTop – The distance between text in a control and the top edge of that control.

PressedBorderColor: el color de un borde del control cuando el usuario toca o hace clic en ese control.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

PressedFill: el color de fondo de un control cuando el usuario toca o hace clic en ese control.PressedFill – The background color of a control when the user taps or clicks that control.

RadiusBottomLeft: el grado al que se redondea la esquina inferior izquierda de un control.RadiusBottomLeft – The degree to which the bottom-left corner of a control is rounded.

RadiusBottomRight: el grado al que se redondea la esquina inferior derecha de un control.RadiusBottomRight – The degree to which the bottom-right corner of a control is rounded.

RadiusTopLeft: el grado al que se redondea la esquina superior izquierda de un control.RadiusTopLeft – The degree to which the top-left corner of a control is rounded.

RadiusTopRight: el grado al que se redondea la esquina superior derecha de un control.RadiusTopRight – The degree to which the top-right corner of a control is rounded.

Información sobre herramientas: texto explicativo que aparece cuando el usuario mantiene el puntero sobre un control.Tooltip – Explanatory text that appears when the user hovers over a control.

Transparencia: el grado en el los controles permanecen visibles detrás de una imagen.Transparency – The degree to which controls behind an image remain visible.

Visible: indica si un control aparece o está oculto.Visible – Whether a control appears or is hidden.

Width: la distancia entre los bordes derecho e izquierdo de un control.Width – The distance between a control's left and right edges.

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).X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

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).Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Quitar( DataSource, EsteElemento)Remove( DataSource, ThisItem )

EjemplosExamples

Mostrar una imagen desde un archivo localShow an image from a local file

  1. En la pestaña Contenido, pulse o haga clic en Multimedia y, a continuación, en Examinar.On the Content tab, click or tap Media, and then click or tap Browse.
  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.Click or tap the image file that you want to add, click or tap Open, and then press Esc to return to the default workspace.
  3. Agregue un control Imagen, establezca la propiedad de sus Artículos en el nombre del archivo que agregó.Add an Image control, and set its Items property to the name of the file that you added.

    ¿No sabe cómo agregar y configurar un control?Don't know how to add and configure a control?

    El control Imagen muestra la imagen que ha especificado.The Image control shows the image that you specified.

Mostrar un conjunto de imágenes desde un origen de datosShow a set of images from a data source

  1. Descargue este archivo de Excely guárdelo en el dispositivo local.Download this Excel file, and save it on your local device.
  2. En PowerApps Studio, cree o abra una aplicación y, a continuación, haga clic o pulse Agregar origen de datos en el panel derecho.In PowerApps Studio, create or open an app, and then click or tap Add data source in the right-hand pane.

    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.If Add data source doesn't appear in the right-hand pane, click or tap a screen in the left navigation bar.

  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.Click or tap Add static data to your app, click or tap the Excel file that you downloaded, and then click or tap Open.
  4. Seleccione la casilla Flooring Estimates y a continuación, pulse o haga clic en Conectar.Select the Flooring Estimates check box, and then click or tap Connect.
  5. Agregue un control Galería con imágenes y establezca su propiedad Artículos en FlooringEstimates.Add a Gallery control with images, and set its Items property to FlooringEstimates.

    ¿No sabe cómo agregar y configurar un control?Don't know how to add and configure a 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.The Gallery control shows images of carpet, hardwood, and tile products based on links in the Excel file that you downloaded.