选择其他单选按钮时，单选按钮组中的单选按钮不会取消选择答案

【问题标题】：radio button in radio button group doesn't unselect when selecting other radio buttons选择其他单选按钮时，单选按钮组中的单选按钮不会取消选择
【发布时间】：2021-11-11 01:07:08
【问题描述】：

我有以下使用单选按钮组动态添加单选按钮的 xml。

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

    <RadioGroup
        android:id="@+id/rbSortOptionGroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

一旦布局膨胀，它看起来像这样：

这是在对话框片段中，用户将选择一个单选按钮并单击应用将关闭对话框。

当用户再次打开对话框片段时，单选按钮的先前状态将被自动选中。但是，在选择另一个单选按钮后，保存的单选按钮将保持选中状态，因此我总是同时选择 2 个单选按钮。

有没有办法在选择其他单选按钮时取消选择它。

这是我动态创建单选按钮并将它们添加到单选组时的类。

@EpoxyModelClass(layout = R.layout.list_item_sort_item)
abstract class SortItemModel(private val schedulersFacade: SchedulersFacade) : EpoxyBaseModel() {

    @EpoxyAttribute
    lateinit var listOfTopsProductSort: List<TopsProductSort>

    @EpoxyAttribute
    lateinit var tapSortButtonRelay: PublishRelay<TopsProductSort>

    override fun bind(holder: EpoxyBaseViewHolder) {
        with(holder.itemView) {
            rbSortOptionGroup.removeAllViews()

            listOfTopsProductSort.forEach { topsProductSort ->
                val materialRadioButton = MaterialRadioButton(context)

                materialRadioButton.setTextColor(ColorStateList.valueOf(ContextCompat.getColor(context, R.color.black)))
                materialRadioButton.text = topsProductSort.name
                materialRadioButton.tag = TopsProductSort(code = topsProductSort.code, name = topsProductSort.name)
               
                materialRadioButton.isChecked = topsProductSort.isSelected // Set the previous radio button that was selected

                materialRadioButton.clicks()
                    .debounce(250L, TimeUnit.MILLISECONDS)
                    .observeOn(schedulersFacade.ui)
                    .map {
                        materialRadioButton.tag as TopsProductSort
                    }
                    .subscribeBy(
                        onNext = { _topsProductSort ->
                            if (materialRadioButton.tag is TopsProductSort) {
                                tapSortButtonRelay.accept(_topsProductSort.copy(isSelected = true))
                            }
                        },
                        onError = {
                            Timber.e(it.localizedMessage)
                        }
                    )

                rbSortOptionGroup.addView(materialRadioButton)
            }
        }
    }

【问题讨论】：

标签： android radio-button radio-group

【解决方案1】：

为避免在以编程方式创建MaterialRadioButton 时出现这种行为，您需要为每个MaterialRadioButton 设置唯一标识符@+id，以便RadioGroup 可以在其选择/取消选择阶段识别其每个子项。为此，您可以使用 ViewCompat.generateViewId() 以编程方式生成唯一 ID。

在创建每个MaterialRadioButton 的过程中，您可以使用上述方法，如下所示：

val materialRadioButton = MaterialRadioButton(context)
materialRadioButton.id = ViewCompat.generateViewId()

通过执行上述操作，RadioGroup 将能够唯一标识其每个子代，并将充当单一选择。

【讨论】：