Weitere Möglichkeiten, die Navigate-Funktion zu verwenden

  • 6 Minuten

Es gibt viele Möglichkeiten, die Navigation in Ihrer App zu konfigurieren, die über die Verwendung der Eigenschaft OnSelect eines Schaltflächen‑ oder Symbolsteuerelements hinausgehen. In dieser Lerneinheit werden die drei üblichen Techniken vorgestellt, darunter die Eigenschaft OnSuccess eines Formular-Steuerelements, die Eigenschaft OnTimerEnd eines Zeitgeber-Steuerelements und die Eigenschaft OnChange eines Dropdown-Steuerelements.

OnSuccess-Navigation

Um die Benutzererfahrung zu verbessern, ist es sinnvoll, nach einer erfolgreichen Datenübermittlung Feedback zu geben. Power Apps bietet Tools, die dies unterstützen. Wenn Sie z. B. einen Success Screen in Ihre App einfügen, können Sie die Navigation so konfigurieren, dass dieser nur angezeigt wird, wenn die Daten erfolgreich gespeichert wurden.

Fügen Sie zunächst einen Success Screen mit der Dropdownliste „Neuer Bildschirm“ ein, und ändern Sie den Namen in Success Screen.

Screenshot der Vorlagen für neue Bildschirme

Wählen Sie dann Ihr Formular aus und suchen Sie die entsprechende OnSuccess-Eigenschaft. Verwenden Sie die folgende Formel, um sicherzustellen, dass Benutzer nur zum Success Screen wechseln, wenn Daten erfolgreich gespeichert wurden:

Navigate(‘Success Screen’, ScreenTransition.Fade)

Screenshot des Formulars mit Fokus auf den Formularnamen in der Strukturansicht, das Formular und die Eigenschaft „OnSuccess“

Diese Navigate-Funktion wird nur nach einer erfolgreichen Formularübermittlung ausgelöst.

Konfigurieren Sie dann eine Möglichkeit, wie Benutzer zu einem vorherigen Bildschirm zurückkehren können. Anstatt eine manuelle Interaktion zu erfordern, können Sie ein Zeitgeber-Steuerelement nutzen.

OnTimerEnd-Navigation

Ein Zeitgeber-Steuerelement kann Übergänge automatisieren, beispielsweise das Zurückwechseln zu einem Katalog oder Startbildschirm nach einer kurzen Erfolgsmeldung.

Für das Zeitgeber-Steuerelement gilt standardmäßig Folgendes:

  • Ist sichtbar, wenn es dem Bildschirm hinzugefügt wird.

  • Hat eine Dauer von 60.000 Millisekunden, bzw. 60 Sekunden.

  • AutoStart ist auf „false“ gesetzt.

Sie können dies wie folgt anpassen:

  1. Fügen Sie ein Zeitgeber-Steuerelemen auf dem Success Screen ein.

  2. Legen Sie die Eigenschaft AutoStart auf true fest.

  3. Legen Sie die Eigenschaft Duration auf 4000 fest (4 Sekunden).

  4. Legen Sie die Eigenschaft OnTimerEnd auf Navigate('<yourScreenName>') fest.

  5. Legen Sie die Eigenschaft Visible auf false fest.

Mit diesen Einstellungen startet der Timer automatisch, wenn der Bildschirm geladen wird, und navigiert den Benutzer nach 4 Sekunden zu einem anderen Bildschirm.

OnChange-Navigation

Eine weitere effektive Methode für die Navigation besteht darin, Ihrer App ein Menü oder ein Dropdown-Steuerelement hinzuzufügen. Sie können dieses Dropdownmenü auf einem Bildschirm konfigurieren und dann zur Sicherstellung der Konsistenz auf andere Bildschirme in Ihrer App kopieren.

Ein Dropdown-Steuerelement verwendet als Datenquelle eine Tabelle. In der Items-Eigenschaft können Sie eine Liste der Bildschirmnamen Ihrer App wie im Folgenden zu sehen eingeben:

["","Home Screen", "Catalog Screen", "Success Screen"]

Diese Syntax stellt eine einspaltige Tabelle mit den angezeigten Werten dar. Ist äquivalent zu:

Table({Value: ""},{Value: "Home Screen"},{Value: "Catalog Screen"}, {Value: "Success Screen"})

Die Syntax für eckige Klammern ist eine vereinfachte Methode zur Eingabe von Tabellendaten.

Der erste Wert, "", ist eine leere Zeichenfolge. Sie können diese als Default-Eigenschaft des Steuerelements festlegen, damit keine Option vorausgewählt ist.

Wenn die Items-Eigenschaft konfiguriert ist, aktualisieren Sie die Eigenschaft OnChange des Steuerelements, um die Navigation zu behandeln.

Screenshot des Navigations-Dropdownmenüs

Tipp

Achten Sie darauf, die OnChange-Eigenschaft zu aktualisieren, nicht OnSelect. Die OnSelect-Eigenschaft wird ausgelöst, wenn ein Steuerelement ausgewählt wird, während OnChange verwendet wird, wenn sich der ausgewählte Wert ändert.

Die empfohlene Methode ist es, eine Switch-Funktion zusammen mit der Self-Referenz zu verwenden, um den ausgewählten Wert auszuwerten und die Navigation durchzuführen. Alternativ können Sie eine If-Anweisung verwenden. Beides sind bedingte logische Strukturen.

In der App Contoso-Kaffeemaschinen können Sie beispielsweise die folgende Formel für die Eigenschaft OnChange in einem Steuerelement Dropdown verwenden:

Switch(Self.SelectedText.Value,
    "Catalog",Navigate('Catalog Screen',ScreenTransition.Cover),
    "Admin",Navigate('Admin Screen',ScreenTransition.Cover)
);
Reset(Self)

Screenshot der Switch-Anweisung

Diese Formel wertet Self.SelectedText.Value aus – das ausgewählte Element im Dropdownmenü. Wenn der Wert „Katalog“ ist, navigiert die App zu Catalog Screen. Wenn der Wert „Admin“ ist, wird zum Admin Screen gewechselt.

Die Switch-Funktion ist ideal, wenn es auf Grundlage einer einzelnen Eingabe mehrere mögliche Ergebnisse gibt.

Die letzte Zeile Reset(Self) setzt das Dropdownmenü auf seinen Standardwert ("") zurück. Dadurch wird die Auswahl entfernt.

Machen Sie sich keine Sorgen, wenn Sie sich damit noch nicht ganz wohl fühlen. Sie werden diesen Prozess in der nächsten Lerneinheit wiederholen.