共用方式為


Dialog 對照 (實驗性)

[本文章是發行前版本文件,且隨時可能變更。]

用來分組內容的控制項。

Dialog 控制項。

重要

  • 這是實驗性功能。
  • 實驗性功能不供生產時使用,而且可能功能受限。 這些功能是在正式發行前先行推出,讓客戶能夠搶先體驗並提供意見反應。

描述

對話方塊 (Dialog) 一種暫時的快顯視窗,可讓您從頁面或應用程式取得焦點,並需要人員與其互動。 其主要是用來確認動作,例如,刪除檔案或要求人員進行選擇。

此畫布元件會模仿 Fluent UI Dialog 控制項的樣式和行為。 如需最佳做法,請參閱文件。

在 Creator Kit GitHub 儲存庫中查看元件

內容

索引鍵屬性

屬性 描述
Buttons 定義按鈕的資料集 (請參閱以下屬性)
Title 標題區段中顯示的文字
OverlayColor 顯示在重疊區域中的色彩
DialogWidth Dialog 的寬度 (不要將它與控制項寬度混淆,控制項寬度必須跨越應用程式寬度)
DialogHeight Dialog 的高度 (不要將它與控制項高度混淆,控制項寬度必須跨越應用程式高度)。
SubTitle 標題下顯示的文字

Buttons 性能

屬性 描述
Label 按鈕上顯示的標籤。
ButtonType 用於確定按鈕樣式的列舉。 在 StandardPrimary 之間進行選擇。
Table(
    {
        Label: "Cancel", 
        ButtonType:'Microsoft.CoreControls.Button.ButtonType'.Standard 
    },{
        Label: "Ok", 
        ButtonType:'Microsoft.CoreControls.Button.ButtonType'.Primary
    }
)

樣式屬性

屬性 描述
Theme 主題物件。 有關如何設定的指南,請參閱佈景主題

若要設定格式,請參閱面板的格式面板內容區段中的指南。

事件屬性

屬性 描述
OnCloseSelect 當選取 [關閉] 按鈕時執行的動作運算式。
OnButtonSelect 當選取 [關閉] 按鈕之一時執行的動作運算式。

行為

設定 Dialog 可見度

當布林值 (True/False) 類型變數變更為 True 時,讓 Dialog 控制項本身 (或它所在的介面) 可見,並將該變數指派給對話方塊的可見度屬性。 顯示對話方塊之後,您可以透過更新 reset 屬性上的變數來隱藏對話方塊,該屬性在選取關閉圖示時觸發。

以下顯示的 Power Fx 公式,用於在應用程式某處的另一個元件上的動作公式中打開對話方塊 (例如,按鈕的 OnSelect 屬性):

UpdateContext({ showHideDialog: true })

以下是在對話方塊的 OnCloseSelect 屬性中關閉對話方塊的 Power Fx 公式:

UpdateContext({ showHideDialog: false })

將變數指派給對話方塊的 Visible 屬性:

showHideDialog

設定按鈕動作

在對話方塊的 OnButtonSelect 屬性中,根據 Self.SelectedButton.Label 文字值在 If()Switch() 條件下提供動作以定義動作。 視動作而定,在動作完成後,也可能會關閉對話方塊。

    If( Self.SelectedButton.Label = "Send", 
        Notify("Email Sent")
    );
    UpdateContext({ showHideDialog: false })

限制

此畫布元件只能在畫布應用程式和自訂頁面中使用。