Power Apps Canvas: cómo crear una aplicación desde cero

Power Apps Canvas: cómo crear una aplicación desde cero

En este tutorial, le mostraré cómo comenzar desde un lienzo en blanco de Power Apps y crear una aplicación desde cero.

Dado que este tutorial está destinado a usuarios de Power Apps que se encuentran en un nivel intermedio, supondré que ya sabe qué son las pantallas, las galerías y las tarjetas de datos. A estas alturas, también debería saber cómo cambiar sus propiedades y qué son los disparadores. Tener este conocimiento lo ayudará a trabajar con este tutorial fácilmente.

En los tutoriales anteriores sobre Power Apps , siempre comencé con una plantilla existente en la que todo estaba bien diseñado. Esta vez, vamos a empezar de cero.

Tabla de contenido

Inicio de un lienzo de Power Apps en blanco

Para crear un lienzo en blanco, haga clic en Nuevo debajo de la cinta Archivo. Luego, ve a Aplicación en blanco. Hagamos un diseño de tableta para esta aplicación.

Power Apps Canvas: cómo crear una aplicación desde cero

La ventaja de un diseño de tableta es que también se ve bien en las pantallas del navegador web y en su computadora. No todas las organizaciones utilizan teléfonos móviles o tabletas en el trabajo que realizan. En cambio, solo usan aplicaciones web. El diseño de la tableta sería entonces más conveniente para ellos.

Así es como se ve el lienzo en blanco.

Power Apps Canvas: cómo crear una aplicación desde cero

Antes de comenzar con la aplicación en sí, guárdela primero para asegurarse de no perder nada si algo sale mal. Puede hacerlo haciendo clic en Guardar como debajo de la cinta Archivo. Para esta aplicación, la guardaré en la nube para no tener que preocuparme por recuperar mis archivos si le sucede algo malo a mi dispositivo.

Power Apps Canvas: cómo crear una aplicación desde cero

Voy a nombrar esto FirstCanvasApp. Haga clic en Guardar en la parte inferior derecha para guardar su trabajo.

Creación de una pantalla maestra en su lienzo de Power Apps

Si hay una manera de hacer que trabajar con un lienzo en blanco de Power Apps sea más eficiente, es comenzar con una pantalla maestra.

Una pantalla maestra sirve como plantilla base en la que se basará toda la pantalla de su aplicación. Esto le permite crear una aplicación que mantiene un aspecto uniforme en todo momento.

Usemos Screen1 aquí como nuestra pantalla maestra. Simplemente haga clic en el menú del lado derecho para cambiar el nombre de la pantalla.

Power Apps Canvas: cómo crear una aplicación desde cero

Llamaremos a esto MasterScreen.

Power Apps Canvas: cómo crear una aplicación desde cero

Ahora, pensemos en cómo queremos lucir. Recuerde que debido a que esta es la pantalla principal, todas las demás páginas se verán así.

Podemos comenzar con un título en la parte superior. Haga clic en Iconos debajo de la cinta Insertar, luego elija Rectángulo.

Power Apps Canvas: cómo crear una aplicación desde cero

Vamos a usar este rectángulo como un banner donde se colocará nuestro título. Inicialmente, saldrá como una forma pequeña.

Power Apps Canvas: cómo crear una aplicación desde cero

Simplemente arrastre los marcadores de los lados y las esquinas hasta que cubra completamente la parte superior de la pantalla.

Power Apps Canvas: cómo crear una aplicación desde cero

A continuación, agreguemos el texto. Aún debajo de la cinta Insertar, haga clic en Texto y elija Etiqueta.

Power Apps Canvas: cómo crear una aplicación desde cero

Esto abrirá un pequeño cuadro de texto.

Power Apps Canvas: cómo crear una aplicación desde cero

Al igual que hicimos con el rectángulo, estiremos este cuadro de texto hasta que cubra el área superior.

Power Apps Canvas: cómo crear una aplicación desde cero

Luego, en la barra de fórmulas, escribiré "Título de la pantalla" y presionaré Enter. Tenga en cuenta que el contenido del cuadro de texto también cambia cuando hago eso.

Power Apps Canvas: cómo crear una aplicación desde cero

Hagámoslo mucho más grande también, para que sea más visible. Puedo cambiar el tamaño de fuente aquí debajo de la cinta Inicio.

Power Apps Canvas: cómo crear una aplicación desde cero

Permítanme cambiar el formato también y establecerlo en Negrita.

Power Apps Canvas: cómo crear una aplicación desde cero

Luego, cambiaré la alineación y la estableceré en Centro.

Power Apps Canvas: cómo crear una aplicación desde cero

Así es como se verán todas las pantallas de la aplicación.

Power Apps Canvas: cómo crear una aplicación desde cero

Trabajando en Documentación

Ahora que tenemos una pantalla maestra, creemos también una pantalla de documentación. La pantalla de documentación servirá como pantalla de referencia donde se pueden encontrar todos los elementos que se utilizarán en la aplicación.

Debajo de la cinta Inicio, simplemente haga clic en Nueva pantalla y elija En blanco.

Power Apps Canvas: cómo crear una aplicación desde cero

Luego, cambiemos el nombre de esta pantalla a Documentación.

Power Apps Canvas: cómo crear una aplicación desde cero

¿Recuerdas cómo usamos un rectángulo en la pantalla principal? Vamos a crear uno como ese aquí en la pantalla de documentación.

Power Apps Canvas: cómo crear una aplicación desde cero

Esta vez, quiero hacerlo de un color diferente. Para hacer eso, necesito cambiar la propiedad Relleno de la forma. Eso se puede encontrar aquí en el menú desplegable en el lado izquierdo.

Power Apps Canvas: cómo crear una aplicación desde cero

