Erstellen und Anzeigen eines einfachen Popups

Dieses Tutorial zeigt, 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 als Beispiel, bei der ein Pop-up neben dem Logo angezeigt wird. Der Inhalt innerhalb des Popups verwendet ein In -Argument, das dem Argumentenwörterbuch 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 Komponenten- Bereich 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 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. 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.

      3. Öffnen Sie das Argumentwö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 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. Dieser Workflow zeigt das Pop-up 10 Sekunden lang an und schließt es dann. Das folgende animierte Bild zeigt dieses Szenario zur Laufzeit:

Abbildung 1. Animiertes Bild, das das Pop-up neben dem Windows-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 für Windows.