Las funciones Navigate y Back

  • 6 minutos

Veamos cómo puede agregar argumentos a las funciones Navigate y Back para mejorar la interfaz de usuario en una aplicación de Power Apps. En la sintaxis, los corchetes indican parámetros opcionales.

Lo que sigue es un desglose de la sintaxis de Navigate.

Navigate(ScreenName, ScreenTransition.TransitionType, {ContextRecord: NewValue})

  • ScreenName (obligatoria): la pantalla para mostrar.

  • ScreenTransition (opcional): la transición visual usada entre la pantalla actual y la pantalla siguiente. Si se omite, se utiliza el valor predeterminado ScreenTransition.None.

  • ContextRecord (opcional): un registro que contiene uno o más nombres de variables de contexto y sus valores. Este registro establece o actualiza las variables de contexto en la nueva pantalla.

Debe especificar el primer parámetro para indicar a qué pantalla navegar. El segundo parámetro controla opcionalmente el efecto de transición. El tercer parámetro le permite pasar valores de contexto a la nueva pantalla.

Función Back

Esta es la sintaxis para el uso de la función Back.

Back([ScreenTransition])

  • ScreenTransition (opcional): la transición visual que se usará al volver a la pantalla anterior. De forma predeterminada, es el inverso de la transición utilizada para llegar a la pantalla actual.

La función Back debe incluir paréntesis, Back().

La función Back devuelve al usuario a la pantalla que se ha mostrado más recientemente. Power Apps mantiene un historial de navegación, lo que incluye las transiciones de pantalla. Cuando se usa Back, Power Apps invierte la transición (a menos que se defina una transición específica).

Transiciones de pantalla

Las transiciones de pantalla se pueden usar con las funciones Navigate y Back. Estas son las opciones disponibles.

  • ScreenTransition.Cover: la nueva pantalla se desliza en la vista de derecha a izquierda y cubre la pantalla actual.

  • ScreenTransition.CoverRight: la nueva pantalla se desliza de izquierda a derecha.

  • ScreenTransition.Fade: la pantalla actual se desvanece y deja paso a la nueva pantalla.

  • ScreenTransition.None (valor predeterminado): cambia instantáneamente a la nueva pantalla.

  • ScreenTransition.UnCover: la pantalla actual se desliza de derecha a izquierda.

  • ScreenTransition.UnCoverRight: la pantalla actual se desliza de izquierda a derecha.

Ejemplos

La siguiente tabla ofrece algunos ejemplos de fórmulas que utilizan transiciones, tanto para Navigate como para Back. La tabla también incluye algunos de los parámetros de UpdateContextRecord en los ejemplos de Navigate, para que pueda visualizar cómo quedarían en su aplicación.

Fórmula Descripción Resultado
Navigate(Details) Va a la pantalla Details sin transición ni cambio de contexto. La pantalla Details aparece inmediatamente.
Navigate(Details, ScreenTransition.Fade) Navega a la pantalla Details usando una transición Fade. La pantalla actual se atenúa y muestra la pantalla Details.
Navigate(Details, ScreenTransition.Fade, {ID: 12}) Añade una transición de atenuación y establece la variable de contexto ID. La pantalla de detalles aparece con ID establecido en 12.
Navigate(Details, ScreenTransition.Fade, {ID: 12 , Shade: Color.Red}) Muestra la pantalla Details con una transición Fade. Actualiza el valor de la variable de contexto ID a 12. Actualiza el valor de la variable de contexto Shade a Color.Red. La pantalla actual se atenúa para mostrar la pantalla Details. El ID de la variable de contexto en la pantalla Details se establece en 12 y la variable de contexto Shade se establece en Color.Red. Si pone la propiedad Fill de un control en la pantalla Details en Shade, ese control aparecerá en rojo.
Back() Vuelve a la pantalla anterior usando la transición inversa. Power Apps invierte la última transición para mostrar la pantalla anterior.
Back(ScreenTransition.Cover) Vuelve a la pantalla anterior usando la transición Cover. Utiliza la transición Cover independientemente de cómo se introdujo la pantalla actual.

En resumen, Navigate y Back admiten parámetros para mejorar el control. Con Navigate, puede dirigir a los usuarios a otra pantalla, aplicar transiciones y establecer variables de contexto. La función Back permite la navegación inversa con transiciones predeterminadas o especificadas.

Hasta ahora, ha utilizado la propiedad OnSelect para habilitar la navegación en pantalla. En la siguiente unidad, descubrirá otras formas de implementar navegación en la aplicación.