탭 템플릿
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
탭 템플릿은 아래에 나열된 다른 템플릿의 컨테이너 역할을 하며 상단에 탭을 제공합니다 (탭 템플릿 분석 참조).
탭을 사용하면 뷰 간에 전환할 수 있습니다. 이 기능은 사용자가 탐색하거나 검색할 콘텐츠 또는 뷰를 구성하는 데 특히 유용합니다.
포함 항목:
- 앱 아이콘과 최대 4개의 탭 (뒤로 버튼 없음)이 있는 탭 바
- 삽입된 템플릿(다음 유형 중 하나일 수 있음):
각 탭 보기는 하나의 삽입된 템플릿에 해당하며 한 번에 하나의 탭 보기만 활성화할 수 있습니다.
탭 템플릿 분석
탭 템플릿 예
탭 템플릿 UX 요구사항
앱 개발자:
필수 |
각 탭에 라벨이 있는 탭바와 단색 벡터 아이콘을 포함합니다. |
필수 |
앱 헤더에 2~4개의 탭을 포함합니다. |
필수 |
각 탭 보기에 비어 있지 않은 삽입된 템플릿을 포함합니다. |
해서는 안 되는 작업 |
한 번에 2개 이상의 탭을 활성화할 수 있습니다. |
해서는 안 되는 작업 |
두 번째 수준의 탭을 추가하여 보조 탐색을 만듭니다. |
해야 하는 작업 |
잘리지 않도록 짧은 탭 라벨을 사용하세요. |
해서는 안 되는 작업 |
삽입된 템플릿에 헤더나 작업 표시줄을 포함합니다. |
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2023-12-02(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]