トースト

トーストとは、アプリが画面の下部付近に短時間表示する短い情報メッセージのことです。

一度に表示できるトーストは 1 つだけです。トーストは、アプリが実行したまたはこれから実行するアクションをユーザーに伝えます。ユーザーによる操作や応答は必要ありません。8 秒後にトーストは自動的に消えます。

トーストはダイアログに関連していますが(ダイアログ ファミリーのコンポーネント)、目的と優先度が異なります。

コンポーネント 目的 優先度
トースト 情報メッセージを表示します。ユーザーの操作は必要ありません。8 秒後に消えます。
Dialog ユーザーの操作が必要な情報とタスク オプションを表示します。ダイアログは、ユーザーが応答するまでフォーカスを保持します。

解剖学

トーストは、他の画面コンテンツの前に短時間表示されます。背景とテキスト メッセージで構成されています。

背景とメッセージ領域への番号付き吹き出しを含むトースト コンポーネントの例
1. トーストの背景
2. トースト メッセージ エリア

仕様

トーストの仕様は次のとおりです。

トースト - メッセージ テキストの周囲のパディング

トースト - 画面の下部に配置

カスタマイズ

OEM は、次の方法でトーストの外観を変更してブランドを反映させることができます。

  • カスタム フォントを提供する
  • トーストのサイズと配置を変更する

デザイン システムは、レイアウト、タイポグラフィ、サイズ設定を使用してコンポーネントをカスタマイズするためのガイダンスを提供します。

トーストの例を次に示します。

トースト メッセージの形式

トーストの配置(画面の下部付近)