對話方塊

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

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

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

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

圖解

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

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

規格

沒有標題的對話方塊

含有標題的對話方塊

標題置中的對話方塊

可捲動的對話方塊


自訂

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

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

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


範例

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