Erstellen und Anzeigen eines einfachen Popups

Dieses Tutorial veranschaulicht, wie ein Popup für 10 Sekunden erstellt und 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. Der Inhalt innerhalb des Popups verwendet ein In -Argument, das dem Wörterbuch Argumente der Aktivität Show Callout hinzugefügt wurde.

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 eine Beschriftungs-/Header -Komponente in die Popup-Datei.
   4. Speichern Sie die Komponente und die Popupdatei.
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. 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.
      3. Öffnen Sie das Arguments -Wörterbuch und geben Sie im Feld Wert des generierten Schlüssels den Text ein, den Sie anzeigen möchten.
         In diesem Beispiel wird der folgende Text angezeigt: "Welcome to Windy.com!<br>(this callout will close in 10 seconds)".
   4. Fügen Sie eine Delay -Aktivität hinzu und legen Sie sie auf 10 Sekunden fest.
   5. Fügen Sie eine Aktivität Close Form hinzu, um das Pop-up nach 10 Sekunden zu schließen. Wählen Sie in der Dropdownliste Formular auswählen die Popup-Datei aus, die Sie zuvor erstellt haben (z. B. Basic callout).
   6. 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. Dieser Workflow zeigt das Popup 10 Sekunden lang an und schließt es dann. Das folgende animierte Bild veranschaulicht dieses Szenario zur Laufzeit:

Abbildung 1. Animiertes Bild, das das Pop-up neben dem Fenster-Logo zeigt

Workflow-Beispiel

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