그리드 리스트

그리드 리스트를 표준 리스트 뷰 대신 사용할 수 있습니다. 그리드 리스트는 이미지와 함께 데이터 모음을 보여주기 위한 가장 적당한 방법입니다. 단순한 리스트와는 달리 그리드 리스트는 수직, 수평 방향으로 스크롤 할 수 있습니다.

일반적인 그리드

그리드 리스트에 있는 항목들은 2차원으로 정렬되며 컨텐츠를 스크롤 할 때 한 방향으로 고정됩니다. 스크롤 방향은 그리드 리스트의 항목 순서에 영향을 줍니다. 스크롤 방향이 일정하지 않기 때문에, 스크롤 할 방향에 있는 그리드 항목을 잘라내어 사용자가 스크롤 방향을 쉽게 알 수 있도록 합니다.

두 방향으로 스크롤하는 그리드 리스트는 만들지 마세요.

수직 스크롤

수직 스크롤 그리드 리스트의 항목은 전통적인 서유럽의 읽기 방향인 왼쪽에서 오른쪽으로, 위에서 아래로 정렬합니다. 리스트를 표시할 때 추가 항목이 더 있어서 리스트를 아래로 스크롤 할 수 있는지 확인할 수 있도록 하단 줄의 항목을 잘라내세요. 사용자가 화면을 회전했을 때에도 이 형태를 유지하는지 확인해주세요.

수평 스크롤

수평 스크롤 리스트는 항목 그리드의 수직 방향을 고정합니다. 수직 스크롤 리스트에 비하자면, 정렬 방향은 위에서 아래로, 왼쪽에서 오른쪽으로 바뀝니다. 스크롤 방향을 나타내기 위해 가장 오른쪽 편에 있는 항목들을 잘라내는 동일한 기술을 사용합니다.

뷰와 내용 탐색을 위한 수평 방향의 제스처가 충돌할 수 있으니 스크롤 탭을 수평 스크롤 그리드 리스트이 들어간 뷰를 전환하는데 사용하지 마세요. 뷰 탐색에 사용하는 스크롤 탭을 그리드 리스트와 함께 표시하려면 리스트 탐색에는 수직 그리드 스크롤을 사용하세요.

레이블이 있는 그리드 리스트

그리드 리스트 항목에 대해 추가 컨텍스트 정보를 표시하려면 레이블을 사용합니다.

스타일

레이블을 표시하기 위해 그리드 리스트 항목 위에 반투명 패널을 사용하세요. 이렇게 하면 대비를 조절할 수 있고 내용이 "빛나는" 동안의 레이블 가독성도 보장됩니다.