Erstellen und Anzeigen eines Countdown-Callouts

Dieses Tutorial veranschaulicht, wie ein Popup für 10 Sekunden erstellt und angezeigt wird, während der Countdown dafür angezeigt wird, wenn ein bestimmtes UI-Element während der Automatisierung erscheint. Wir verwenden die Wetter -App als Beispiel, bei der ein Pop-up neben dem Logo angezeigt wird.

Voraussetzungen

Dieses Beispiel wurde mit diesen Aktivitätspaketen und -versionen erstellt:

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

Schritte

1. Erstellen Sie die Popup-Datei:
   1. Öffnen Sie Ihr Studio-Projekt und wählen Sie in der Dropdownliste Neu die Option Formular aus, um ein neues Formular zu erstellen. Die Formulardatei wird hier als Popup verwendet.
   2. Benennen Sie das Popup als Basic callout.
   3. Erweitern Sie im Komponentenbereich den Abschnitt Standard und ziehen Sie drei Beschriftungs-/Header- Komponenten in die Popup-Datei.
      • Geben Sie für die erste Komponente einen Standardtext ein, z. B.: Welcome to Windy.com!
      • Geben Sie für die zweite Komponente einen Standardtext ein, z. B. This pop-up will close in 10 seconds.
      • Lassen Sie die dritte Komponente unverändert. Dies ist der Countdown, der zur Laufzeit geändert wird.
   4. Speichern Sie die Komponenten und die Popup-Datei.
2. Öffnen Sie den Hauptworkflow in Ihrem Projekt.
   1. Fügen Sie eine Use Application/Browser- Aktivität hinzu und geben Sie "https://www.windy.com/" in das Feld Browser-URL ein.
   2. Fügen Sie eine Aktivität Run Local Triggers hinzu. Dadurch werden alle Trigger-Workflows aktiviert und können ausgeführt werden, wenn ihr auslösendes Ereignis eintritt.
3. Öffnen Sie den Hauptworkflow in Ihrem Projekt.
   1. Fügen Sie eine Use Application/Browser- Aktivität hinzu und geben Sie "https://www.windy.com/" in das Feld Browser-URL ein.
   2. Fügen Sie eine Aktivität Run Local Triggers hinzu. Dadurch werden alle Trigger-Workflows aktiviert und können ausgeführt werden, wenn ihr auslösendes Ereignis eintritt.
4. Erstellen Sie einen neuen Workflow mit dem Namen Show Basic Callout und fügen Sie eine Aktivität Application Event Trigger hinzu.
   1. Wählen Sie Ziel auf Bildschirm anzeigen aus und geben Sie das Windows-Logo für die Automatisierung an, um die Überwachung zu starten. In diesem Beispiel geben wir das Fenster „Windy“-Logo an, das wir überwachen möchten.
   2. Wählen Sie in der Dropdown-Liste Ereignistyp die Option Erschienen aus.
   3. Fügen Sie eine Aktivität Show Callout hinzu. Mit dieser Aktivität können Sie eine uiform -Datei auswählen, die Sie für ein bestimmtes UI-Element anzeigen können, sowie Daten mithilfe eines Argumentenwörterbuchs an die uiform -Datei übergeben.

      1. Wählen Sie in der Dropdownliste Formular auswählen die Popup-Datei aus, die Sie zuvor erstellt haben.

         In diesem Beispiel haben wir Basic callout ausgewählt.

      2. Geben Sie für das Feld UI-Element das UI-Element ein, das für die Aktivität Application Event Trigger angegeben wurde, nämlich das „Windy“-Logo, an das wir das Popup binden möchten.

         Um auf dieses Zielelement zuzugreifen, verwenden Sie den Ausdruck TriggerEventArgs.TargetElement . TriggerEventArgs ist hier ein Argument, das automatisch generiert wird, wenn eine Triggeraktivität zu Ihrem Workflow hinzugefügt wird. In diesem Fall generiert die Aktivität Application Event Trigger das Argument.

   4. Navigieren Sie zum Data Manager und erstellen Sie eine globale Variable mit dem Namen secondsLeft. Diese Variable wird verwendet, um die verbleibende Zeit für die Anzeige des Popups zu verfolgen.
   5. Fügen Sie eine Assign- Aktivität hinzu, um die Anzeigedauer für Ihr Popup zuzuweisen. Geben Sie im Feld Speichern unter die neu erstellte globale Variable (secondsLeft) und im Feld Zu speichernder Wert 10 ein.
5. Erstellen Sie einen weiteren Trigger-Workflow namens Zähler aktualisieren, der die Aktualisierung der verbleibenden Sekunden innerhalb des Popups auslöst.

   1. Fügen Sie eine Aktivität Global Variable Changed Trigger hinzu, um diesen Workflow immer dann auszuführen, wenn sich die globale Variable secondsLeft ändert.

      Wählen Sie in der Dropdownliste Globale Variable auswählen die Option secondsLeft aus und legen Sie den Zeitplanmodus auf Sequenziell fest .

   2. Fügen Sie eine Do While- Aktivität hinzu, um die Anzahl der verbleibenden Sekunden für die Popup-Anzeige zu aktualisieren, bis die secondsLeft -Variable zu 0 wird.

      1. Fügen Sie im Textkörper der Aktivität Do While eine Aktivität Set Form Values hinzu. Aus der Drop-down-Liste Formular auswählen wählen Sie die Datei Basic Callout aus. Öffnen Sie das Wörterbuch für Argumente und geben Sie für das Feld Wert des Schlüssels secondsValue den folgenden Ausdruck ein: "secondsLeft.ToString+" second(s) left."
      2. Fügen Sie eine Delay- Aktivität hinzu und legen Sie sie auf eine Sekunde fest.
      3. Fügen Sie eine Assign- Aktivität hinzu, um eine Sekunde von der globalen Variablen secondsLeft zu subtrahieren.
      4. Legen Sie die Bedingung für die Ausführung während des Vorgangs auf secondsLeft <> 0 fest.

   3. Fügen Sie eine Close Form- Aktivität hinzu und wählen Sie die Basic Callout -Datei aus.

   4. Fügen Sie eine Aktivität Stop Local Triggers hinzu, um die Ausführung aller Trigger-Workflows anzuhalten. Diese Aktivität ist besonders wichtig, wenn Ihr Projekt ausschließlich aus Trigger-Workflows besteht. Ohne Einbeziehung dieser Aktivität werden die Trigger dauerhaft in einer kontinuierlichen Schleife ausgeführt, ohne angehalten zu werden.

Ergebnis

Die Automatisierung öffnet die Website Windows und löst den Workflow Einfaches Popup anzeigen aus, sobald das Logo erscheint. Wenn die globale Variable auf 10 festgelegt ist, wird der Workflow Zähler aktualisieren gestartet, wobei eine Sekunde von der globalen Variablen abgezogen und sie für eine Sekunde im Popup angezeigt wird. Dies wird fortgesetzt, bis keine Sekunden mehr übrig sind. Dieser Laufzeitprozess wird im folgenden animierten Bild visualisiert:

Abbildung 1. Animiertes Bild, das ein Popup mit einem Timer zeigt

Workflow-Beispiel

Um zu überprüfen, wie die Schritte in diesem Tutorial implementiert werden, laden Sie sich das folgende Beispielprojekt herunter: Display Callout Countdown für Windows.