Power Apps 彈出表單以實現交互式用戶體驗

Power Apps 彈出表單以實現交互式用戶體驗

在本教程中,我將向您展示如何創建 Power Apps 彈出窗體,以及它們如何提供更具定制性和交互性的用戶體驗。您可以在本博客底部觀看本教程的完整視頻。

Form Power Apps彈出窗口是非常強大的工具,可讓您為用戶提供自定義體驗,並允許他們驗證他們將在基礎數據庫中執行的操作。

例如,如果您轉到 iPhone 並嘗試刪除某個應用程序,它會詢問您是否確定要刪除它。這樣做的原因是為了創建一個非常好的 UI,其中包含驗證步驟以確保您想要執行您將要執行的操作。

我們將在 Power Apps 中做同樣的事情。在 Power Apps 中本地執行有點困難,因為 Power Apps 的工作方式是讓元素出現在屏幕上。您不能將一個屏幕疊加到另一個屏幕上。所以,我們所做的是使用分組方法來模擬它。我們現在將進入 Power Apps 並向您展示它是如何完成的。

目錄

如何創建表單 Power Apps Pop Up

讓我們進入 Power Apps 編輯器。在這個例子中,我正在為我的企業創建一個費用報告應用程序。在屏幕的左側,我有一個所有費用的畫廊。我可以單擊一項費用並在右側獲取有關該費用的更多信息。

我們可以看到有關該費用報告的更多信息,例如描述、金額、類別、狀態等等。

Power Apps 彈出表單以實現交互式用戶體驗

除此之外,我還可以點擊編輯,在底部,有一個垃圾桶圖標,可以讓我刪除這條記錄。

現在,我想創建一個彈出窗體,這樣如果用戶進入並刪除記錄,就會出現一個消息框,確認用戶是否真的想刪除記錄。

Power Apps 彈出表單以實現交互式用戶體驗

我要做的第一件事是添加一個將覆蓋整個屏幕的矩形。看起來屏幕有點褪色只是為了鏡像一個屏幕的外觀。

所以,我將轉到Insert,然後轉到 Icons ,然後一直到底部的 Rectangle 。我將確保矩形覆蓋整個屏幕。

Power Apps 彈出表單以實現交互式用戶體驗

接下來我要做的是將這個形狀的顏色更改為深灰色。然後我將轉到此矩形的Fill屬性。我們有紅色、綠色和藍色,但我們還有 alpha 值,它表示不透明度或透明度。我們將透明度設置為 0.7,因此它看起來有點褪色。

Power Apps 彈出表單以實現交互式用戶體驗

接下來,我們將添加另一個矩形,它將成為我們的彈出框。然後,我們將添加一個標籤,這是對用戶的一種警告。我們可以更改顏色並調整字體的大小。

Power Apps 彈出表單以實現交互式用戶體驗

現在,我們要向用戶顯示他們實際要刪除的記錄。因此,我們需要一些值,例如他們將要刪除的費用報告的名稱、金額以及可能的類別。

為此,讓我們回到我們的標籤,我們將添加名稱、數量和類別。我們要顯示的記錄基於已在基礎庫中選擇的記錄。這裡的底層畫廊稱為Gallery 1。因此,在畫廊一中選擇的項目的名稱只是Gallery1.Selected.Title。數量將是Gallery1.Selected.Amount,對於類別,它將是Gallery1.Selected.Status.Value

Power Apps 彈出表單以實現交互式用戶體驗

然後我們將添加兩個按鈕。一個按鈕基本上是Delete ,另一個按鈕只是Go Back。我們還將調整顏色和大小。

Power Apps 彈出表單以實現交互式用戶體驗

現在,我們需要確保當有人點擊垃圾或垃圾桶圖標時,它不會刪除記錄,而是顯示這個彈出框。為此,我們將突出顯示彈出框中的所有內容,右鍵單擊並選擇Group

Power Apps 彈出表單以實現交互式用戶體驗

這是 Power Apps 的一大優點。它允許我們將元素組合在一起。這樣,它就創建了一個名為Group1的組。

這樣做的好處是,如果您修改組的屬性,例如可見性,它將影響所有其他屬性。能有這樣的東西組合在一起真是太好了。將它們分組非常好,因為我們可以一次控制這些元素的所有屬性。

例如,我們想要控制所有這些屬性的可見性並暫時將它們設置為“false”,它消失了。

Power Apps 彈出表單以實現交互式用戶體驗

