แท็บ
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
แท็บช่วยจัดระเบียบเนื้อหาในหน้าจอต่างๆ ชุดข้อมูล และ
การโต้ตอบ คุณสามารถใช้แท็บเพื่อสลับมุมมอง
กลุ่มของข้อมูลที่เกี่ยวข้องกัน

แหล่งข้อมูล
ไฮไลต์
- แท็บเลื่อนในแนวนอนได้ UI มีแท็บได้มากเท่าที่ต้องการ
- แท็บจะจัดเนื้อหาเป็นหมวดหมู่ต่างๆ เพื่อช่วยให้ผู้ใช้ค้นพบ
ข้อมูลประเภทต่างๆ ได้อย่างรวดเร็ว
- แท็บจะแสดงอยู่ติดกันในหมวดหมู่เดียวกัน
มีความสำคัญเท่ากัน
เวอร์ชัน
ตัวบอกแท็บมี 2 ประเภท ได้แก่
- ตัวบ่งชี้ยา
- สัญญาณบอกสถานะแท่ง
เลือกประเภทที่เหมาะสมตามการเน้น แท็บตัวบ่งชี้ยาคือ
แนะนำให้ใช้เพื่อจัดระเบียบหน้าเว็บแบบเต็ม พวกเขาแสดงเนื้อหาหลัก
ปลายทาง แท็บสัญญาณบอกสถานะมีการใช้ภายในพื้นที่เนื้อหาเพื่อ
แยกเนื้อหาที่เกี่ยวข้องกันและสร้างลำดับชั้น
กายวิภาคศาสตร์

- ไอคอน (ไม่บังคับ)
- ป้ายกำกับ
- สัญญาณบอกสถานะที่ใช้งานอยู่
- ยา
- บาร์
- คอนเทนเนอร์
รัฐ

- ค่าเริ่มต้น
- มีสมาธิ
- เลือกแล้ว
ข้อกำหนด

ลักษณะการทำงาน
เมื่อเลื่อนจากแท็บหนึ่งไปยังเนื้อหาด้านล่าง จะเลื่อนไปทางซ้ายหรือ
ไปทางขวาตามการเคลื่อนที่ของแท็บ
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 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."]]