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

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

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

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

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

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

ทรัพยากร Dependency

ติดตั้งใช้งานสวิตช์

ตัวอย่างต่อไปนี้เป็นการใช้งานแบบขั้นต่ำของคอมโพสิเบิล Switch

ผลลัพธ์

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

สร้างภาพปกที่กำหนดเอง

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

ผลลัพธ์

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

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

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

ใช้พารามิเตอร์ colors เพื่อเปลี่ยนสีปุ่มเปิด/ปิดและรางของปุ่ม โดยพิจารณาว่ามีการเลือกปุ่มเปิด/ปิดหรือไม่

ผลลัพธ์

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

ข้อมูลสำคัญ

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

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

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

คอลเล็กชันที่มีคู่มือนี้

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

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

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

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