現在,讓我們嘗試選擇垃圾圖標,正如您所看到的,當它被選中時,它會執行所有這些功能,這些功能基本上可以確保記錄已被刪除。但我們不希望那樣。所以,我們現在將其複制並放在一個空的記事本中,以便將其保存在某個地方。這是我們為刪除記錄而創建的實際函數,我們將簡單地刪除它。

Power Apps 彈出表單以實現交互式用戶體驗

現在,我們將創建一個新變量來控製表單何時真正彈出。我們稱這個變量為 set 函數。讓我們將變量命名為ConfirmPopUp,並將其設置為 true。

Power Apps 彈出表單以實現交互式用戶體驗

然後我們將選擇該組並將可見性屬性設置為該變量,即 ConfirmPopUp。因為它設置為真,所以我們看到了一切。

Power Apps 彈出表單以實現交互式用戶體驗

我們要做的下一件事是單擊“返回”,我們將有一個與單擊它相關聯的操作。當有人選擇它時,我們希望 Group1 的可見性為假。

Power Apps 彈出表單以實現交互式用戶體驗

接下來,我們需要更改刪除按鈕的 OnSelect 操作,以執行我們保存在記事本中的功能。

Power Apps 彈出表單以實現交互式用戶體驗

我們需要做的最後一件事是在有人單擊刪除按鈕後,我們還想擺脫彈出窗口。因此,我們將添加另一個操作並將 ConfirmPopUp 變量設置為 false。這就是您在 Power Apps 中使用彈出窗口的方式。


Microsoft Power Apps:將元素組合在一起
Power Apps 環境:正確設置應用程序元素
Power Apps:開始使用這個革命性的工具

結論

使用 Power Apps 彈出窗口的一個原因是為您的用戶創建自定義體驗。另一個是為您的用戶也創建某種驗證,因為它對您的用戶有益。

這一切都是為了為您的用戶打造一個用戶界面,這樣他們就不必轉到基礎SharePoint 列表或數據庫,也不必對編輯和刪除某些內容感到困惑。他們可以從您為他們創建的 UI 的安全性中做到這一點,這樣他們就不會搞砸任何事情。表單彈出窗口是實現這一目標的強大工具。

如果您有任何問題,請告訴我,並在下面的評論部分發表評論。

一切順利!

亨利


什麼是 Python 中的自我:真實世界的例子

什麼是 Python 中的自我:真實世界的例子

什麼是 Python 中的自我:真實世界的例子

如何在 R 中保存和加載 RDS 文件

如何在 R 中保存和加載 RDS 文件

您將學習如何在 R 中保存和加載 .rds 文件中的對象。本博客還將介紹如何將對像從 R 導入 LuckyTemplates。

回顧前 N 個工作日——DAX 編碼語言解決方案

回顧前 N 個工作日——DAX 編碼語言解決方案

在此 DAX 編碼語言教程中,了解如何使用 GENERATE 函數以及如何動態更改度量標題。

在 LuckyTemplates 中使用多線程動態視覺技術展示見解

在 LuckyTemplates 中使用多線程動態視覺技術展示見解

本教程將介紹如何使用多線程動態可視化技術從報告中的動態數據可視化中創建見解。

LuckyTemplates 篩選上下文簡介

LuckyTemplates 篩選上下文簡介

在本文中,我將貫穿過濾器上下文。篩選上下文是任何 LuckyTemplates 用戶最初應該了解的主要主題之一。

使用 LuckyTemplates 在線服務中的應用程序的最佳技巧

使用 LuckyTemplates 在線服務中的應用程序的最佳技巧

我想展示 LuckyTemplates Apps 在線服務如何幫助管理從各種來源生成的不同報告和見解。

隨著時間的推移分析利潤率變化——使用 LuckyTemplates 和 DAX 進行分析

隨著時間的推移分析利潤率變化——使用 LuckyTemplates 和 DAX 進行分析

了解如何在 LuckyTemplates 中使用度量分支和組合 DAX 公式等技術計算利潤率變化。

DAX Studio 中數據緩存的物化想法

DAX Studio 中數據緩存的物化想法

本教程將討論數據緩存物化的想法,以及它們如何影響 DAX 在提供結果時的性能。

使用 LuckyTemplates 進行業務報告

使用 LuckyTemplates 進行業務報告

如果直到現在你還在使用 Excel,那麼現在是開始使用 LuckyTemplates 來滿足你的業務報告需求的最佳時機。

什麼是 LuckyTemplates 網關?所有你必須知道的

什麼是 LuckyTemplates 網關?所有你必須知道的

什麼是 LuckyTemplates 網關?所有你必須知道的