クイックガイド コレクション
インタラクティブなコンポーネントを表示する

UI に適したコンポーネントを選択し、アプリに実装する方法を学びます。
複雑なユーザー インターフェースに標準化されたプラットフォームを提供する基本構造。スキャフォールドは、アプリバーやフローティング アクション ボタンなど、UI のさまざまな部分をまとめ、アプリに統一感のある外観と操作性をもたらします。
コンテナは、ユーザーが主要な機能やナビゲーション アイテムにアクセスできるようにします。アプリバーには、トップ アプリバーとボトム アプリバーの 2 種類があります。
これらの基本コンポーネントを使用すると、ユーザーは定義されたアクションをトリガーできます。ボタンには 5 つのタイプがあります。5 種類のボタンの外観と、それぞれの使用場所、実装方法を確認します。
ユーザーがアプリでメイン アクションを実行できるようにする、高強調ボタン。このボタン コンポーネントは、ユーザーが最もよく使用するパスである、1 つのフォーカスされたアクションを促進します。通常、画面の右下に固定されています。
UI のマテリアル デザイン コンテナとして機能します。カードは通常単一の一貫したコンテンツを示します。単一のコンテンツを表示することに焦点を当て、別のコンテナのカードと区別します。
連絡先やタグなどの複雑なエンティティを表すコンパクトでインタラクティブな UI 要素。多くの場合、アイコンとラベルが付いています。チップは、チェック可能、閉じ可能、クリック可能にできます。
メインのアプリ コンテンツの上のレイヤにポップアップ メッセージを表示したり、ユーザー入力をリクエストしたりします。このコンポーネントは、ユーザーの注意を引くために中断する UI エクスペリエンスを作成します。
オペレーションのステータスを視覚的に表示します。データの読み込みや処理など、プロセスの完了が近づいていることをユーザーに知らせるためにモーションを使用する場合、これらのインジケーターは、完了が近づいていることを示すことなく、処理が行われていることを示すことができます。
音量の設定や、価格の範囲にわたるグラフデータのフィルタリングなど、連続した値の範囲から選択できるようにします。
ユーザーが 2 つの状態を切り替えられるようにします。ユーザーは、スイッチのつまみをドラッグまたはクリックして現在の状態を変更できます。
画面の下部に固定されたセカンダリ コンテンツを表示します。標準またはモーダルのボトムシートを使用して、ユーザーにセカンダリ コンテンツを表示できます。
ユーザーがアプリのさまざまなセクションに移動できるようにするスライドイン メニュー。ユーザーは、横からスワイプするか、メニューアイコンをタップしてアクティブにできます。
画面の下部に簡単な通知が表示されます。これにより、ユーザー エクスペリエンスを中断することなく、オペレーションやアクションに関するフィードバックを表示できます。スナックバーは数秒後に消えます。ユーザーは手動で閉じることもできます。
リストとグリッドを使用して、アイテムのセットを効率的に表示、配置します。

ご質問やご意見がある場合

よくある質問のページでクイックガイドをご覧になるか、お問い合わせフォームからご意見をお寄せください。