탭
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
탭은 다양한 화면, 데이터 세트 및 상호작용에서 콘텐츠를 구성합니다. 탭을 사용하여 고유한 정보 그룹과 관련된 정보 그룹 뷰 간에 전환할 수 있습니다.

리소스
하이라이트
- 탭을 가로로 스크롤할 수 있습니다. UI에는 필요한 만큼 탭이 있을 수 있습니다.
- 탭을 사용하면 콘텐츠를 카테고리로 정리하여 사용자가 다양한 유형의 정보를 빠르게 찾을 수 있습니다.
- 탭은 중요도가 동일한 카테고리의 피어로 나란히 표시됩니다.
변형
탭 표시기에는 두 가지 유형이 있습니다.
- 알약 표시기
- 막대 표시기
강조에 따라 올바른 유형을 선택합니다. 알약 표시기 탭은 전체 페이지를 구성하는 데 사용하는 것이 좋습니다. 기본 콘텐츠 대상을 표시합니다. 막대 표시기 탭은 콘텐츠 영역 내에서 관련 콘텐츠를 추가로 구분하고 계층 구조를 설정하는 데 사용됩니다.
분석

- 아이콘(선택사항)
- 음반사
- 활성 표시기
- 알약
- 바
- 컨테이너
상태

- 기본 계정
- 집중력이 높아진
- 선택됨
사양

동작
한 탭에서 다음 탭으로 이동할 때 아래 콘텐츠도 탭 이동에 따라 왼쪽이나 오른쪽으로 슬라이드됩니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-07-27(UTC)
[null,null,["최종 업데이트: 2025-07-27(UTC)"],[],[],null,["# Tabs organize content across different screens, data sets, and\ninteractions. Tabs can be used to switch between views of distinct and\nrelated groups of information.\n\nResources\n---------\n\n| Type | Link | Status |\n|----------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|\n| Design | [Design source (Figma)](https://goo.gle/tv-desing-kit) | Available |\n| Implementation | [Jetpack Compose](/reference/kotlin/androidx/tv/material3/package-summary#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0,kotlin.Function2,kotlin.Function1)) | Available |\n\nHighlights\n----------\n\n- Tabs can scroll horizontally. A UI can have as many tabs as needed.\n- Tabs organize content into categories to help users find different types of information quickly.\n- Tabs are displayed next to each other as peers, in categories of equal importance.\n\nVariants\n--------\n\nThere are two types of tab indicators: \n\n1. Pill indicator\n2. Bar indicator\n\nChoose the right type according to emphasis. Pill indicator tabs are\nrecommended for organizing full pages. They display the main content\ndestinations. Bar indicator tabs are used within a content area to further\nseparate related content and establish hierarchy.\n\nAnatomy\n-------\n\n1. Icon (optional)\n2. Label\n3. Active indicator\n 1. Pill\n 2. Bar\n4. Container\n\nStates\n------\n\n1. Default\n2. Focused\n3. Selected\n\nSpecs\n-----\n\nBehavior\n--------\n\nWhen moving from one tab to the next the content below also slides left or\nright based on the tab movement."]]