Tab
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Các thẻ sắp xếp nội dung trên nhiều màn hình, tập dữ liệu và lượt tương tác. Bạn có thể sử dụng các thẻ để chuyển đổi giữa các chế độ xem của các nhóm thông tin riêng biệt và có liên quan.

Tài nguyên
Tiêu điểm
- Các thẻ có thể cuộn theo chiều ngang. Giao diện người dùng có thể có số lượng thẻ tuỳ theo nhu cầu.
- Thẻ sắp xếp nội dung thành các danh mục để giúp người dùng nhanh chóng tìm thấy nhiều loại thông tin.
- Các thẻ hiển thị bên cạnh nhau dưới dạng các thẻ ngang hàng, theo danh mục có mức độ quan trọng như nhau.
Biến thể
Có hai loại chỉ báo thẻ:
- Chỉ báo về thuốc
- Chỉ báo thanh
Chọn đúng kiểu theo cách nhấn mạnh. Bạn nên sử dụng các thẻ chỉ báo không chứa thông tin để sắp xếp toàn bộ trang. Chúng cho thấy các đích đến của nội dung chính. Thẻ chỉ báo thanh được dùng trong một vùng nội dung để phân tách hơn nữa nội dung liên quan và thiết lập hệ phân cấp.
Phân tích

- Biểu tượng (không bắt buộc)
- Nhãn
- Chỉ báo đang hoạt động
- Viên thuốc
- Quán bar
- Vùng chứa
Các trạng thái

- Mặc định
- tập trung
- Đã chọn
Thông số

Hành vi
Khi di chuyển từ một thẻ sang thẻ tiếp theo, nội dung bên dưới cũng trượt sang trái hoặc phải dựa trên chuyển động của thẻ.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-27 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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."]]