Crear y mostrar una llamada simple

Este tutorial ilustra cómo crear y mostrar una llamada durante 10 segundos, cada vez que aparece un determinado elemento de la IU durante la automatización. Utilizaremos la aplicación Windy weather como ejemplo en el que se mostrará una llamada junto a su logotipo. El contenido dentro de la llamada utiliza un In argumento añadido al diccionario Argumentos de la actividad Mostrar llamada .

Requisitos previos

Este ejemplo se creó utilizando estos paquetes de actividades y versiones:

• UiPath.Callout.Activities 25.2.0
• UiPath.System.Activities 25.2.0
• UiPath.UIAutomation.Activities 25.2.1-preview

Pasos

1. Crea el archivo de llamada:
   1. Abre tu proyecto de Studio y, en el menú desplegable Nuevo , selecciona Formulario para crear un nuevo formulario.

      El archivo de formulario se utiliza aquí como llamada.

   2. Nombra la llamada como Basic callout.
   3. En el panel Componentes , expande la sección Básico y arrastra un componente Etiqueta/Encabezado al archivo de llamada.
   4. Guarda el componente y el archivo de llamada.
2. Abre el flujo de trabajo principal en tu proyecto.
   1. Añade una actividad Usar aplicación/navegador e introduce https://www.windy.com/ en el campo URL del navegador .
   2. Añade una actividad Ejecutar desencadenadores locales . Esto habilita todos los flujos de trabajo de desencadenador y les permite ejecutarse cuando se produce su evento de desencadenamiento.
3. Crea un nuevo flujo de trabajo llamado Mostrar llamada básica y añade una actividad Desencadenador de eventos de aplicación .
   1. Selecciona Indicar destino en pantalla e indica el logotipo de Windy para que la automatización comience a supervisar.

      Para este ejemplo, indicamos el logotipo de Windy, que queremos supervisar.

   2. En la lista desplegable Tipo de evento , selecciona Aparecido.
   3. Añade una actividad Mostrar llamada .
      Esta actividad te permite seleccionar un archivo uiform , que puedes mostrar en un determinado elemento de la IU, así como pasar datos al archivo uiform , utilizando un diccionario de Argumentos .
      1. En la lista desplegable Seleccionar formulario , selecciona el archivo de llamada que creaste anteriormente.
         Para este ejemplo, seleccionamos Basic callout.
      2. Para el campo Elemento de IU , introduce el elemento de IU indicado para la actividad Desencadenador de eventos de aplicación , que es el logotipo de Windy, al que queremos vincular la llamada.
         Para acceder a ese elemento de destino, utiliza la expresión TriggerEventArgs.TargetElement . TriggerEventArgs es un argumento aquí, que se genera automáticamente al añadir una actividad de desencadenador a tu flujo de trabajo. En este caso, la actividad Desencadenador de eventos de la aplicación genera el argumento.
      3. Abre el diccionario Argumentos y, en el campo Valor de la clave generada, introduce el texto que quieres mostrar.
         Para este ejemplo, mostramos el siguiente texto: "Welcome to Windy.com!<br>(this callout will close in 10 seconds)".
   4. Añade una actividad de Retraso y establécela en 10 segundos.
   5. Añade una actividad Cerrar formulario para cerrar la llamada después de 10 segundos. En la lista desplegable Seleccionar formulario , selecciona el archivo de llamada que creaste previamente (por ejemplo: Basic callout).
   6. Añade una actividad Detener desencadenadores locales para detener la ejecución de todos los flujos de trabajo de desencadenadores.

      Esta actividad es especialmente importante si tu proyecto consiste únicamente en flujos de trabajo de desencadenador. Sin incorporar esta actividad, los desencadenadores se ejecutarán de forma persistente en un bucle continuo sin detenerse.

Resultado

La automatización abre el sitio web de Windy y activa el flujo de trabajo Mostrar llamada básica una vez que aparece el logotipo. Este flujo de trabajo muestra la llamada durante 10 segundos y luego la cierra. La siguiente imagen animada muestra este escenario en tiempo de ejecución:

Figura 1. Imagen animada que muestra la llamada junto al logotipo de Windy

Ejemplo de flujo de trabajo

Para comprobar cómo se implementan los pasos de este tutorial, descarga el siguiente proyecto de ejemplo: Mostrar llamada para Windy.