标签页
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
标签页用于整理不同屏幕、数据集和互动中的内容。标签页可用于在包含不同且相关的信息组的视图之间切换。

资源
亮点
- 标签页可以水平滚动。界面可以根据需要包含任意数量的标签页。
- 标签页可对内容进行分类,以帮助用户快速找到不同类型的信息。
- 这些标签页按重要性相同类别并排显示为类似应用。
变体
标签页指示器分为以下两种类型:
- 药丸指示符
- 条形指示器
根据强调效果选择合适的类型。建议使用药丸指示器标签页来整理整个页面。它们显示主要内容目的地。条形指示器标签页用于在内容区域内进一步分隔相关内容并建立层次结构。
解剖学

- 图标(可选)
- 标签
- 活动指示器
- 药丸
- 酒吧
- 容器
状态

- 默认
- 专注
- 已选择
规格

行为
从一个标签页移动到下一个标签页时,以下内容也会根据标签页的移动情况左右滑动。
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-07-27。
[null,null,["最后更新时间 (UTC):2025-07-27。"],[],[],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."]]