अपने ऐप्लिकेशन में रेडियो बटन जोड़ना

Compose को आज़माएं
Android के लिए, Jetpack Compose को यूज़र इंटरफ़ेस (यूआई) टूलकिट के तौर पर इस्तेमाल करने का सुझाव दिया जाता है. Compose में कॉम्पोनेंट जोड़ने का तरीका जानें.

रेडियो बटन की मदद से, उपयोगकर्ता एक-दूसरे से अलग विकल्पों के सेट में से कोई एक विकल्प चुन सकता है. अगर उपयोगकर्ता को सभी उपलब्ध विकल्प दिखाने हैं, तो रेडियो बटन का इस्तेमाल करें. अगर सभी विकल्प दिखाना ज़रूरी नहीं है, तो इसके बजाय a स्पिनर का इस्तेमाल करें.

material.io से लिए गए रेडियो बटन का उदाहरण
इमेज 1. Material Design के रेडियो बटन का एक उदाहरण.

हर रेडियो बटन का विकल्प बनाने के लिए, अपने लेआउट में RadioButton बनाएं. रेडियो बटन एक-दूसरे से अलग होते हैं. इसलिए, इन्हें 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 में एक मैसेज दिखता है.