เพิ่มสวิตช์ที่ผู้ใช้สลับได้

คอมโพเนนต์ Switch ช่วยให้ผู้ใช้สลับระหว่าง 2 สถานะ ได้แก่ เลือกแล้ว และไม่ได้เลือก ใช้สวิตช์เพื่อให้ผู้ใช้ทำอย่างใดอย่างหนึ่งต่อไปนี้

  • เปิดหรือปิดการตั้งค่า
  • เปิดหรือปิดใช้ฟีเจอร์
  • เลือกตัวเลือก

โดยคอมโพเนนต์นี้มี 2 ส่วน ได้แก่ นิ้วโป้งและแทร็ก ปุ่มสลับคือส่วนที่ลากได้ ของสวิตช์ และแทร็กคือพื้นหลัง ผู้ใช้สามารถลากนิ้ว ไปทางซ้ายหรือขวาเพื่อเปลี่ยนสถานะของสวิตช์ นอกจากนี้ ยังแตะ สวิตช์เพื่อตรวจสอบและล้างได้ด้วย

ความเข้ากันได้ของเวอร์ชัน

การติดตั้งใช้งานนี้กำหนดให้ตั้งค่า minSDK ของโปรเจ็กต์เป็น API ระดับ 21 ขึ้นไป

การขึ้นต่อกัน

ติดตั้งสวิตช์

ตัวอย่างต่อไปนี้เป็นการใช้งาน Switch composable ขั้นต่ำ

ผลลัพธ์

สวิตช์พื้นฐานที่ไม่ได้เลือก
รูปที่ 1 สวิตช์ที่ไม่ได้เลือก
สวิตช์พื้นฐานที่เลือก
รูปที่ 2 สวิตช์ที่เลือก

สร้างนิ้วที่กำหนดเอง

คุณส่ง Composable ใดก็ได้สำหรับพารามิเตอร์ thumbContent เพื่อสร้าง ภาพขนาดย่อที่กำหนดเอง ต่อไปนี้เป็นตัวอย่างสวิตช์ที่ใช้ไอคอนที่กำหนดเองสำหรับ ภาพขนาดย่อ

ผลลัพธ์

ลักษณะที่ไม่ได้เลือกจะเหมือนกับตัวอย่างในส่วนก่อนหน้า อย่างไรก็ตาม เมื่อเลือกแล้ว การติดตั้งใช้งานนี้จะปรากฏดังนี้

สวิตช์ที่ใช้พารามิเตอร์ thumbContent เพื่อแสดงไอคอนที่กำหนดเองเมื่อเลือก
รูปที่ 3 สวิตช์ที่มีไอคอนที่กำหนดเอง

ใช้สีที่กำหนดเอง

ใช้พารามิเตอร์ colors เพื่อเปลี่ยนสีของนิ้วและแทร็กของสวิตช์ โดยคำนึงถึงว่าได้เลือกสวิตช์หรือไม่

ผลลัพธ์

สวิตช์ที่ใช้พารามิเตอร์สีเพื่อแสดงสวิตช์ที่มีสีที่กำหนดเองสำหรับทั้งนิ้วโป้งและหมุด
รูปที่ 4 สวิตช์ที่มีสีที่กำหนดเอง

ข้อมูลสำคัญ

  • พารามิเตอร์พื้นฐาน

    • checked: สถานะเริ่มต้นของสวิตช์
    • onCheckedChange: การเรียกกลับที่จะเรียกใช้เมื่อสถานะของ สวิตช์มีการเปลี่ยนแปลง
    • enabled: เปิดหรือปิดใช้สวิตช์
    • colors: สีที่ใช้สำหรับสวิตช์
  • พารามิเตอร์ขั้นสูง

    • thumbContent: ใช้เพื่อปรับแต่งลักษณะที่ปรากฏของนิ้วโป้งเมื่อมีการเลือก
    • colors: ใช้เพื่อปรับแต่งสีของแทร็กและหัวแม่มือ

คอลเล็กชันที่มีคำแนะนำนี้

คู่มือนี้เป็นส่วนหนึ่งของคอลเล็กชันคู่มือฉบับย่อที่คัดสรรมาแล้วซึ่งครอบคลุม เป้าหมายการพัฒนา Android ที่กว้างขึ้น

ดูว่าฟังก์ชันที่ใช้ร่วมกันได้ช่วยให้คุณสร้างคอมโพเนนต์ UI ที่สวยงามตามระบบการออกแบบ Material Design ได้อย่างง่ายดาย ได้อย่างไร

มีคำถามหรือความคิดเห็น

ไปที่หน้าคำถามที่พบบ่อยเพื่อดูคำแนะนำแบบรวดเร็ว หรือติดต่อเราเพื่อบอกความคิดเห็นของคุณ