PowerApps 導航上下文概述

在本教程中，我們將討論 PowerApps 導航的上下文。我們將使用返回和導航功能來更改在我們的應用程序中顯示的屏幕。

大多數應用程序都包含多個屏幕。提供用戶友好的 PowerApps 導航允許用戶高效地瀏覽這些應用程序屏幕。

在參考頁面上，讓我們單擊Navigate並查看它的作用。

導航功能更改顯示的屏幕。我們將通過一個示例來進一步了解此功能的工作原理。

目錄

• 使用導航功能的 PowerApps 導航
• 為 PowerApps 導航添加編輯功能
• 了解 PowerApps 導航中的後退功能
• 結論

使用導航功能的 PowerApps 導航

首先，讓我們點擊第一張數據卡 ( Beau Spratling )。

轉到OnSelect觸發器，我們將看到Navigate函數用於將用戶帶到指定的屏幕 ( DetailScreen1 )。這意味著單擊此卡片後，它將導航到DetailScreen1。

另一方面，第二個參數是我們想要設置的轉換類型。它當前設置為None。

在參考頁面上，我們可以看到我們可以選擇的不同轉換以及每個轉換的演示。

我們可以通過再次單擊數據卡輕鬆更改Navigate Transition 。然後，單擊第二個參數。

之後，將出現ScreenTransition.None 。

去掉末尾的“無”一詞，下面會出現不同的過渡選項。對於這個例子，讓我們使用淡入淡出過渡。嘗試播放您的應用程序，您將看到Fade過渡是如何工作的。

現在讓我們單擊數據卡內的箭頭。

我們可以看到它的觸發器也是OnSelect並且它正在選擇Parent元素。

該箭頭的父元素指的是數據卡本身。它使用Navigate函數將用戶重定向到DetailScreen1。單擊後，它會執行與單擊數據卡時相同的操作。

為 PowerApps 導航添加編輯功能

現在，讓我們嘗試添加一個編輯符號，它將我們直接從數據卡重定向到編輯頁面。單擊BrowseGallery1下的Separator5元素。

然後單擊圖標並選擇編輯圖標。

由於我們已將它添加到 BrowseGallery1 中，它會為圖庫中的每個數據卡複製自身。

然後讓我們移動箭頭圖標旁邊的圖標並調整它的大小，直到它變小一點。

默認情況下，此編輯圖標還使用其父元素中的OnSelect觸發器和Select函數。因此，通過單擊它，它還會將我們重定向到詳細信息屏幕。

讓我們通過將函數更改為Navigate來改變它。改為將Select(Parent)更改為Navigate(EditScreen1)。

我們將第二個參數設置為ScreenTransition.UnCover。確保用逗號 ( , ) 分隔兩個參數。

現在讓我們玩我們的應用程序。

之後，單擊“編輯”按鈕。

然後，我們將被重定向到編輯屏幕。

了解 PowerApps 導航中的後退功能

在我們的EditScreen1上，讓我們單擊標題旁邊的X按鈕。

在本例中，我們將ResetForm () 函數與Back () 函數一起使用。

當我們導航到某個地方時，Microsoft PowerApps會記住我們打開的最後一個屏幕。我們可以使用Back()函數導航到最後一個屏幕。

例如，通過在X按鈕上使用此功能，如果我們從主屏幕訪問編輯屏幕，我們可以輕鬆返回主屏幕。如果我們從詳細屏幕訪問編輯屏幕，X按鈕將帶我們回到詳細屏幕。

我們還可以在公式參考頁面上閱讀Back()函數的更詳細說明。

Power Apps 基礎知識：開發環境和運行您的應用程序
Power Apps：開始使用這個革命性的工具

結論

總而言之，我們能夠了解 PowerApps 導航的重要性和上下文。我們還能夠了解Back和Navigate功能在我們的應用程序中是如何工作的。我們可以在公式中指定一個視覺轉換來控制一個屏幕如何切換到另一個屏幕。

請記住，為用戶提供一種有效的應用程序屏幕導航方式始終很重要。

一切順利，

亨利