對話方塊

對話方塊是顯示在應用程式前方的強制回應視窗,用於顯示需要立即使用者回應的工作資訊。

對話方塊可以是快訊,需要使用者互動。它也可以是選項或確認對話方塊,要求使用者做出選擇或確認。對話方塊會持續聚焦,直到關閉或採取必要行動為止。由於對話方塊會造成乾擾,因此請謹慎使用。

對話方塊與浮動式訊息有關 (兩者皆為 Dialog 系列的成員),但用途和優先順序不同,如下所示。

元件 目的 優先順序
浮動式訊息 顯示說明訊息。不需要與使用者互動。8 秒後消失。 低
對話方塊 顯示需要使用者互動的資訊和工作選項。對話方塊會保留焦點,直到使用者回應為止。 高

圖解

對話方塊包含資訊文字和 UI 控制項,用來要求使用者回應。

1. 對話方塊背景
2. 資訊卡標題
3. 內容區域
4. 資訊卡動作區域

規格

沒有標題的對話方塊

含有標題的對話方塊

標題置中的對話方塊

可捲動的對話方塊


自訂

原始設備製造商 (OEM) 可以透過自訂對話方塊的下列面向來反映自家品牌:

  • 字型
  • 使用中、已停用和已停用按鈕的樣式
  • 按鈕尺寸和刊登位置

「設計系統」提供使用版面配置、顏色、字體排版和大小自訂元件的指引。


範例

標題 - 日的對話方塊
標題 - 夜間的對話方塊
可捲動的對話方塊 - 白天
可捲動的對話方塊 - 夜間
對話方塊應用實例