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

Question

我有以下 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>

布局展开后，它看起来像这样：

这是一个对话框片段，用户将 select 一个单选按钮并单击“应用”将关闭对话框。

当用户再次打开对话框片段时，单选按钮的先前状态将自动 selected。但是，在 select 另一个单选按钮之后，保存的单选按钮将保持选中状态，所以我总是有 2 个单选按钮 select 同时编辑。

有没有办法在 select 其他单选按钮时取消select 这个。

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

@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)
            }
        }
    }

Answer 1

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

在创建每个 MaterialRadioButton 期间，您可以使用上面的方法，如下所示：

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

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

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

radio button in radio button group doesn't unselect when selecting other radio buttons

android

radio-button

radio-group