Toast 浮動顯示元件
概述
Toast 是一種輕量、非模態的通知訊息,用於向使用者提供簡短的回饋或訊息,不會打斷使用者當前的操作流程。
使用時機
Toast 常用於以下情境:
- 操作回饋:當使用者執行操作後,顯示操作結果,例如儲存、刪除、複製等。
- 系統通知:通知使用者系統狀態變化或重要事件,例如電量不足、網路連線中斷等。
- 提醒訊息:提醒使用者注意特定資訊,例如新訊息、待辦事項等。
使用規範
當您取用 Toast 進行設計時,應考慮以下原則:
- 簡潔明瞭:Toast 訊息應該簡短扼要,避免過長的文字或複雜的排版。
- 位置一致:Toast 訊息通常出現在螢幕的頂部、底部或中央,保持在不同情境下的一致性。
- 不要遮擋重要內容:避免 Toast 訊息遮擋住重要的介面元素或內容。
- 自動/手動消失:Toast 訊息可以設定在一段時間後自動消失,或者在使用者執行特定動作後消失。
- 提供動作按鈕(選擇性):如果需要使用者執行特定動作,可以在 Toast 中提供動作按鈕。
設計範例
- 容器(Container):包含 Toast 訊息的背景區域。
- 圖示(Icon)(選擇性):表示訊息類型的圖示,例如成功、警告、錯誤等。
- 文字(Text):簡短的訊息內容。
- 動作按鈕(Action Button)(選擇性):提供使用者執行動作的選項。
- 關閉按鈕(Close Button)(選擇性):允許使用者手動關閉 Toast。當 Toast
內容為告知但不需立即處理的訊息時,請設置自動消失,消失時間建議為 4-10 秒。