對話方塊

對話框是一種出現在應用程式前面的模態窗口，用於顯示需要使用者立即回應的任務資訊。

對話框可以是需要使用者互動的提示框，也可以是選擇或確認對話框，需要使用者做出選擇或確認選擇。對話方塊會一直保持焦點，直到關閉或執行所需操作為止。由於對話方塊會打斷使用者操作，因此應謹慎使用。

對話方塊與提示訊息相關（兩者都是對話方塊元件家族的成員），但它們的用途和優先順序不同，如下表所示。

成分目的優先事項
祝酒顯示一則訊息提示訊息。無需用戶互動。 8 秒後消失。低的
對話顯示需要使用者互動的資訊和任務選項。對話框會保持焦點，直到使用者做出回應。高的

解剖學

對話框包含資訊文字和使用者介面控件，用於請求使用者回應。

1. 對話框背景
2. 卡片標題
3. 內容領域
4. 卡牌行動區域

規格

標註圖標
按鈕組件
規格、風格指南及其他
標註圖標
列表項目組件
規格、風格指南及其他

無標題對話

帶有標題的對話

帶有居中標題的對話框

可捲動對話框

客製化

透過自訂對話框的以下方面來展現您的品牌：

  • 字體
  • 啟動、非啟動和停用按鈕的樣式
  • 按鈕尺寸和位置

範例

標題為「日」的對話
標題為「夜晚」的對話
可捲動對話框 - 日
可捲動對話框 - 夜間
對話進行中