Toast 浮動顯示元件

概述

Toast 是一種輕量、非模態的通知訊息,用於向使用者提供簡短的回饋或訊息,不會打斷使用者當前的操作流程。

使用時機

Toast 常用於以下情境:

  • 操作回饋:當使用者執行操作後,顯示操作結果,例如儲存、刪除、複製等。
  • 系統通知:通知使用者系統狀態變化或重要事件,例如電量不足、網路連線中斷等。
  • 提醒訊息:提醒使用者注意特定資訊,例如新訊息、待辦事項等。

使用規範

當您取用 Toast 進行設計時,應考慮以下原則:

  • 簡潔明瞭:Toast 訊息應該簡短扼要,避免過長的文字或複雜的排版。
  • 位置一致:Toast 訊息通常出現在螢幕的頂部、底部或中央,保持在不同情境下的一致性。
  • 不要遮擋重要內容:避免 Toast 訊息遮擋住重要的介面元素或內容。
  • 自動/手動消失:Toast 訊息可以設定在一段時間後自動消失,或者在使用者執行特定動作後消失。
  • 提供動作按鈕(選擇性):如果需要使用者執行特定動作,可以在 Toast 中提供動作按鈕。

設計範例

  • 容器(Container):包含 Toast 訊息的背景區域。
  • 圖示(Icon)(選擇性):表示訊息類型的圖示,例如成功、警告、錯誤等。
  • 文字(Text):簡短的訊息內容。
  • 動作按鈕(Action Button)(選擇性):提供使用者執行動作的選項。
  • 關閉按鈕(Close Button)(選擇性):允許使用者手動關閉 Toast。當 Toast 內容為告知但不需立即處理的訊息時,請設置自動消失,消失時間建議為 4-10 秒。
回頁首