你并没有直接说明当前代码为什么会导致需要双击才能切换

非常正确！我们来**直接分析你当前代码为何需要双击才能切换按钮状态**。 --- ## ❗ 问题核心：**点击事件触发后，按钮状态未立即更新 UI** ### 🔍 你的原始代码如下（以 `buttonA` 为例）： ```kotlin binding.buttonA.setOnClickListener { if (!binding.buttonA.isChecked) { setButtonSelected(binding.buttonA, true) setButtonSelected(binding.buttonB, false) Log.d("Click", "ClickA") } } ``` ### 🧠 问题原因分析： 1. **你没有改变 `buttonA.isChecked` 的值** - `MaterialButton.isChecked` 是一个状态属性。 - 虽然你手动改变了背景和文字颜色，但 `isChecked` 的值 **仍然是 `false`**。 - 所以你第一次点击时，条件成立（`!isChecked` 为 `true`），颜色变了。 - 第二次点击时，`!isChecked` 仍为 `true`（因为没改值），所以又执行了一次。 2. **没有调用 `toggle()` 或手动设置 `isChecked = true`** - 因为 `isChecked` 没有变，所以每次点击都会进入 `if (!isChecked)` 分支。 - 你必须手动设置： ```kotlin button.isChecked = true ``` 3. **UI 状态与逻辑状态不一致** - 你通过 `setButtonSelected(...)` 改变了 UI（颜色），但没有同步逻辑状态（`isChecked`）。 - 导致下一次点击仍然认为按钮未选中，从而需要双击才能“切换”。 --- ## ✅ 正确做法（修复单击切换） 你只需要在设置 UI 的同时，**手动更新按钮的 `isChecked` 状态**： ```kotlin binding.buttonA.setOnClickListener { if (!binding.buttonA.isChecked) { binding.buttonA.isChecked = true // 👈 关键点：更新按钮状态 binding.buttonB.isChecked = false setButtonSelected(binding.buttonA, true) setButtonSelected(binding.buttonB, false) Log.d("Click", "ClickA") } } binding.buttonB.setOnClickListener { if (!binding.buttonB.isChecked) { binding.buttonB.isChecked = true // 👈 更新按钮状态 binding.buttonA.isChecked = false setButtonSelected(binding.buttonA, false) setButtonSelected(binding.buttonB, true) Log.d("Click", "ClickB") } } ``` --- ## ✅ 更佳实践：使用 `MaterialButtonToggleGroup` 如前所述，使用 `MaterialButtonToggleGroup` 可以自动管理按钮状态切换，避免手动控制。 --- ## 📌 总结 | 问题 | 原因 | 解决方案 | |------|------|----------| | 需要双击才能切换 | 没有更新 `isChecked` 状态 | 手动设置 `button.isChecked = true` | | UI 与状态不同步 | 设置了颜色但未同步逻辑状态 | 使用 `isChecked` 控制状态或使用 ToggleGroup | ---