快捷導(dǎo)航

Android單選按鈕RadioButton的使用方法

更新時間：2021年05月27日 11:29:59 作者：打代碼的浪浪

這篇文章主要為大家詳細(xì)介紹了Android單選按鈕RadioButton的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

單選按鈕要在一組中選擇一項，并且不能多選。

同一組RadioButton要放在同一個RadioGroup節(jié)點下。

RadioButton默認(rèn)未選中，點擊后選中但是再次點擊不會取消選中。

RadioButton經(jīng)常會更換按鈕圖標(biāo)，如果通過button屬性變更圖標(biāo)，那么圖標(biāo)與文字就會挨得很近。為了拉開圖標(biāo)與文字之間的距離，得換成drawableLeft屬性展示新圖標(biāo)（不要忘記把button改為@null），再設(shè)置drawablePadding即可指定間隔距離。

復(fù)現(xiàn)代碼時出現(xiàn)了一個錯誤，處理單選按鈕的響應(yīng)，要先寫一個單選監(jiān)聽器實現(xiàn)接口 RadioGroup.OnCheckedChangeListener，而不是復(fù)合按鈕的CompoundButton.OnCheckedChangeListener。

MainActivity

package com.example.middle;
 
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.RadioGroup.OnCheckedChangeListener;
 
public class RadioVerticalActivity extends AppCompatActivity implements OnCheckedChangeListener {
    private TextView tv_marry; // 聲明一個文本視圖對象
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_radio_vertical);
        // 從布局文件中獲取名叫tv_marry的文本視圖
        tv_marry = findViewById(R.id.tv_marry);
        // 從布局文件中獲取名叫rg_marry的單選組
        RadioGroup rg_marry = findViewById(R.id.rg_marry);
        // 給rg_marry設(shè)置單選監(jiān)聽器，一旦用戶點擊組內(nèi)的單選按鈕，就觸發(fā)監(jiān)聽器的onCheckedChanged方法
        rg_marry.setOnCheckedChangeListener(this);
    }
 
    // 在用戶點擊組內(nèi)的單選按鈕時觸發(fā)
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        if (checkedId == R.id.rb_married) {
            tv_marry.setText("哇哦，祝你早生貴子");
        } else if (checkedId == R.id.rb_unmarried) {
            tv_marry.setText("哇哦，你的前途不可限量");
        }
    }
 
}

Layout

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp" >
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="請選擇您的婚姻狀況"
        android:textColor="#000000"
        android:textSize="17sp" />
 
    <RadioGroup
        android:id="@+id/rg_marry"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
 
        <!-- 通過button屬性修改單選按鈕的圖標(biāo) -->
        <RadioButton
            android:id="@+id/rb_unmarried"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:button="@drawable/radio_selector"
            android:text="未婚"
            android:textColor="#000000"
            android:textSize="17sp" />
 
        <!-- 通過drawableLeft屬性修改單選按鈕的圖標(biāo) -->
        <RadioButton
            android:id="@+id/rb_married"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:button="@null"
            android:drawableLeft="@drawable/radio_selector"
            android:drawablePadding="10dp"
            android:text="已婚"
            android:textColor="#000000"
            android:textSize="17sp" />
    </RadioGroup>
 
    <TextView
        android:id="@+id/tv_marry"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="#000000"
        android:textSize="17sp" />
</LinearLayout>

result