Android中如何为选中的RadioButton添加下划线？

你的问题出在使用line形状作为背景时，无法精准控制下划线的位置和宽度，且gravity属性在shape中不生效。以下是修正后的实现方案：

1. 修改RadioGroup布局 #

将RadioButton的宽度设为match_parent，确保按钮平分父容器宽度，并添加gravity="center"让文本居中，同时统一添加padding保证布局一致：

<RadioGroup
    android:weightSum="3"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <RadioButton
        android:padding="20dp"
        android:layout_weight="1"
        android:text="Collections"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/radio_button_background"/>

    <RadioButton
        android:padding="20dp"
        android:layout_weight="1"
        android:text="Inspections"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/radio_button_background"/>

    <RadioButton
        android:padding="20dp"
        android:layout_weight="1"
        android:text="Enforcements"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:button="@null"
        android:gravity="center"
        android:background="@drawable/radio_button_background"/>

</RadioGroup>

2. 重写背景选择器 #

使用layer-list替代line形状，通过两层图形组合实现底部下划线效果：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <layer-list>
            <!-- 透明背景层，确保点击区域覆盖整个RadioButton -->
            <item>
                <shape android:shape="rectangle">
                    <solid android:color="@android:color/transparent"/>
                </shape>
            </item>
            <!-- 底部下划线层，可通过left/right属性调整下划线宽度匹配文本 -->
            <item 
                android:bottom="0dp" 
                android:left="20dp" 
                android:right="20dp">
                <shape android:shape="rectangle">
                    <solid android:color="#0000FF"/>
                    <size android:height="4dp"/>
                </shape>
            </item>
        </layer-list>
    </item>
    <item>
        <!-- 未选中状态的透明背景 -->
        <shape android:shape="rectangle">
            <solid android:color="@android:color/transparent"/>
        </shape>
    </item>
</selector>

说明 #

• layer-list的第二层通过left和right属性控制下划线的左右边距，使其宽度匹配文本（可根据实际需求调整数值）；
• size android:height="4dp"设置下划线的厚度，android:color="#0000FF"设置下划线颜色；
• 布局中match_parent的宽度配合layout_weight让三个按钮均匀分配空间，gravity="center"保证文本与下划线对齐。

内容的提问来源于stack exchange，提问作者Wanjala Alex