對話方塊是顯示在應用程式前方的強制回應視窗,用於顯示需要立即使用者回應的工作資訊。
對話方塊可以是快訊,需要使用者互動。它也可以是選項或確認對話方塊,要求使用者做出選擇或確認。對話方塊會持續聚焦,直到關閉或採取必要行動為止。由於對話方塊會造成乾擾,因此請謹慎使用。
對話方塊與浮動式訊息有關 (兩者皆為 Dialog 系列的成員),但用途和優先順序不同,如下所示。
元件 | 目的 | 優先順序 |
浮動式訊息 | 顯示說明訊息。不需要與使用者互動。8 秒後消失。 | 低 |
對話方塊 | 顯示需要使用者互動的資訊和工作選項。對話方塊會保留焦點,直到使用者回應為止。 | 高 |
圖解
對話方塊包含資訊文字和 UI 控制項,用來要求使用者回應。
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Anatomy-new.png?authuser=7&hl=zh-tw)
2. 資訊卡標題
3. 內容區域
4. 資訊卡動作區域
規格
沒有標題的對話方塊
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-3.png?authuser=7&hl=zh-tw)
含有標題的對話方塊
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-4.png?authuser=7&hl=zh-tw)
標題置中的對話方塊
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-5.png?authuser=7&hl=zh-tw)
可捲動的對話方塊
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-6.png?authuser=7&hl=zh-tw)
自訂
原始設備製造商 (OEM) 可以透過自訂對話方塊的下列面向來反映自家品牌:
- 字型
- 使用中、已停用和已停用按鈕的樣式
- 按鈕尺寸和刊登位置
「設計系統」提供使用版面配置、顏色、字體排版和大小自訂元件的指引。
範例
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-1-new.png?authuser=7&hl=zh-tw)
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-2-new.png?authuser=7&hl=zh-tw)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-3.png?authuser=7&hl=zh-tw)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-4.png?authuser=7&hl=zh-tw)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-animation-1.gif?authuser=7&hl=zh-tw)