Ejercicio: Modelar datos con aplicaciones de lienzo

  • 15 minutos

En este ejercicio, modelará los datos de su aplicación de lienzo.

Para completar este ejercicio, necesitará descargar la hoja de cálculo. Seleccione la descarga cuando se abra el vínculo. Extraiga la hoja de cálculo de Excel y cárguela en su propio OneDrive.

Agregar un origen de datos

  1. Inicie sesión en Power Apps.

  2. Cree una nueva aplicación de lienzo de Power Apps desde cero y asígnele el nombre "ShapeData". Seleccione el formato Tableta.

  3. Asegúrese de haber agregado esta hoja de Excel a su OneDrive.

  4. En la pestaña Insertar, seleccione Galería y, a continuación, la opción de galería vertical.

  5. En el panel de propiedades de la derecha, seleccione el menú desplegable de la propiedad Data source.

  6. En el cuadro Buscar, escriba OneDrive para la Empresa y seleccione de la lista OneDrive para la Empresa. También es posible expandir Conectores y desplazarse por todos los conectores disponibles hasta encontrar el conector OneDrive para la Empresa.

  7. Seleccione + Agregar una conexión.

  8. En la parte inferior de OneDrive para la Empresa, seleccione Conectar.

  9. Cuando aparezca Elegir un archivo Excel, vaya al lugar donde guardó el archivo de Excel que descargó en el paso 3 y selecciónelo.

  10. Compruebe la tabla Artículos y seleccione Conectar.

Se ha conectado a la tabla Excel de la lista OneDrive para la Empresa y puede ver los datos en el control Gallery.

Asignar formato a los datos en su galería

  1. Seleccione la galería que ha agregado.

  2. En el panel de propiedades de la derecha, seleccione el menú desplegable de la propiedad Layout.

  3. Seleccione el diseño Imagen, título, subtítulo y cuerpo.

  4. En el panel de propiedades de la derecha, seleccione el botón Editar de la propiedad columnas y establezca los siguientes puntos:

    • Body1: Descripción

    • Image2: Imagen

    • Subtitle2: UnitPrice

    • Title2: Nombre

  5. Seleccione la X a la derecha de Datos para salir

  6. En la galería, seleccione el precio en la primera fila.

  7. En la barra de fórmulas, asegúrese de que Texto esté seleccionado y escriba lo siguiente.

    "$" & ThisItem.UnitPrice

  8. En la galería, seleccione la imagen de la primera fila.

  9. En el panel de propiedades de la derecha, seleccione el menú desplegable de la propiedad Image Position.

  10. Seleccione Rellenar y verá cómo la imagen llena ahora el espacio.

Ahora ya ha configurado los datos de su galería y ha interactuado con ellos.

Filtrar datos en una galería

  1. Seleccione la galería.

  2. Asegúrese de que la propiedad Items esté seleccionada en la barra de fórmulas.

  3. Cambie la expresión a:

    Filter(Items, Origin = "China")

    Tenga en cuenta que la galería ahora solo muestra dos elementos cuyo origen es China.

  4. Intente hacer lo mismo, pero con el operador Y.

    Filter(Items, Origin = "China" And UnitsSold > 25)

    Tenga en cuenta que la galería ahora solo muestra un elemento que coincide con los dos criterios anteriores.

  5. Ahora cambiaremos la propiedad Items de nuevo al origen de datos de Items. Revisaremos esta función Filter más adelante.

    Items

Usar la función Search

  1. En la pestaña Insertar, seleccione Entrada y luego Entrada de texto. Coloque la entrada de texto sobre la galería.

  2. En el panel izquierdo, en Vista de árbol > Pantallas > Screen1 > seleccione los tres puntos a la derecha y Cambiar el nombre para cambiar el nombre de la entrada de texto a SearchInput. Cambiamos el nombre de este componente para poder consultarlo más adelante.

    captura de pantalla de la vista de galería en su aplicación

  3. Ahora seleccione la galería. Asegúrese de que la propiedad Items esté seleccionada en la barra de fórmulas y luego escriba esta expresión:

    Search(Items, SearchInput.Text, "Name")

    Contiene lo siguiente:

    Search(Items...): una función que le permite realizar una consulta más flexible que en una columna de cadena.

    SearchInput.Text: recupera el texto introducido en el control de entrada de texto SearchInput.

    "Name": indica la columna o columnas en las que se realiza la búsqueda

    Esta fórmula devolverá todas las filas donde la columna Name contenga el valor especificado en el control de entrada de texto SearchInput.

  4. Si desea buscar en más de una columna, puede agregar los nombres de las columnas al final de la expresión.

    Search(Items, SearchInput.Text, "Name", "Description")

Combinar funciones de modelado de datos

