Muestre una lista de elementos de cualquier origen de datos mediante la adición de un control Galería a la aplicación. En este tema se utiliza Excel como origen de datos. Filtre la lista mediante la configuración de la Galería para mostrar únicamente aquellos elementos que coinciden con el criterio de filtro en un control Entrada de texto.

Requisitos previos

Agregar una galería

  1. Abra PowerApps y haga clic o pulse en Nuevo cerca del borde izquierdo.

  2. En el icono Aplicación vacía, pulse o haga clic en Diseño de teléfono.

  3. Agregue una conexión a la tabla FlooringEstimates del archivo de Excel.

  4. (opcional) Agregue una galería a la pantalla predeterminada, para lo que debe hacer clic o pulsar la pestaña Insertar, hacer clic o pulsar Galería, y, después, hacer clic o pulsar una galería que esté vacía (en blanco) o que contenga un conjunto predeterminado de controles.

    Estas opciones incluyen galerías que se desplazan de forma horizontal o vertical. También puede agregar una galería que basa automáticamente su tamaño en la cantidad de contenido de cada elemento.

    Agregar galería

  5. En la pestaña Inicio, pulse o haga clic en Nueva pantalla.

    Puede agregar una pantalla que esté vacía, que se desplace, que contenga una galería o que contenga un formulario.

  6. Haga clic o pulse Pantalla de lista para agregar una pantalla que contenga una galería y otros controles, como una barra de búsqueda.

    Nota: si agrega una galería a una pantalla nueva o a una existente, puede hacer clic o pulsar cerca de la parte inferior de la galería para seleccionarla y, después, elija otro diseño en el panel derecho. Para este tutorial, deje el diseño predeterminado.

    Elegir el diseño de la galería

  7. En el panel derecho, pulse o haga clic en el origen de datos y, después, en FlooringEstimates.

    Seleccionar origen de datos

    La galería muestra los datos de ejemplo.

    Mostrar datos

    La ordenación y la búsqueda se configurarán en este mismo tema más adelante.

Agregar un control a la galería

Antes de realizar cualquier personalización, elija el diseño de la galería. El primer conjunto de controles de una galería es la plantilla, que determina el aspecto de todos los datos de la galería.

  1. Seleccione la plantilla, para lo que debe hacer clic o pulsar cerca de la parte inferior de la galería y, después, pulsar o hacer clic en el icono del lápiz en la esquina superior izquierda de la galería.

    Editar plantilla de galería

  2. Agregue un control Etiqueta a la plantilla de la galería y, después, mueva y cambie el tamaño del nuevo control para que no se superponga con otros controles de la plantilla.

    Agregar etiqueta

  3. Con el control Etiqueta aún seleccionado, abra la lista resaltada en el panel de la derecha.

    Lista desplegable abierta

  4. En la lista de campos que acaba de abrir, pulse o haga clic en Precio.

    Cambiar el enlace de la etiqueta

    La galería muestra los nuevos valores

    Galería final

Filtrar la galería

La propiedad Elementos de una galería determina qué elementos muestra. En este procedimiento, configure esa propiedad para que la galería muestre solo los elementos para los que el nombre del producto contenga el texto de TextSearchBox1.

Cuadro de búsqueda de texto

  1. Establezca la propiedad Elementos de la galería en esta fórmula:

    If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name)))

    Para más información acerca de las funciones de esta fórmula, consulte la referencia de las fórmulas.

  2. Escriba parte o la totalidad de un nombre de producto en el cuadro de búsqueda.

    La galería muestra solo los elementos que cumplen el criterio de filtro.

Ordenar la galería

La propiedad Elementos de una galería determina el orden en que muestra los elementos. En este procedimiento, configurará esa propiedad para que la galería muestra el orden de los elementos según lo establecido por ImageSortUpDown1.

Imagen para ordenar

  1. Establezca la propiedad Elementos de la galería en esta fórmula:

    Sort(If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name))), Name, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))

  2. Seleccione el icono de ordenación para cambiar el criterio de ordenación de la galería por los nombres de los productos.

Para ordenar y filtrar la galería, reemplace ambas instancias de DataSource en esta fórmula por el nombre del origen de datos y reemplace ambas instancias de ColumnName por el nombre de la columna por la que desea ordenar y filtrar.

Sort(If(IsBlank(TextSearchBox1.Text), DataSource, Filter( DataSource, TextSearchBox1.Text in Text( ColumnName ))), ColumnName, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))

Pasos siguientes