เพิ่มปุ่มตัวเลือกลงในแอปของคุณ

ลองใช้วิธีเขียน
Jetpack Compose เป็นชุดเครื่องมือ UI ที่แนะนําสําหรับ Android ดูวิธีเพิ่มคอมโพเนนต์ใน Compose
ปุ่มตัวเลือก →

ปุ่มตัวเลือกช่วยให้ผู้ใช้เลือก 1 ตัวเลือกจากชุดตัวเลือกที่เฉพาะตัวเหมือนกัน ใช้ปุ่มตัวเลือกหากผู้ใช้จำเป็นต้องเห็นตัวเลือกที่มีอยู่ทั้งหมดแสดงอยู่ หากไม่จำเป็นต้องแสดงตัวเลือกทั้งหมด ให้ใช้สปินเนอร์แทน

ตัวอย่างปุ่มตัวเลือกจาก material.io
รูปที่ 1 ตัวอย่างปุ่มตัวเลือกจาก Material Design

หากต้องการสร้างตัวเลือกปุ่มตัวเลือกแต่ละรายการ ให้สร้าง RadioButton ในเลย์เอาต์ เนื่องจากปุ่มตัวเลือกเป็นตัวเลือกที่เลือกอย่างใดอย่างหนึ่งได้เท่านั้น ให้จัดกลุ่มปุ่มตัวเลือกไว้ภายใน a RadioGroup ระบบจะตรวจสอบว่าเลือกปุ่มตัวเลือกภายในกลุ่มได้เพียงทีละปุ่มเท่านั้น

ตอบสนองต่อเหตุการณ์การคลิก

เมื่อผู้ใช้เลือกปุ่มตัวเลือก ออบเจ็กต์ RadioButton ที่เกี่ยวข้องจะได้รับเหตุการณ์การคลิก

ตัวอย่างต่อไปนี้แสดงการตอบสนองต่อผู้ใช้ที่แตะRadioButtonออบเจ็กต์ในกลุ่ม

<?xml version="1.0" encoding="utf-8"?>
<RadioGroup
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <RadioButton android:id="@+id/radio_pirates"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pirates"/>
    <RadioButton android:id="@+id/radio_ninjas"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Ninjas"/>
</RadioGroup>

ภายใน Activity หรือ Fragment ที่โฮสต์เลย์เอาต์นี้ ให้ค้นหาปุ่มตัวเลือกและตั้งค่าตัวรับฟังการเปลี่ยนแปลงสำหรับแต่ละปุ่ม ดังนี้

Kotlin

findViewById<RadioButton>(R.id.radio_pirates).setOnCheckedChangeListener { buttonView, isChecked ->
    Log.d("RADIO", "Pirates is checked: $isChecked")
}

findViewById<RadioButton>(R.id.radio_ninjas).setOnCheckedChangeListener { buttonView, isChecked ->
    Log.d("RADIO", "Ninjas is checked: $isChecked")
}

Java

findViewById<RadioButton>(R.id.radio_pirates).setOnCheckedChangeListener { buttonView, isChecked ->
    Log.d("RADIO", "Pirates is checked: $isChecked");
}

findViewById<RadioButton>(R.id.radio_ninjas).setOnCheckedChangeListener { buttonView, isChecked ->
    Log.d("RADIO", "Ninjas is checked: $isChecked");
}

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