グリッドリスト![]()
一般的なグリッド
|
![]() |
垂直スクロール
垂直方向にスクロールするグリッドリストのアイテムは、横書きの読み方向にソートされます (左から右、上から下)。リストを確認する際、より多くのアイテムをスクロールにより表示できることを示すために、リストの最下段をカットしてグリッドの一部が表示されるようにしてください。ユーザが画面を回転させた時にも、必ず表示形式を保ってください。
|
![]() |
水平スクロール
水平方向のグリッドリストを実装する際には垂直方向の軸を固定してください。垂直方向のスクロールリストとはソートの方法が異なり、まず上から下に、続いて左から右にグリッドアイテムがソートされます。また、スクロール方向を示すために、右端の列のグリッドアイテムの表記の一部をカットしてください。
ビューとコンテンツ移動の水平方向のジェスチャが競合するため、水平方向のグリッドリストと連動してビューの切り替えるためにスクロールタブを使ってはいけません。ビュー移動のためのスクロールタブとグリッドリストを一緒に表示する場合は、リストナビゲーションのために垂直方向のグリッドスクロールを使用してください。
|
ラベル付きグリッドリスト
グリッドリストアイテムの追加コンテキスト情報を表示するにはラベルを使用します。
![]() |
スタイル
ラベルを表示するために、グリッドリストアイテム上に半透明のパネルを使用してください。これにより、コントラストを制御することができ、コンテンツを輝かせラベルを読みやすくします。
|
原文はこちら > Grid Lists
Except as noted, this content is
licensed under
Creative Commons Attribution 2.5. For details and
restrictions, see the Content
License.