Descripción general del contexto de navegación de PowerApps

Descripción general del contexto de navegación de PowerApps

En este tutorial, analizaremos el contexto de la navegación de PowerApps. Usaremos las funciones Atrás y Navegar para cambiar qué pantalla se muestra en nuestras aplicaciones.

La mayoría de las aplicaciones contienen varias pantallas. Proporcionar una navegación PowerApps fácil de usar permite a los usuarios navegar de manera eficiente a través de esas pantallas de aplicaciones.

En la página de referencia, hagamos clic en Navegar y veamos qué hace.

Descripción general del contexto de navegación de PowerApps

La función Navegar cambia la pantalla que se muestra. Tendremos un ejemplo para comprender mejor cómo funciona esta función.

Descripción general del contexto de navegación de PowerApps

Tabla de contenido

Navegación de PowerApps con la función de navegación

Primero, hagamos clic en la primera tarjeta de datos ( Beau Spratling ).

Descripción general del contexto de navegación de PowerApps

Vaya al activador OnSelect y veremos que la función Navigate se usa para llevar al usuario a la pantalla especificada ( DetailScreen1 ). Esto significa que al hacer clic en esta tarjeta, nos llevará a DetailScreen1 .

Descripción general del contexto de navegación de PowerApps

Por otro lado, el segundo argumento es para el tipo de transición que queremos establecer. Actualmente está configurado en Ninguno .

Descripción general del contexto de navegación de PowerApps

En la página de referencia podemos ver las diferentes transiciones entre las que podemos elegir y una demostración de cada una de ellas.

Descripción general del contexto de navegación de PowerApps

Podemos cambiar fácilmente la transición de navegación haciendo clic en la tarjeta de datos nuevamente. Luego, haga clic en el segundo argumento.

Descripción general del contexto de navegación de PowerApps

Después de eso, aparecerá ScreenTransition.None .

Descripción general del contexto de navegación de PowerApps

Elimina la palabra Ninguno al final y las diferentes opciones de transición aparecerán debajo. Para este ejemplo, usemos la transición Fade . Prueba a reproducir tu aplicación y verás cómo funciona la transición Fade .

Descripción general del contexto de navegación de PowerApps

Ahora hagamos clic en la flecha dentro de nuestra tarjeta de datos.

Descripción general del contexto de navegación de PowerApps

Podemos ver que su disparador también es OnSelect y está seleccionando el elemento Parent .

Descripción general del contexto de navegación de PowerApps

El elemento principal de esa flecha se refiere a la propia tarjeta de datos. Está utilizando la función Navigate que redirige a los usuarios a DetailScreen1 . Una vez que haga clic, hará lo mismo que cuando hacemos clic en la tarjeta de datos.

Descripción general del contexto de navegación de PowerApps

Adición de una funcionalidad de edición para la navegación de PowerApps

Ahora, intentemos agregar un símbolo de edición que nos redirigirá a la página de edición directamente desde nuestra tarjeta de datos. Haga clic en el elemento Separator5 debajo de BrowseGallery1 .

Descripción general del contexto de navegación de PowerApps

Luego haga clic en los Iconos y seleccione el icono Editar .

Descripción general del contexto de navegación de PowerApps

Dado que lo agregamos dentro de BrowseGallery1 , se replica para cada tarjeta de datos dentro de la galería.

Descripción general del contexto de navegación de PowerApps

Luego, muevamos el ícono al lado del ícono de la flecha y redimensionémoslo hasta que sea un poco más pequeño.

Descripción general del contexto de navegación de PowerApps

De forma predeterminada, este ícono de edición también usó el activador OnSelect y la función Seleccionar de su elemento principal. Entonces, al hacer clic aquí, también nos redirigirá a la pantalla de detalles.

Descripción general del contexto de navegación de PowerApps

Cambiemos eso cambiando la función a Navigate . Cambie Select (Principal) a Navigate (EditScreen1) en su lugar.

Descripción general del contexto de navegación de PowerApps

Estableceremos el segundo argumento en ScreenTransition.UnCover . Asegúrese de separar los dos argumentos con una coma ( , ).

Descripción general del contexto de navegación de PowerApps

Ahora juguemos nuestra aplicación.

Descripción general del contexto de navegación de PowerApps

Después de eso, haga clic en el botón Editar .

Descripción general del contexto de navegación de PowerApps

Luego, seremos redirigidos a la pantalla de edición.

Descripción general del contexto de navegación de PowerApps

