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

แถบเลื่อนในบรรทัดช่วยให้ผู้ใช้เลือกจากช่วงค่าได้
ใช้แถบเลื่อนในบรรทัดเพื่อเลือกค่าจากช่วง เช่น การตั้งค่าความสว่างของหน้าจอหรือขนาดแบบอักษร การเปลี่ยนแปลงที่ทำด้วยแถบเลื่อนจะมีผลทันที ซึ่งช่วยให้ผู้ใช้ปรับแต่งต่อไปได้จนกว่าจะพอใจ อย่าใช้แถบเลื่อนในสถานการณ์ที่การปรับค่าใช้จ่ายไม่เกิดขึ้นทันที
กายวิภาคศาสตร์
ก. แถบความคืบหน้า
ข. แทร็กความคืบหน้า
ค. คอนเทนเนอร์
ง. ไอคอนลด
จ. ไอคอนเพิ่ม
ฉ. เว้นวรรค
คำแนะนำเกี่ยวกับการออกแบบ
แถบเลื่อนแบบแบ่งส่วน
ลองใช้แถบเลื่อนแบบแบ่งส่วนหากช่วงของค่าอยู่ระหว่าง 3 ถึง 9 หากช่วงมีมากกว่า 8 กลุ่ม กลุ่มจะเล็กเกินกว่าที่จะมองเห็นได้
การใช้งาน

เลย์เอาต์ที่ปรับเปลี่ยนได้
ส่วนขั้นตอนจะขยายความกว้างให้เต็ม จึงทำให้ดูยาวขึ้นโดยขึ้นอยู่กับขนาดของหน้าจอ

กรอกความกว้างที่มี
แถบเลื่อนจะยืดออกจนเต็มความกว้างที่มีในหน้าจอขนาดใหญ่
ไอคอน (24 x 24 dp)
คอนเทนเนอร์ (52 x XX dp)
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา 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,["# Sliders\n\nThe [Inline sliders](/reference/kotlin/androidx/wear/compose/material/package-summary#InlineSlider(kotlin.Float,kotlin.Function1,kotlin.Int,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,kotlin.Boolean,androidx.wear.compose.material.InlineSliderColors)) allow users to make selections from a range of values. \nUse inline sliders to select a value from a range, such as setting screen brightness or font size. Changes made with sliders are immediate, allowing the user to continue to make adjustments until they are satisfied. Don't use sliders in situations where adjustments are not immediate.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAnatomy\n-------\n\n**A. Progress bar\nB. Progress track\nC. Container\nD. Decrease icon\nE. Increase icon\nF. Spacer**\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nDesign recommendations\n----------------------\n\n**Segmented slider**\n\nConsider using a segmented slider if the range of values is between three and nine. If the range is greater than eight, segments will be too small to be visible.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nUsage\n-----\n\nAdaptive layouts\n----------------\n\nThe step segments fills the available width, so it will appear longer depending on the size of the screen.\n\n**Fills available width**\n\nSliders stretch to fill the available width on larger screens.\n\nIcon (24 x 24 dp) \n\nContainer (52 x XX dp)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e"]]