이 페이지는 Cloud Translation API를 통해 번역되었습니다.

그리드

그리드 보기는 콘텐츠 항목을 나타내는 이미지를 두 개 이상의 열로 표시하고 각 이미지 아래에 간단한 텍스트를 보여줍니다. 이 보기는 사용자가 주로 이미지를 기반으로 선택할 때 가장 적합합니다.

그리드는 세로로 스크롤할 수 있으며 크기, 간격 및 열 개수를 다양하게 조정할 수 있습니다. 그리드 내의 콘텐츠는 카테고리별로 그룹화할 수도 있습니다.

목록 항목 구성 요소

목록은 더 자세한 설명이 필요한 콘텐츠를 표시하는 또 다른 방법을 제공합니다.

해부

그리드에는 텍스트와 UI 컨트롤이 포함됩니다. 사용자는 그리드에 반응해야 하므로 다른 요소나 화면 가장자리에 가려져서는 안 됩니다.

목록 항목 구성 요소

사양, 스타일 가이드라인 등.

이 참조 레이아웃은 다양한 너비와 높이의 화면에 맞게 그리드를 조정하는 방법을 보여줍니다. 모든 픽셀 값은 다운샘플링 또는 업샘플링이 발생하기 전의 렌더링된 픽셀 값입니다.

타입 스타일	글꼴	무게	크기(dp)
본문 1	로보토	정기적인	32
본문 2	로보토	정기적인	28
본문 3	로보토	정기적인	24

요소	색상	Y축	흐림
그리드 타일	검정색 @ 22%	2	2