Comprensión de la función Atrás en la navegación de PowerApps

En nuestra EditScreen1 , hagamos clic en el botón X al lado del título.

Descripción general del contexto de navegación de PowerApps

En este ejemplo, usamos la función ResetForm () junto con la función Atrás ().

Descripción general del contexto de navegación de PowerApps

Cuando navegamos hacia algún lugar, Microsoft PowerApps recuerda la última pantalla que abrimos. Podemos navegar a esa última pantalla usando la función Atrás() .

Por ejemplo, al usar esta función en el botón X , podemos volver fácilmente a la pantalla principal si accedemos a la pantalla de edición desde la pantalla principal. Si accedemos a la pantalla de edición desde la pantalla detallada, el botón X nos devolverá a la pantalla detallada.

También podemos leer una explicación más detallada de la función Atrás() en la página de referencia de fórmulas.

Descripción general del contexto de navegación de PowerApps


Conceptos básicos de Power Apps: Entorno de desarrollo y ejecución de su aplicación
Power Apps: Primeros pasos con esta herramienta revolucionaria

Conclusión

En resumen, podemos aprender la importancia y el contexto de la navegación de PowerApps. También podemos entender cómo funcionan las funciones Atrás y Navegar en nuestra aplicación. Podemos especificar una transición visual en la fórmula para controlar cómo cambia una pantalla a otra.

Solo tenga en cuenta que siempre es importante proporcionar a los usuarios una forma eficiente de navegar por las pantallas de su aplicación.

Mis mejores deseos,

Enrique


Qué es uno mismo en Python: ejemplos del mundo real

Qué es uno mismo en Python: ejemplos del mundo real

Qué es uno mismo en Python: ejemplos del mundo real

Cómo guardar y cargar un archivo RDS en R

Cómo guardar y cargar un archivo RDS en R

Aprenderá a guardar y cargar objetos desde un archivo .rds en R. Este blog también cubrirá cómo importar objetos desde R a LuckyTemplates.

Revisión de los primeros N días hábiles: una solución de lenguaje de codificación DAX

Revisión de los primeros N días hábiles: una solución de lenguaje de codificación DAX

En este tutorial del lenguaje de codificación DAX, aprenda a usar la función GENERAR y a cambiar dinámicamente el título de una medida.

Showcase Insights utilizando la técnica de elementos visuales dinámicos de subprocesos múltiples en LuckyTemplates

Showcase Insights utilizando la técnica de elementos visuales dinámicos de subprocesos múltiples en LuckyTemplates

Este tutorial cubrirá cómo usar la técnica de elementos visuales dinámicos de subprocesos múltiples para crear información a partir de visualizaciones de datos dinámicos en sus informes.

Introducción al contexto de filtro en LuckyTemplates

Introducción al contexto de filtro en LuckyTemplates

En este artículo, repasaré el contexto del filtro. El contexto del filtro es uno de los temas principales que cualquier usuario de LuckyTemplates debería conocer inicialmente.

Los mejores consejos para usar las aplicaciones en el servicio en línea de LuckyTemplates

Los mejores consejos para usar las aplicaciones en el servicio en línea de LuckyTemplates

Quiero mostrar cómo el servicio en línea de LuckyTemplates Apps puede ayudar a administrar diferentes informes e información generada a partir de varias fuentes.

Analice los cambios en el margen de beneficio a lo largo del tiempo: análisis con LuckyTemplates y DAX

Analice los cambios en el margen de beneficio a lo largo del tiempo: análisis con LuckyTemplates y DAX

Aprenda a calcular los cambios de su margen de beneficio utilizando técnicas como la bifurcación de medidas y la combinación de fórmulas DAX en LuckyTemplates.

Ideas de materialización para cachés de datos en DAX Studio

Ideas de materialización para cachés de datos en DAX Studio

Este tutorial analizará las ideas de materialización de cachés de datos y cómo afectan el rendimiento de DAX al proporcionar resultados.

Informes comerciales con LuckyTemplates

Informes comerciales con LuckyTemplates

Si todavía usa Excel hasta ahora, este es el mejor momento para comenzar a usar LuckyTemplates para sus necesidades de informes comerciales.

¿Qué es la puerta de enlace de LuckyTemplates? Todo lo que necesitas saber

¿Qué es la puerta de enlace de LuckyTemplates? Todo lo que necesitas saber

¿Qué es la puerta de enlace de LuckyTemplates? Todo lo que necesitas saber