グリッド テンプレート

グリッドは、アイテムをグリッド レイアウトで表示します。

このテンプレートは、ユーザーが画像を選択する際に主に画像を使用する場合に便利です。

このテンプレートをタブ テンプレートに埋め込むことで、タブ形式のナビゲーションを提供できます。

内容:

グリッド テンプレートのワイヤフレーム

グリッド テンプレートの例

以下の Android Auto と Android Automotive OS(AAOS)の例は、グリッド テンプレートを使用して作成されています。

場所の表示例
設定の例

一部のアイテムにセカンダリ テキストがあるグリッド(Android Auto の例)

あるアイテムのアイコンが、一時的に読み込みスピナーに置き換わったグリッドと、使用可能なスペースを超えたため別のアイテムのプライマリ テキストが切り詰められる(AAOS の例)

グリッド テンプレートの UX 要件

アプリ デベロッパー:

すべきである 切り捨てられないように、メインとサブのテキスト文字列の長さを制限します。
すべきである 各グリッド アイテムにアクションを関連付けます(情報のみのアイテムは推奨されません)。
すべきである 画像、アイコン、テキストにバリエーションを持たせ、アイテムの状態(選択状態と非選択状態など、複数の状態を持つグリッド アイテムの場合)を明確に示す。
すべきでないこと アクション ストリップフローティング アクション ボタンを同時に表示する。
してもよい グリッド アイテムに関連付けられたアクションの進行中に、アイコンや画像の代わりに読み込み中スピナーを表示します。