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 „Windy“ als Beispiel, bei der neben ihrem Logo ein Pop-up 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 Grundlegend , 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 Run Local Triggers -Aktivität 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 Run Local Triggers -Aktivität 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 dem 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“ an, das wir überwachen möchten.

   2. Wählen Sie in der Dropdownliste Ereignistyp die Option Wurde angezeigt 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 einem bestimmten UI-Element anzeigen können, und Daten an die uiform -Datei übergeben, indem Sie ein Argumentwörterbuch verwenden.
      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 ist, nämlich das Windows-Logo, an das wir das Pop-up binden möchten.
         Um auf dieses Zielelement zuzugreifen, verwenden Sie den Ausdruck TriggerEventArgs.TargetElement . TriggerEventArgs ist hier ein Argument, das automatisch generiert wird, wenn Sie eine Triggeraktivität zu Ihrem Workflow hinzufügen. 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 nachzuverfolgen.

   5. Fügen Sie eine Assign -Aktivität hinzu, um die Anzeigedauer für Ihr Pop-up 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 mit dem Namen 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 Sequential 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. Wählen Sie in der Dropdownliste Formular auswählen die Datei Basic Callout aus. Öffnen Sie das Arguments -Wörterbuch 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 Do While auf secondsLeft <> 0 fest.
   3. Fügen Sie eine Close Form- Aktivität hinzu und wählen Sie die Datei Basic Callout aus.
   4. Fügen Sie eine Aktivität Stop Local Triggers hinzu, um die Ausführung aller Trigger-Workflows zu stoppen.

      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 Endlosschleife ausgeführt, ohne anzuhalten.

Ergebnis

Die Automatisierung öffnet die Windows-Website und löst den Workflow Einfaches Popup anzeigen aus, sobald das Logo erscheint. Wenn die globale Variable auf 10 festgelegt wird, wird der Workflow Zähler aktualisieren gestartet, der eine Sekunde von der globalen Variablen abgezogen und diese 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 mit einem Popup, das einen Timer anzeigt

Workflow-Beispiel

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