一般的なレイアウトを使用して、一般的なユースケースや画面サイズに対応したアプリのレイアウトを作成します。 すぐに使用できる構成は、優れた出発点となります。
リストと詳細レイアウト
リストと詳細レイアウトでは、記述や説明などの補足情報（アイテムの詳細情報）があるアイテムのリストをユーザーに表示します。コンパクトな画面サイズの場合、リストビューまたは詳細ビューのみが表示されます。行ベースのレイアウトでコンテンツのコレクションを表示するリストは、アプリのレイアウトの最も一般的な形式です。リストと詳細レイアウトは、メッセージ アプリ、連絡先管理ツール、ファイル ブラウザのほか、詳細情報を表示するアイテムのリストとしてコンテンツを整理できるアプリに最適です。
コンテンツは静的または動的にできます。
- 動的コンテンツ は、アプリがオンザフライで提供するコンテンツで、ユーザー作成コンテンツの表示や、ユーザーの設定や操作の反映に最適です。たとえば、ユーザーが生成した写真のスクロール可能なリストを表示する写真アプリを考えてみましょう。このリストはユーザーごとに異なり、ユーザーが画像をアップロードするたびに変化します。これらの画像は動的コンテンツです。
- 静的コンテンツ はハードコードされたコンテンツを表し、アプリのコードを直接変更することによってのみ変更できます。静的コンテンツの例としては、すべてのユーザーに表示される可能性のある画像やテキストがあります。
Now in Android Figma ファイルには、複数のレイアウトの例が用意されています。次の例は、コンテンツの 1 次元コレクションを示しています。
リスト コンポーネントと仕様に関するデザイン ガイドラインについては、マテリアル 3 のリストをご覧ください。
フィード レイアウト
フィード レイアウトは、同等のコンテンツ要素を設定可能なグリッドに配置して、大量のコンテンツをすばやく簡単に確認できるようにするレイアウトです。コレクションでカードを使用するための マテリアル 3 のガイドラインの詳細をご覧ください。 フィードは、コンパクトなディスプレイでリストベースまたはグリッドベースの構成にできます。通常はカードまたはタイルで表示されます。コンテンツは動的にできます。つまり、API などの動的な外部ソースから「フィード」されます。
グリッド レイアウトは、暗黙的または明示的な包含原則によって構成される行と列で構成されます。グリッド レイアウトは、より厳密に適用することも、行と列をずらして配置することもできます。ユーザーが混乱しないように、間隔とロジックを一貫して適用する必要があります。
フィード レイアウトは、Lazy リストまたは Lazy グリッドを使用して実装できます。
たとえば、フォト ギャラリーやポッドキャストをグリッド レイアウトで表示するフィード形式が一般的です。
サポート ペイン レイアウト
モバイルビューでは、シートやダイアログなどのサポート コンテンツやコントロールが必要になる場合があります。これらは、メインビューに集中して、すっきりとした状態を保つのに役立ちます。
ボトムシートに関する M3 のガイドラインをご覧ください。
WebView
WebView にはアプリ内のウェブページが表示されます。ほとんどの場合、Chrome などの標準的なウェブブラウザを使用してユーザーにコンテンツを配信することをおすすめします。ウェブブラウザの詳細については、インテントでブラウザを呼び出すガイドをご覧ください。