Como se explica en la unidad 3, puede combinar funciones para lograr una funcionalidad más compleja en su aplicación. Ya hemos probado la función Filter, así como la función Search y ahora ha llegado el momento de combinarlas en una sola función.

  1. Comience con la función Search que completamos en el paso anterior.

  2. Reemplace Items por Filter(Items, Origin = "China"), que hará que su expresión tenga el siguiente aspecto:

    Search(Filter(Items, Origin = "China"), SearchInput.Text, "Name", "Description")

Para la función Search, la primera opción que se le pide que proporcione es una tabla de datos. La función Filter devuelve una tabla de datos. Esto significa que es posible usar la función Filter como un origen de datos de la función Search. Al agregar esta combinación como fórmula de la propiedad Items de su control Gallery, está mostrando a los usuarios los datos que necesitan con la posibilidad adicional de buscarlos.

En Power Apps, puede recurrir al concepto de utilizar una función para proporcionar información a otra función en muchos lugares.

Mover datos entre colecciones y orígenes de datos

  1. En la pestaña Insertar, seleccione Botón y coloque el botón debajo de su galería.

  2. Cambie el texto del botón a Agregar a colección.

  3. Seleccione el botón y, en la barra de fórmulas, reemplace false por esta expresión:

    Collect(ItemsCollection, Items)

    ItemsCollection: hace referencia al nombre de la colección

    Items: hace referencia al nombre del origen de los datos

    Collect: copiará todas las filas de Items en la colección ItemsCollection

  4. Ejecute la aplicación. Seleccione el botón. Deje de ejecutar la aplicación.

  5. En la pestaña Vista, seleccione Colecciones y, a continuación, ItemsCollection. A continuación, verá que todas las filas del origen de datos Items se han agregado a la colección ItemsCollection.

Explorar otras funciones que se puedan usar con Colecciones

  1. En la pestaña Insertar, seleccione Nueva pantalla y, a continuación, En blanco.

  2. En la pestaña Insertar, seleccione Tabla de datos y colóquela junto a la galería.

  3. En la barra de fórmulas, asegúrese de que Items esté seleccionado y escriba ItemsCollection.

    De esta forma, el origen de datos de la tabla será la colección ItemsCollection, en lugar de la tabla Elementos de la hoja de Excel.

  4. En el panel de propiedades de la derecha, seleccione el botón Editar columnas para la propiedad columnas.

  5. Seleccione + Agregar columna

  6. Seleccione todas las columnas disponibles y, a continuación, Agregar

  7. Seleccione la X a la derecha de Datos para salir

  8. En la pestaña Insertar, seleccione Botón y coloque el botón debajo de su tabla. Repita este proceso cuatro veces.

  9. Cambie el texto de los cuatro botones a: Agregar columna, Soltar columna, Mostrar columna, Cambiar nombre de columna respectivamente.

  10. Seleccione el botón Agregar columna.

  11. Actualice la barra de fórmulas con esta expresión:

    Collect(AddCollection, AddColumns(ItemsCollection, "Revenue", UnitPrice * UnitsSold))

    Aquí, hemos creado una nueva colección llamada Agregar colección, que copia todos los datos de la colección Colección de artículos, pero además utilizamos la función AddColumns para agregar una nueva columna llamada Ingresos, que se calcula como Precio unitario * Unidades vendidas.

  12. Seleccione el botón Soltar columna.

  13. Actualice la barra de fórmulas con esta expresión:

    Collect(DropCollection, DropColumns(ItemsCollection, "UnitPrice"))

    Aquí, hemos creado una nueva colección llamada DropCollection, que copia todos los datos de la colección ItemsCollection, pero además utilizamos la función DropColumns para eliminar la columna UnitPrice.

  14. Seleccione el botón Cambiar nombre de columna.

  15. Actualice la barra de fórmulas con esta expresión:

    Collect(RenameCollection, RenameColumns(ItemsCollection, "Name", "Product"))

    Aquí, hemos creado una nueva colección llamada RenameCollection, que copia todos los datos de la colección ItemsCollection, pero además utilizamos la función RenameColumns para cambiar el nombre de la columna Name a Product.

  16. Seleccione el botón Mostrar columna.

  17. Actualice la barra de fórmulas con esta expresión:

    Collect(ShowCollection, ShowColumns(ItemsCollection, "Name"))

    Aquí, hemos creado una nueva colección llamada ShowCollection, que copia todos los datos de la colección ItemsCollection, pero además utilizamos la función ShowColumns para mostrar la columna Name.

  18. Ejecute la aplicación. Seleccione los cuatro botones. Deje de ejecutar la aplicación.

  19. En la pestaña Ver, seleccione Colecciones y luego seleccione cada una de las demás colecciones que ha creado para ver el efecto que han tenido las funciones.