浮動式訊息是一種資訊型簡短訊息,應用程式會在接近畫面底部附近顯示。
一次只能顯示一個浮動式訊息。浮動式訊息向使用者說明應用程式已採取或即將採取的行動。不需要任何使用者動作或回應。8 秒後浮動式訊息就會自動消失。
浮動式訊息與對話方塊相關 (且位於元件的對話方塊系列),但用途和優先順序各不相同,如下所示。
元件 | 目的 | 優先順序 |
浮動式訊息 | 顯示說明訊息。不需要與使用者互動。8 秒後消失。 | 低 |
對話方塊 | 顯示需要使用者互動的資訊和工作選項。對話方塊會保留焦點,直到使用者回應為止。 | 高 |
圖解
浮動式訊息短暫出現在其他畫面內容的前方。其中包含背景和簡訊。
![浮動式訊息元件的圖片,其中含有編號摘要至背景及訊息區域](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_anatomy_rev.png?authuser=3&hl=zh-tw)
2. 浮動式訊息訊息區域
規格
浮動式訊息 - 訊息文字周圍的邊框間距
![](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_specs.png?authuser=3&hl=zh-tw)
浮動式訊息 - 螢幕上的底部刊登位置
![](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_specs_2.png?authuser=3&hl=zh-tw)
自訂
原始設備製造商 (OEM) 可透過下列方式修改浮動式訊息的外觀,以反映自家品牌:
- 提供自訂字型
- 變更浮動式訊息的尺寸和位置
設計系統提供使用版面配置、字體排版和大小自訂元件的指引。
範例
浮動式訊息格式
![](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_example_rev.png?authuser=3&hl=zh-tw)
浮動式訊息的位置 (靠近畫面底部)
![](https://developers.google.cn/cars/design/automotive-os/components/images/Toast_example_2_rev.png?authuser=3&hl=zh-tw)