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