Android：在ConstraintLayout中动态添加RadioButton并实现列状排列

嘿，我明白你的需求了——要把从接口动态获取的RadioButton排成类似表格的列状布局，但RadioGroup本身只支持水平/垂直的线性排列对吧？别担心，这里有几个靠谱的方案可以解决这个问题：

RadioGroup本质是LinearLayout的子类，原生不支持网格布局，换用RecyclerView来实现是最灵活的方式，还能支持视图复用，性能更好。

步骤1：编写布局文件 #

在你的ConstraintLayout里替换RadioGroup为RecyclerView：

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/radio_grid_recycler"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

步骤2：实现自定义Adapter #

这个Adapter负责加载每个RadioButton，并维护单选状态：

public class RadioGridAdapter extends RecyclerView.Adapter<RadioGridAdapter.ViewHolder> {
    private List<String> mOptionList;
    private int mSelectedPos = -1;
    private OnRadioSelectedListener mListener;

    // 定义选中回调接口
    public interface OnRadioSelectedListener {
        void onRadioSelected(int position, String selectedOption);
    }

    public RadioGridAdapter(List<String> optionList, OnRadioSelectedListener listener) {
        mOptionList = optionList;
        mListener = listener;
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        // 动态创建RadioButton
        RadioButton radioBtn = new RadioButton(parent.getContext());
        // 自定义样式：文字大小、内边距等
        radioBtn.setPadding(16, 12, 16, 12);
        radioBtn.setTextSize(14);
        // 设置RecyclerView布局参数，让列平分宽度
        RecyclerView.LayoutParams params = new RecyclerView.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT);
        params.setMargins(4, 4, 4, 4);
        radioBtn.setLayoutParams(params);
        return new ViewHolder(radioBtn);
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        holder.radioBtn.setText(mOptionList.get(position));
        // 设置选中状态
        holder.radioBtn.setChecked(position == mSelectedPos);
        // 处理点击事件，维护单选逻辑
        holder.radioBtn.setOnClickListener(v -> {
            int oldSelectedPos = mSelectedPos;
            mSelectedPos = holder.getAdapterPosition();
            // 更新之前选中项和当前选中项的状态
            notifyItemChanged(oldSelectedPos);
            notifyItemChanged(mSelectedPos);
            // 回调选中结果
            if (mListener != null) {
                mListener.onRadioSelected(mSelectedPos, mOptionList.get(mSelectedPos));
            }
        });
    }

    @Override
    public int getItemCount() {
        return mOptionList.size();
    }

    static class ViewHolder extends RecyclerView.ViewHolder {
        RadioButton radioBtn;

        ViewHolder(@NonNull RadioButton itemView) {
            super(itemView);
            radioBtn = itemView;
        }
    }
}

步骤3：在代码中初始化RecyclerView #

// 获取RecyclerView实例
RecyclerView radioRecycler = findViewById(R.id.radio_grid_recycler);
// 设置网格布局管理器，指定列数（比如3列）
radioRecycler.setLayoutManager(new GridLayoutManager(this, 3));
// 从接口获取选项列表（这里用模拟数据示例）
List<String> options = Arrays.asList("选项1", "选项2", "选项3", "选项4", "选项5", "选项6");
// 创建并设置Adapter
RadioGridAdapter adapter = new RadioGridAdapter(options, (position, option) -> {
    // 在这里处理选中后的逻辑，比如保存选中值
    Toast.makeText(this, "选中了：" + option, Toast.LENGTH_SHORT).show();
});
radioRecycler.setAdapter(adapter);

如果你的选项数量不多，也可以直接用GridLayout来承载RadioButton，手动维护单选状态：

步骤1：编写布局文件 #

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <GridLayout
        android:id="@+id/radio_grid_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:columnCount="3"/> <!-- 指定列数 -->

</androidx.constraintlayout.widget.ConstraintLayout>

步骤2：动态添加RadioButton并维护单选 #

GridLayout gridLayout = findViewById(R.id.radio_grid_layout);
List<String> options = // 从接口获取的选项列表
RadioButton currentSelectedRadio = null;
int columnCount = 3; // 设置你想要的列数

for (int i = 0; i < options.size(); i++) {
    RadioButton radioBtn = new RadioButton(this);
    radioBtn.setText(options.get(i));
    radioBtn.setPadding(16, 12, 16, 12);

    // 设置GridLayout布局参数，让列平分宽度
    GridLayout.LayoutParams params = new GridLayout.LayoutParams();
    params.rowSpec = GridLayout.spec(i / columnCount); // 计算所在行
    params.columnSpec = GridLayout.spec(i % columnCount); // 计算所在列
    params.width = 0;
    params.height = GridLayout.LayoutParams.WRAP_CONTENT;
    params.columnWeight = 1; // 列平分权重
    params.setMargins(4, 4, 4, 4);
    radioBtn.setLayoutParams(params);

    // 处理单选逻辑
    radioBtn.setOnClickListener(v -> {
        if (currentSelectedRadio != null) {
            currentSelectedRadio.setChecked(false);
        }
        currentSelectedRadio = (RadioButton) v;
        currentSelectedRadio.setChecked(true);
        // 处理选中事件
        Toast.makeText(this, "选中：" + currentSelectedRadio.getText(), Toast.LENGTH_SHORT).show();
    });

    gridLayout.addView(radioBtn);
}

如果你坚持要使用RadioGroup，可以自定义一个继承RadioGroup的类，重写onLayout方法来实现网格排列，但这个实现相对复杂，而且前两种方案已经能很好满足需求，所以这里就不展开了，优先推荐前两种方案~

内容的提问来源于stack exchange，提问作者Hasan Abdullah