Androidデザイン グリッドリスト

2012/1/28 9296hit

グリッドリスト


グリッドリストは標準的なリストビューに変わる物です。

画像によって表現されるデータの集まりを表示する時に最適です。
シンプルなリストに対して、グリッドリストは垂直か水平にスクロールするかもしれません。

垂直方向にスクロール

垂直にスクロールするグリッドリストアイテムは伝統的な西洋文書の書式で並びます。
左から右へ行き、上から下へ並びます。
リストを表示するときは、ユーザーが更なるアイテムを見るためにリストを下へスクロール出来ると言う事がわかる様に一番下の列でアイテムをカットしてください。
ユーザーがスクリーンを回転させたときも、この方法を保ってください。


水平方向にスクロール

水平にスクロールするリストはアイテムグリッドの縦軸を固定します。
垂直にスクロールするリストと並び替えの方法は僅かに異なり、上から下へ行った後に左から右に並びます。
スクロール出来る方向を示すために同様の右列でアイテムをカットするテクニックを使ってください。

ビューを切り替えるためのスクローリングタブと水平方向にスクロールするグリッドリストを一緒に使わないでください。
なぜなら、ビューとコンテンツの水平方向ジェスチャーが競合するからです。

もし、グリッドリストと共にビューを操作するスクローリングタブを表示するなら、垂直方向にスクロールするグリッドによるリストナビゲーションを使ってください。



ラベルを持つグリッドリスト

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

スタイル

グリッドアイテムの上で半透明のパネルを使ってラベルを表示します。
これはアイテムを輝かせコントラストをコントロールし読みやすさを確実にします。


次へ
前へ
目次に戻る

原文
Except as noted, this content is licensed under Creative Commons Attribution 2.5.

前:Androidデザイン リスト 次:Androidデザイン スクロール

関連キーワード

[Android][モバイル][IT][翻訳]

コメント

名前:ひさねこ|投稿日:2012/02/17 17:49

こんにちはです。

グリッドリストは標準的なリストビューに変わる物です。

グリッドリストは、標準のリストビューに対する代わりの手段になるものです。

Grid lists are an alternative to standard list views.

※変わる⇒代わる

名前:ひさねこ|投稿日:2012/02/17 18:00

シンプルなリストに対して、グリッドリストは垂直か水平にスクロールするかもしれません。

シンプルなリストとは対照的に、グリッドリストは垂直または水平にスクロールできます。

In contrast to simple lists, grid lists may scroll either vertically or horizontally.

※1. In contrast to: ・・・と対照的に、
※2. シンプルなリストは垂直方向にのみスクロールする。
※3. ここの may は can を控えめに表現したもの。

名前:ひさねこ|投稿日:2012/02/17 18:42

以下、翻訳されていません。

The items in a grid list are arranged in two dimensions, one of which is fixed when scrolling content.
The scrolling direction dictates the ordering of the items within the grid list.

Since the scrolling direction is not deterministic,
make it easy for the user to determine the orientation by cutting off grid items
to communicate where the overflow is located.

Avoid creating grid lists that scroll in two dimensions.


グリッドリストのアイテムは2次元状に配列されます。
コンテントをスクロールするときはどちらか一方の次元が固定されます。

スクロールの方向により、グリッドリスト内アイテムの順序が決定されます。

スクロールの方向はどちらでも良いのですが、
溢れたアイテムが配置された場所を伝えるグリッドアイテムを分かりやすくすることで
ユーザーがスクロールの方向を簡単に判定できるようにしてください。

2次元スクロールのグリッドリストは作成しないようにしてください。

名前:ひさねこ|投稿日:2012/02/17 18:52

↑の訂正です m(__)m

溢れたアイテムが配置された場所を伝えるグリッドアイテムを分かりやすくすることで

溢れたアイテムが配置された場所を伝えるグリッドアイテムを部分的にカットすることで

名前:ひさねこ|投稿日:2012/02/17 18:59

垂直方向にスクロールするグリッドによるリストナビゲーションを使ってください。

リストナビゲーションはグリッドを垂直方向にスクロールして行ってください。


use vertical grid scrolling for list navigation

名前:ひさねこ|投稿日:2012/02/17 19:05

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

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

Use labels to display additional contextual information for your grid list items.

※ use: 使用する

名前:ひさねこ|投稿日:2012/02/17 19:14

グリッドアイテムの上で半透明のパネルを使ってラベルを表示します。
これはアイテムを輝かせコントラストをコントロールし読みやすさを確実にします。

ラベルを表示するグリッドアイテムの上に半透明のパネルを使用してください
これによりコントラストのコントロールが可能となり、
コンテントを生き生きとさせる一方、ラベルも読みやすくなります。

Use semi-transparent panels on top of the grid list items to display your labels.
This allows you to control the contrast and ensures legibility of the labels
while letting the content "shine through".

※1. "This allows you to control the contrast" ここで文章は一旦切れます。
※2. "shine through" の意味上の主語はアイテムではなく the content。
※3. legibility of the labels の labels が翻訳されていません。

コメントを投稿する

名前URI
コメント