그리드 템플릿은 항목을 그리드 레이아웃으로 표시하며 사용자가 주로 이미지를 보고 선택할 때 유용합니다.
이 템플릿은 탭 템플릿에 삽입하여 탭 탐색을 제공하거나 지도 + 콘텐츠 템플릿에 포함하여 지도에 그리드를 제공할 수 있습니다.
그리드 템플릿에는 다음이 포함됩니다.
- 선택사항인 헤더 (이 템플릿이 탭 템플릿에 삽입되면 헤더가 탭으로 대체됨)
- 그리드 항목 (아래 참고 참고)으로, 각각 아이콘 또는 대형 이미지가 포함됩니다.
- 각 그리드 항목의 기본 텍스트 (선택사항)
- 각 그리드 항목의 보조 텍스트 (선택사항)
- 이미지 또는 아이콘 (선택사항)
- 배지
- 선택사항인 플로팅 작업 버튼
유연성을 높이고 최신 기능을 활용하려면 그리드 템플릿 대신 섹션 항목 템플릿을 사용하세요. 섹션화된 항목 템플릿을 사용하면 목록과 그리드를 조합하여 맞춤 탐색 구조를 만들 수 있습니다.
그리드 템플릿 UX 요구사항
| 해야 하는 작업(SHOULD) | 잘리지 않도록 기본 및 보조 텍스트 문자열의 길이를 제한합니다. |
| 해야 하는 작업(SHOULD) | 각 그리드 항목과 연결된 작업이 있어야 합니다 (정보 전용 항목은 권장되지 않음). |
| 해야 하는 작업(SHOULD) | 이미지, 아이콘 또는 텍스트의 변형을 통해 항목 상태 (선택됨, 선택되지 않음 등 여러 상태가 있는 그리드 항목)를 명확하게 나타냅니다. |
| 해야 하는 작업(SHOULD) | 선택사항인 제목과 기본 및 보조 작업이 포함된 헤더를 포함합니다. |
| 해서는 안 되는 작업(SHOULD NOT) | 작업 스트립과 플로팅 작업 버튼을 동시에 포함합니다. |
| 가능(MAY) | 상품과 연결된 작업이 진행 중일 때 그리드 항목의 아이콘이나 이미지 대신 로드 스피너를 표시합니다. |
리소스
| 유형 | 링크 |
| API 참조 |
GridTemplate, GridTemplate.Builder
|