Android RadioButton+Selector 的简单使用

布局

        <RadioGroup
            android:id="@+id/radio_group"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center|bottom"
            android:gravity="center"
            android:orientation="horizontal">

            <RadioButton
                android:id="@+id/radio1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:button="@null"
                android:drawableBottom="@drawable/selector_drawable_bottom_blue_line"
                android:drawablePadding="10dp"
                android:text="选项1"
                android:textColor="#ff222222"
                android:textSize="16sp" />

            <RadioButton
                android:id="@+id/radio2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="24dp"
                android:button="@null"
                android:drawableBottom="@drawable/selector_drawable_bottom_blue_line"
                android:drawablePadding="10dp"
                android:text="选项2"
                android:textColor="#ff222222"
                android:textSize="16sp" />

        </RadioGroup>

样式

• selector_drawable_bottom_blue_line.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/selector_drawable_bottom_blue_line_selected" android:state_selected="true" />
    <item android:drawable="@drawable/selector_drawable_bottom_blue_line_selected" android:state_checked="true" />
    <item android:drawable="@drawable/selector_drawable_bottom_blue_line_selected" android:state_pressed="true" />
    <item android:drawable="@drawable/selector_drawable_bottom_blue_line_unselected" />
</selector>

• selector_drawable_bottom_blue_line_selected.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 矩形的填充色 -->
    <solid android:color="#FF1C88FF" />
    <size
        android:width="20dp"
        android:height="4dp" />
</shape>

• selector_drawable_bottom_blue_line_unselected.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 矩形的填充色 -->
    <solid android:color="@android:color/transparent" />
    <size
        android:width="20dp"
        android:height="4dp" />
</shape>

调用的地方

    private void initView() {
        radioGroup = (RadioGroup) findViewById(R.id.radio_group);
        radioGroup.check(R.id.radio1);//默认选中1
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                switch (checkedId){
                    case R.id.radio1:
                        Toast.makeText(MainActivity.this, "radio1", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.radio2:
                        Toast.makeText(MainActivity.this, "radio2", Toast.LENGTH_SHORT).show();
                        break;
                }
            }
        });
    }