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(Screen [, ScreenTransition [, UpdateContextRecord ]])

  • Screen (obligatoria): la pantalla para mostrar (o a la que se navega).

  • ScreenTransition (opcional): la transición visual usada entre la pantalla actual y la pantalla siguiente. El valor predeterminado es None.

  • UpdateContextRecord (opcional): un registro que contiene el nombre de al menos una columna y un valor para cada columna. Este registro actualiza las variables de contexto aplicables para la nueva pantalla.

En otras palabras, debemos incluir el primer parámetro para permitir que Power Apps sepa a qué pantalla ir. Puede utilizar el segundo parámetro para definir cómo cambia visualmente la pantalla antigua a la nueva. Puede utilizar el tercer parámetro para pasar un valor de contexto a la nueva pantalla.

Función Back

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

Back([ScreenTransition])

  • ScreenTransition (opcional): la transición visual usada entre la pantalla actual y la pantalla siguiente. El valor predeterminado es la transición de pantalla inversa de la función Navigate que llevó al usuario a la pantalla.

Cuando agrega Back a una aplicación, debe incluir paréntesis: Back().

La función Back devuelve al usuario a la pantalla que la aplicación ha mostrado más recientemente. A medida que el usuario va a otras pantallas, la aplicación realiza un seguimiento de la ruta de las pantallas y las transiciones utilizadas. Por lo tanto, cuando la función Back se ejecuta, también se ejecutará la transición de pantalla inversa. Sus usuarios pueden utilizar la función Back para volver por completo a la pantalla que aparecía cuando abrieron la aplicación.

Transiciones de pantalla

Veamos con más detenimiento las transiciones de pantalla, ya que pueden formar parte de las fórmulas Navigate y Back. Estas son las opciones disponibles en Power Apps:

  • 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 en la vista de izquierda a derecha y cubre la pantalla actual.

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

  • ScreenTransition.None (valor predeterminado): la pantalla nueva reemplaza rápidamente a la pantalla antigua.

  • ScreenTransition.UnCover: la pantalla actual se desliza de la vista de derecha a izquierda, y muestra la pantalla nueva.

  • ScreenTransition.UnCoverRight: la pantalla actual se desliza de la vista de izquierda a derecha, y muestra la pantalla nueva.

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) Muestra la pantalla Details sin transición ni cambios en el valor de una variable de contexto. La pantalla Details aparece rápidamente.
Navigate(Details, ScreenTransition.Fade) Muestra la pantalla Details con una transición Fade. No se cambia ningún valor de una variable de contexto. La pantalla actual se atenúa para mostrar la pantalla Details.
Navigate(Details, ScreenTransition.Fade, {ID: 12}) Muestra la pantalla Details con una transición Fade. Actualiza el valor de la variable de contexto ID a 12. La pantalla actual se atenúa para mostrar la pantalla Details y la variable de contexto ID en la pantalla se establece 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() Muestra la pantalla anterior con la transición de retorno predeterminada. La aplicación muestra la pantalla anterior a través de la transición inversa de la transición que ha generado la pantalla actual.
Back(ScreenTransition.Cover) Muestra la pantalla anterior con la transición Cover. La aplicación muestra la pantalla anterior a través de la transición Cover, sea cual sea la transición que ha generado la pantalla actual.

En resumen, puede personalizar las funciones Navigate y Back utilizando sus parámetros. Puede usar la función Navigate para dejar que los usuarios cambien a otra pantalla, aunque también es posible agregar una transición visual y hasta establecer variables de contexto en el proceso. La función Back proporciona el inverso de cualquier transición que haya llevado al usuario a la pantalla actual, o bien puede definir una transición. De usted depende determinar la experiencia del usuario.

Hasta ahora, solo ha utilizado la función OnSelect para agregar navegación a su aplicación. En la siguiente unidad, descubrirá otras formas de agregar navegación en la aplicación.