Java/Kotlin中如何对ConstraintLayout内的RadioButton实现编程分组？

问题原因 #

原生RadioGroup继承自LinearLayout，仅能识别直接子视图为RadioButton时的互斥逻辑，当你在RadioGroup和RadioButton之间嵌套了ConstraintLayout层，RadioGroup无法遍历到内层的单选按钮，因此分组互斥功能失效。
你现在的布局结构参考如下：

解决方案 #

方案1：手动实现单选互斥逻辑 #

不需要修改XML布局，直接在业务代码中添加选中互斥逻辑即可，适配性最高，适合布局复杂度高的场景：

• 把ConstraintLayout下所有自定义RadioButton存入一个统一的列表
• 给每个按钮设置OnCheckedChangeListener
• 当某一按钮被选中时，遍历列表将其余按钮的选中状态置为false

示例代码（Kotlin）：

// 存储所有需要分组的单选按钮
private val radioBtns = mutableListOf<RadioButton>()

// 初始化时添加所有目标单选按钮
radioBtns.addAll(listOf(binding.rbOption1, binding.rbOption2, binding.rbOption3))

radioBtns.forEach { btn ->
    btn.setOnCheckedChangeListener { _, isChecked ->
        if (isChecked) {
            // 取消其余按钮的选中状态
            radioBtns.filter { it != btn }.forEach { it.isChecked = false }
            // 此处可添加选中后的业务处理逻辑
        }
    }
}

方案2：使用支持嵌套的自定义RadioGroup #

如果想要保留XML层面的分组配置，可以自定义支持递归查找子视图中RadioButton的NestedRadioGroup，替换原生RadioGroup包裹你的ConstraintLayout即可生效。

示例代码（Java）：

public class NestedRadioGroup extends RadioGroup {
    public NestedRadioGroup(Context context) {
        super(context);
    }

    public NestedRadioGroup(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public void addView(View child, int index, ViewGroup.LayoutParams params) {
        super.addView(child, index, params);
        traverseChildViews(child);
    }

    private void traverseChildViews(View child) {
        if (child instanceof RadioButton) {
            ((RadioButton) child).setOnClickListener(v -> check(v.getId()));
            return;
        }
        if (child instanceof ViewGroup) {
            for (int i = 0; i < ((ViewGroup) child).getChildCount(); i++) {
                traverseChildViews(((ViewGroup) child).getChildAt(i));
            }
        }
    }

    @Override
    public void check(int id) {
        super.check(id);
        updateAllRadioBtnStatus(id);
    }

    private void updateAllRadioBtnStatus(int checkedId) {
        List<RadioButton> allBtns = new ArrayList<>();
        traverseForRadioBtn(this, allBtns);
        for (RadioButton btn : allBtns) {
            btn.setChecked(btn.getId() == checkedId);
        }
    }

    private void traverseForRadioBtn(View view, List<RadioButton> result) {
        if (view instanceof RadioButton) {
            result.add((RadioButton) view);
            return;
        }
        if (view instanceof ViewGroup) {
            for (int i = 0; i < ((ViewGroup) view).getChildCount(); i++) {
                traverseForRadioBtn(((ViewGroup) view).getChildAt(i), result);
            }
        }
    }
}

使用时直接在XML中替换原生RadioGroup即可：

<com.yourpackage.NestedRadioGroup
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <!-- 你自定义的RadioButton布局 -->
    </androidx.constraintlayout.widget.ConstraintLayout>

</com.yourpackage.NestedRadioGroup>

内容的提问来源于stack exchange，提问作者Sweta Jain