ホーム‎ > ‎Building Blocks‎ > ‎

Grid Lists

グリッドリスト


グリッドリストは、標準のリストビューに代わるものです。それらは画像によって表される、データの集まりを表示するのに最も適しています。単純なリストと対照的に、グリッドリストは垂直方向または水平方向にスクロールできます。

デベロッパードキュメント
Grid View

一般的なグリッド

グリッドリスト内のアイテムは縦・横の2次元で配置され、コンテンツをいずれかの方向にスクロールした際にはもう一方の次元は固定されています。グリッドリスト内のアイテム順序はスクロール方向により決定されます。スクロール方向についての決まりはありませんが、画面からあふれたグリッドアイテムをカットし、その一部を表示させることでスクロール方向をわかりやすく示してください。

2方向いずれにもスクロール可能なグリッドリストを作らないようにしてください。

垂直スクロール
垂直方向にスクロールするグリッドリストのアイテムは、横書きの読み方向にソートされます (左から右、上から下)。リストを確認する際、より多くのアイテムをスクロールにより表示できることを示すために、リストの最下段をカットしてグリッドの一部が表示されるようにしてください。ユーザが画面を回転させた時にも、必ず表示形式を保ってください。

水平スクロール
水平方向のグリッドリストを実装する際には垂直方向の軸を固定してください。垂直方向のスクロールリストとはソートの方法が異なり、まず上から下に、続いて左から右にグリッドアイテムがソートされます。また、スクロール方向を示すために、右端の列のグリッドアイテムの表記の一部をカットしてください。

ビューとコンテンツ移動の水平方向のジェスチャが競合するため、水平方向のグリッドリストと連動してビューの切り替えるためにスクロールタブを使ってはいけません。ビュー移動のためのスクロールタブとグリッドリストを一緒に表示する場合は、リストナビゲーションのために垂直方向のグリッドスクロールを使用してください。

ラベル付きグリッドリスト

グリッドリストアイテムの追加コンテキスト情報を表示するにはラベルを使用します。

スタイル
ラベルを表示するために、グリッドリストアイテム上に半透明のパネルを使用してください。これにより、コントラストを制御することができ、コンテンツを輝かせラベルを読みやすくします。


原文はこちら > Grid Lists

Except as noted, this content is licensed under Creative Commons Attribution 2.5. For details and restrictions, see the Content License.

Comments