Ejercicio: Crear una aplicación de lienzo con datos de un archivo de Excel

Completado

En este ejercicio, creará una aplicación móvil usando datos de una tabla de Excel. Descargue RealEstateProperties.xlsx para usarlo en este ejercicio.

Nota

Microsoft Power Apps requiere una licencia de Microsoft 365 o una prueba gratuita. Obtenga más información sobre las opciones de licencia. Los productos de Microsoft incluyen Power Apps y Power Automate.

  1. Vaya a make.powerapps.com e inicie sesión con sus credenciales de Power Apps.

  2. Desde la pantalla de inicio de Power Apps, seleccione Comenzar con datos.

  3. Seleccione Cargar un archivo de Excel.

  4. Seleccione la opción Seleccionar desde dispositivo. Vaya al lugar donde guardó el archivo de Excel RealEstateProperties.xlsx y cárguelo. (El tamaño máximo del archivo es 5 GB).

  5. Power Apps genera una tabla basada en los datos del archivo de Excel RealEstateProperties.xlsx. Como puede ver, Power Apps la ha denominado Real Estate Property y ha definido siete columnas de datos.

  6. Seleccione el botón Crear una aplicación en la esquina inferior derecha de la pantalla.

    Captura de pantalla de la tabla Real Estate Property importada, con siete columnas y el botón Crear aplicación resaltado

  7. Cuando la aplicación se carga por primera vez, puede aparecer un cuadro de diálogo que dice Le damos la bienvenida a Power Apps Studio. En ese caso, seleccione el botón Omitir.

    La aplicación generada debería mostrarse en modo Edición.

    Captura de pantalla de la aplicación generada en Power Apps Studio

  8. Seleccione el icono Datos en la barra de navegación izquierda. Se crea una tabla de Dataverse basada en el archivo de Excel RealEstateProperties.xlsx.

    Captura de pantalla del icono Datos en la barra de navegación izquierda

  9. Seleccione el icono Vista de árbol para volver a la vista de árbol.

    Captura de pantalla del icono Vista de árbol en la barra de navegación izquierda

  10. En la pantalla principal de la aplicación, seleccione la galería que muestra los detalles de Real Estate Properties y luego seleccione RecordsGallery1 en la vista de árbol para expandirla.

    Captura de pantalla de la galería que muestra los detalles de Real Estate Property

  11. Seleccione los puntos suspensivos (...) situados junto a la opción NextArrow y luego elimínela.

    Captura de pantalla que muestra la acción Eliminar siguiente flecha

  12. Seleccione RecordsGallery1 y luego seleccione el botón de edición para poner la galería en modo de edición.

    Captura de pantalla que muestra la acción de colocar la galería en modo de edición

  13. Reduzca el ancho y mueva la posición del componente Título de modo que quede hacia el lado derecho de la celda de la plantilla.

    Captura de pantalla que muestra la acción de ajustar el tamaño y la posición del componente Título

    Otros componentes deben cambiarse de posición junto al componente Título. De lo contrario, muévalos hasta que se parezcan a la captura de pantalla anterior.

  14. Asegúrese de que la galería todavía está en modo de edición. Seleccione la etiqueta Título.

  15. Verifique que el valor Texto del componente Título se establece en la fórmula siguiente:

    ThisItem.Address

    Captura de pantalla de la propiedad text en la barra de fórmula

  16. Seleccione el componente Subtítulo en la galería.

  17. Establezca el valor de Text del subtítulo en la siguiente fórmula:

    ThisItem.Size

  18. Utilizando la barra de herramientas de la parte superior de la página, cambie el Tamaño a 13.

    Captura de pantalla del tamaño establecido en 13 en la barra de herramientas

  19. Seleccione el componente Cuerpo en la galería.

  20. Establezca el valor de Text del Cuerpo en la siguiente fórmula:

    ThisItem.Price

    Su galería ahora debe parecerse a la siguiente captura de pantalla.

    Captura de pantalla de la galería de Real Estate Properties con el formato correcto

  21. Con el primer elemento en RecordsGallery1 seleccionado, seleccione Insertar, busque Imagen y seleccione el componente Imagen. Esto agregará una imagen a la galería.

  22. La imagen debería mostrarse como agregada a su galería. Cambie la posición y el tamaño de la imagen para que esté en el centro de cada celda de la galería.

    Captura de pantalla de la imagen centrada en la galería

  23. Para usar Ideas de Microsoft Power Apps, asegúrese de que la galería todavía está en modo de edición. Seleccione el cuerpo de la galería que contiene el precio. Seleccione la flecha al lado del icono del copiloto que aparece encima del componente de precio. Seleccione Formato de texto.

    Captura de pantalla de la galería con el componente de precio seleccionado

  24. Introduzca el siguiente valor para Formato deseado y pulse Intro en el teclado.

    $350,000

  25. Seleccione la fórmula generada y luego Aplicar.

    Nota

    Con la ayuda del copiloto, el valor de ejemplo (350 000 $) que introdujo generó la siguiente fórmula, que se muestra ahora en la barra de fórmulas para el control de la galería de precios:

    (Text(ThisItem.Price, "$#,##0", "en-US"))

  26. Complete los mismos pasos para el control Tamaño en el subtítulo de la galería. Asegúrese de que la galería esté en modo de edición. Seleccione el subtítulo en el que se incluye el tamaño. Seleccione la flecha al lado del icono de Copilot que aparece encima del componente de tamaño. Seleccione Formato de texto.

  27. Introduzca el siguiente valor para Formato deseado:

    Size: 1,800 sq ft

    Presione la tecla Entrar en el teclado.

    Quizá observe que la sección de ideas está vacía. La causa podría ser la falta de información o contexto necesario para generar una fórmula.

    Captura de pantalla de una fórmula vacía

  28. Puesto que la sección de ideas está vacía, agregará más ejemplos. Seleccione + Agregar ejemplos al menos dos veces más.

    Captura de pantalla del botón Agregar ejemplos dentro de Ideas de Power Apps

  29. Seleccione dos formatos actuales y luego proporcione los dos formatos deseados correspondientes.

    Captura de pantalla de las opciones de formato actual que coinciden con las opciones de formato deseadas

  30. Con el contexto agregado, Ideas de Power Apps genera una fórmula adecuada para usted, como se muestra en la siguiente imagen.

    Captura de pantalla de la fórmula generada por Ideas de Power Apps

  31. Seleccione la fórmula generada y luego Aplicar.

    Su galería debe parecerse a la siguiente imagen.

    Captura de pantalla de la galería con formato

  32. Guarde la aplicación.

  33. Salga de la aplicación para volver a la página principal de Power Apps.

    Captura de pantalla del botón Atrás para salir de la aplicación