「グリッド」テンプレートは、アイテムをグリッド レイアウトで表示します。ユーザーが主に画像に基づいて選択を行う場合に便利です。
このテンプレートは、「タブ」テンプレートに埋め込んでタブ付きナビゲーションを提供したり、「地図 + コンテンツ」テンプレートに含めて地図上にグリッドを提供したりできます。
「グリッド」テンプレートには次のものが含まれます。
- 省略可能なヘッダー（このテンプレートが「タブ」テンプレートに埋め込まれると、ヘッダーはタブに置き換えられます）
- グリッド アイテム（下記の注を参照）。それぞれにアイコンまたは大サイズの画像が含まれます。
- 各グリッド アイテムのメインテキスト（省略可）
- 各グリッド アイテムのセカンダリ テキスト（省略可）
- 画像またはアイコン（省略可）
- バッジ
- 省略可能なフローティング アクション ボタン
柔軟性を高め、最新の機能を活用するには、「グリッド」テンプレートではなく「セクションに区切られたアイテム」のテンプレートを使用します。「セクションに区切られたアイテム」のテンプレートを使用すると、リストとグリッドを組み合わせてカスタムのブラウジング構造を作成できます。
「グリッド」テンプレートの UX の要件
| すべきである | プライマリ テキスト文字列とセカンダリ テキスト文字列の長さを制限して、切り捨てを回避します。 |
| すべきである | 各グリッド アイテムに関連付けられたアクションがある（情報のみのアイテムは推奨されません）。 |
| すべきである | 画像、アイコン、テキストのバリエーションで、アイテムの状態（選択状態と未選択状態など、複数の状態があるグリッド アイテムの場合）を明確に示します。 |
| すべきである | 必要に応じてタイトルとメイン アクション、サブアクションを含むヘッダーを含めます。 |
| すべきではない | アクション ストリップとフローティング アクション ボタンの両方を同時に含めます。 |
| しても構わない | アイテムに関連付けられたアクションが進行中の場合、グリッド アイテムのアイコンまたは画像の代わりに読み込みスピナーを表示します。 |
リソース
| タイプ | リンク |
| API リファレンス |
GridTemplate, GridTemplate.Builder
|