Die Funktionen „Navigate“ und „Back“

  • 6 Minuten

Sehen wir uns an, wie wir den Funktionen Navigate und Back zur Verbesserung der Benutzeroberfläche in einer Power Apps-App Argumente hinzufügen können. In der Syntax werden optionale Parameter durch eckige Klammern gekennzeichnet.

Im Folgenden finden Sie eine Aufschlüsselung der Navigate-Syntax:

Navigate(Screen [, ScreenTransition [, UpdateContextRecord ]])

  • Screen (erforderlich): Der Bildschirm, der angezeigt werden soll (oder zu dem navigiert werden soll).

  • ScreenTransition (Optional) – Der visuelle Übergang, der zwischen der aktuellen und der nächsten Anzeige verwendet werden soll. Der Standardwert ist None.

  • UpdateContextRecord (Optional): Ein Datensatz, der den Namen von mindestens einer Spalte und einen Wert für jede Spalte enthält. Dieser Datensatz aktualisiert die entsprechenden Kontextvariablen für den neuen Bildschirm.

Mit anderen Worten: Sie müssen den ersten Parameter für einschließen, damit Power Apps weiß, zu welchem Bildschirm Sie navigieren müssen. Im zweiten Parameter geben Sie an, wie sich der alte Bildschirm visuell in den neuen Bildschirm ändert. Mit dem dritten Parameter können Sie einen Kontextwert an den neuen Bildschirm weitergeben.

Back-Funktion

Im Folgenden finden Sie eine Aufschlüsselung der Back-Syntax:

Back([ScreenTransition])

  • ScreenTransition (Optional) – Der visuelle Übergang, der zwischen der aktuellen und der nächsten Anzeige verwendet werden soll. Der Standardwert ist der umgekehrte Bildschirmübergang der Navigate-Funktion, die den Benutzer zum Bildschirm weitergeleitet hat.

Wenn Sie Ihrer App Back hinzufügen, muss diese Klammern Back() umfassen.

Mit der Funktion Back kehrt der Benutzer zur zuletzt angezeigten App zurück. Wenn der Benutzer zu anderen Bildschirmen wechselt, verfolgt die App den Pfad der Bildschirme und den verwendeten Übergängen. Wenn also die Funktion Back ausgeführt wird, läuft auch der inverse Bildschirmübergang. Ihre Benutzer können mit der Funktion Back bis zu dem Bildschirm zurückkehren, der bei der ersten Verwendung der App angezeigt wurde.

Bildschirmübergänge

Sehen wir uns die Bildschirmübergänge genauer an, da sie Teil von beiden Formularen sein können: Navigate und Back. Diese Optionen sind in Power Apps verfügbar:

  • ScreenTransition.Cover: Der neue Bildschirm gleitet in die Ansicht von rechts nach links und bedeckt dabei den aktuellen Bildschirm.

  • ScreenTransition.CoverRight: Der neue Bildschirm gleitet in die Ansicht von links nach rechts und bedeckt dabei den aktuellen Bildschirm.

  • ScreenTransition.Fade: Die aktuelle Anzeige wird ausgeblendet, um die neue Anzeige anzuzeigen.

  • ScreenTransition.None (Standard) Der neue Bildschirm ersetzt schnell den alten Bildschirm.

  • ScreenTransition.UnCover: Der aktuelle Bildschirm gleitet aus der Ansicht von rechts nach links und gibt dabei den neuen Bildschirm frei.

  • ScreenTransition.UnCoverRight: Der aktuelle Bildschirm gleitet aus der Ansicht von links nach rechts und gibt dabei den neuen Bildschirm frei.

Beispiele

Die folgende Tabelle enthält einige Beispiele für Formeln, die Übergänge sowohl für Navigate und Back verwenden. Die Tabelle umfasst auch einige der UpdateContextRecord-Parameter auf Navigate-Beispielen, damit angezeigt wird, wie das in Ihrer App aussehen würde.

Formel Beschreibung Ergebnis
Navigate(Details) Zeigt den Bildschirm Details ohne Übergang und ohne Änderung des Werts einer Kontextvariablen an. Der Bildschirm Details wird schnell angezeigt.
Navigate(Details, ScreenTransition.Fade) Zeigt den Bildschirm Details mit einem Fade-Übergang an. Kein Wert einer Kontextvariablen wird geändert. Der aktuelle Bildschirm wird ausgeblendet, um den Bildschirm Details anzuzeigen.
Navigate(Details, ScreenTransition.Fade, {ID: 12}) Zeigt den Bildschirm Details mit einem Fade-Übergang an. Aktualisiert den Wert der Kontextvariablen ID auf 12. Der aktuelle Bildschirm wird ausgeblendet, um den Bildschirm Details anzuzeigen, und die Kontextvariable ID des Bildschirms wird auf 12 festgelegt.
Navigate(Details, ScreenTransition.Fade, {ID: 12 , Shade: Color.Red}) Zeigt den Bildschirm Details mit einem Fade-Übergang an. Aktualisiert den Wert der Kontextvariablen ID auf 12. Aktualisiert den Wert der Kontextvariablen Shade auf Color.Red. Der aktuelle Bildschirm wird ausgeblendet, um den Bildschirm Details anzuzeigen. Die Kontextvariable ID auf dem Bildschirm Details ist auf 12 eingerichtet, und die Kontextvariable Shade ist auf Color.Red eingerichtet. Wenn Sie die Fill-Eigenschaft eines Steuerelements auf dem Bildschirm Details auf Shade einrichten, wird dieses Steuerelement rot angezeigt.
Back() Zeigt die vorherige Anzeige mit dem standardmäßigen Übergang zurück an. Die App zeige den vorherigen Bildschirm durch umgekehrten Übergang des Übergangs an, durch den der aktuelle Bildschirm angezeigt wurde.
Back(ScreenTransition.Cover) Zeigt den vorherigen Bildschirm mit dem Übergang Cover an. Die App zeigt den vorherigen Bildschirm durch den Übergang Cover an, unabhängig des Übergangs, durch den der aktuelle Bildschirm angezeigt wurde.

Zusammenfassend können Sie die Funktionen Navigate und Back bearbeiten, indem Sie Ihre Parameter nutzen. Sie können die Funktion Navigate verwenden, um Benutzer einfach zu einem anderen Bildschirm wechseln zu lassen, aber auch einen visuellen Übergang hinzuzufügen und dabei sogar Kontextvariablen einzurichten. Die Back-Funktion stellt entweder die Umkehrung eines jeden Übergangs bereit, der Ihren Benutzer zum aktuellen Bildschirm geführt hat, oder Sie können einen Übergang festlegen. Es liegt an Ihnen, die Benutzererfahrung zu bestimmen!

Bisher haben Sie nur die Funktion OnSelect verwendet, um Ihrer App Navigation hinzuzufügen. In der nächsten Lerneinheit erfahren Sie, wie Sie die App-Navigation auf andere Art und Weise hinzufügen können.