Observe que en la barra de fórmulas se muestran las propiedades de color RGBA para el color azul, que es el color actual del rectángulo.

Power Apps Canvas: cómo crear una aplicación desde cero

¿Qué pasa si quiero cambiarlo a amarillo? Realmente no necesito saber las propiedades RGBA para eso. Simplemente escriba la palabra Amarillo y automáticamente mostrará las diferentes opciones de color disponibles.

Power Apps Canvas: cómo crear una aplicación desde cero

Elijamos verde amarillo. Tenga en cuenta que una vez que elige un color, también muestra las propiedades RGBA al mismo tiempo que cambia el color de la forma.

Power Apps Canvas: cómo crear una aplicación desde cero

Referencia a la pantalla de documentación

Aquí es donde vemos el valor de la pantalla de documentación.

Como nos gusta más este color, regresemos a la pantalla maestra y cambiemos el color del rectángulo debajo del título. Entonces, una vez que elijamos el rectángulo debajo de la pantalla derecha, simplemente elija Rellenar en el menú desplegable.

Power Apps Canvas: cómo crear una aplicación desde cero

Tenga en cuenta que en lugar de escribir amarillo-verde como lo hicimos anteriormente, solo tuve que escribir Rectangle2. Llenar. Esto hace referencia automáticamente a lo que hicimos para el elemento Rectangle2, que se encuentra en la pantalla de documentación. Luego copia el mismo elemento que creamos en la pantalla de documentación.

Así que imagina tener hasta 8 pantallas o más en tu aplicación. Esto significa que si decidimos cambiar las propiedades de alguno de los elementos que aparecen en todas las pantallas, no tenemos que cambiarlos uno por uno. Solo tenemos que cambiar la pantalla de documentación, y todo lo demás seguirá.

Digamos que un gerente le dice que cambie el color a rojo porque no le gusta el amarillo verdoso. Ahora, solo necesita volver a Rectángulo y cambiarlo a rojo.

Power Apps Canvas: cómo crear una aplicación desde cero

Esto cambiará automáticamente todos los demás rectángulos que hacen referencia a esto en su aplicación.


Introducción a Power Apps: definición, características, funciones e importancia
Entornos de Power Apps: configuración adecuada de los elementos de la aplicación
Funciones y fórmulas de PowerApps | Una introducción

Conclusión

Trabajar con un lienzo en blanco de Power Apps nos muestra aún más cuán flexible es realmente esta plataforma. La facilidad de uso realmente nos permite crear aplicaciones poderosas que se alinean con nuestros temas y marcas.

Siempre que comience con estas dos pantallas clave, la pantalla maestra y la pantalla de documentación, puede crear aplicaciones con facilidad sin preocuparse por el trabajo repetitivo al pasar de una pantalla a otra.

Mis mejores deseos,

Enrique


Time Intelligence en LuckyTemplates: cómo calcular el número de transacciones realizadas en los últimos N días

Time Intelligence en LuckyTemplates: cómo calcular el número de transacciones realizadas en los últimos N días

Descubra cómo calcular el total de transacciones realizadas en los últimos N días y obtenga información útil utilizando la inteligencia de tiempo en LuckyTemplates.

Cómo evaluar clústeres en sus datos mediante la técnica DAX en LuckyTemplates

Cómo evaluar clústeres en sus datos mediante la técnica DAX en LuckyTemplates

En este tutorial, demuestro cómo mostrar clústeres en sus datos permite extraer información valiosa usando técnicas DAX avanzadas.

¿Cuánto personal tenemos actualmente? Lógica de fechas múltiples en LuckyTemplates usando DAX

¿Cuánto personal tenemos actualmente? Lógica de fechas múltiples en LuckyTemplates usando DAX

En este tutorial, aprenderá a calcular la <strong>población actual del personal</strong> para las relaciones múltiples de la tabla de calendario mediante la función COUNTROWS y FILTER en LuckyTemplates.

Hacer una solicitud HTTP en Power Automate

Hacer una solicitud HTTP en Power Automate

Aprenda a crear una solicitud HTTP con Power Automate y cómo implementar soluciones efectivas para la automatización de tareas.

Programe un flujo de escritorio para que se ejecute en Power Automate

Programe un flujo de escritorio para que se ejecute en Power Automate

En este tutorial, aprenda cómo programar un flujo de escritorio en Power Automate para automatizar tareas en la web y su escritorio.

Power Automate Terminar Control de acción en flujos

Power Automate Terminar Control de acción en flujos

Aprenda a usar correctamente el control Terminar acción de Power Automate que termina las acciones en un flujo si no se cumple alguna de las condiciones.

Power Query: combinar archivos de varias carpetas

Power Query: combinar archivos de varias carpetas

Aprenda a combinar archivos de varias carpetas en su red, escritorio, OneDrive o SharePoint utilizando Power Query.

Tipos de flujo de Power Automate y cuándo usarlos

Tipos de flujo de Power Automate y cuándo usarlos

En este blog, analizamos las similitudes y diferencias entre los tipos de flujo de Power Automate y determinamos cuándo usar cada flujo. Encuentra la mejor opción de automatización.

Conectores de Power Automate: número, texto y fecha y hora

Conectores de Power Automate: número, texto y fecha y hora

Familiarízate con algunos conectores Power Automate integrados que transforman cadenas en otro formato: número, texto y fecha y hora.

Tutorial del analizador VertiPaq: relaciones e integridad referencial

Tutorial del analizador VertiPaq: relaciones e integridad referencial

Este tutorial detallado sobre el analizador VertiPaq en DAX Studio le enseñará cómo usar la pestaña Relaciones para optimizar su DAX y resolver problemas de integridad referencial.