グリッドは、アイテムをグリッド レイアウトで表示します。
このテンプレートは、ユーザーが画像を選択する際に主に画像を使用する場合に便利です。
このテンプレートをタブ テンプレートに埋め込むことで、タブ形式のナビゲーションを提供できます。
内容:
- ヘッダーとオプションのアクション ストリップ(このテンプレートが タブ テンプレートに埋め込むと、アクション ストリップがタブに置き換えられます)
- グリッド アイテム(以下の注を参照)。それぞれにアイコンまたは大きな画像が含まれます。
- 各グリッド アイテムのプライマリ テキスト(必須)
- 各グリッド アイテムのセカンダリ テキスト(省略可)
- オプションのフローティング アクション ボタン
グリッド テンプレートの例
以下の Android Auto と Android Automotive OS(AAOS)の例は、グリッド テンプレートを使用して作成されています。
一部のアイテムにセカンダリ テキストがあるグリッド(Android Auto の例)
あるアイテムのアイコンが、一時的に読み込みスピナーに置き換わったグリッドと、使用可能なスペースを超えたため別のアイテムのプライマリ テキストが切り詰められる(AAOS の例)
グリッド テンプレートの UX 要件
アプリ デベロッパー:
すべきである | 切り捨てられないように、メインとサブのテキスト文字列の長さを制限します。 |
すべきである | 各グリッド アイテムにアクションを関連付けます(情報のみのアイテムは推奨されません)。 |
すべきである | 画像、アイコン、テキストにバリエーションを持たせ、アイテムの状態(選択状態と非選択状態など、複数の状態を持つグリッド アイテムの場合)を明確に示す。 |
すべきでないこと | アクション ストリップとフローティング アクション ボタンを同時に表示する。 |
してもよい | グリッド アイテムに関連付けられたアクションの進行中に、アイコンや画像の代わりに読み込み中スピナーを表示します。 |