kotlin flow防抖

发布于:2025-05-11 ⋅ 阅读:(16) ⋅ 点赞:(0)

一 防抖设计


1. 点击事件的防抖:用于防止频繁触发逻辑

🎯 适用场景:

  • 用户连续快速点击按钮,可能会导致多次发送网络请求、CAN 指令或反复切换状态等副作用。
  • 所以我们通常在点击函数中处理防抖,例如:
fun onImageBtnMasterSwitchClick() {
    runDebounced("masterSwitch") {
        masterSwitchButton.onToggle()
    }
}

这个防抖是为了防止过于频繁的点击行为,属于输入事件节流


2. StateFlow 的 debounce:用于数据流的节流

🎯 适用场景:

  • 状态是由某些数据流(如车机 CAN 信号)频繁推送的,UI 层又在监听这个状态。
  • 如果每次都 collect 状态更新,UI 可能刷新过快,浪费性能或造成视觉抖动。

此时可以用:

viewModel.masterSwitchButton.state
    .debounce(300)
    .onEach { state -> ... }
    .launchIn(lifecycleScope)

👉 它的作用是:合并短时间内的多次状态变化,只处理最后一次变化,从而降低 UI 响应频率,提高性能稳定性


为什么要设计 debounce 方法?

核心目的:对高频流式事件进行“节流”

比如有一个温度调节旋钮,它快速输出很多中间值(0 → 1 → 2 → 3 → …),不希望每个变化都实时更新 UI(或发指令),因为那样:

  • 网络 / CAN 请求被频繁触发,浪费资源;
  • UI 每毫秒变化一次,用户根本看不清;
  • 性能受影响。

于是,debounce 被设计出来:

flow
    .debounce(300)  // 如果 300ms 内还有新值,就不触发 emit
    .collect { value ->
        // 最后一次稳定的值
    }

✅ 总结对比

防抖对象 推荐方式 示例 目标
用户点击事件 手动防抖函数 runDebounced() 限制用户输入频率
状态流的变化(StateFlow) .debounce() state.debounce(300) 降低 UI 响应频率、减少性能负担

二 数据节流写法

在 Fragment 中写是更合理的选择。


一、在 Fragment 中使用 .debounce():推荐方式

写的代码如下,其实非常标准、正确:

launch {
    viewModel.masterSwitchButton.state
        .debounce(300)
        .collect { state ->
            Logger.getLogger().d("btnMasterSwitchClick state == $state")
            binding.xx.isSelected = state
            if (state) {
                binding.xx.setOpen()
            } else {
                binding.xx.setClose()
            }
        }
}

✅ 优点:

  • Fragment 控制 UI 层,天然就是对 数据变化进行“视觉节流” 的合适地方;
  • ViewModel 只是管理状态,不该控制 UI 刷新频率;
  • 更灵活:有的 UI 想 debounce,有的不想 debounce,交给 Fragment 自己决定。

❌ 二、在 ViewModel 中 debounce:不推荐,目前设计也不支持

ToggleButtonState 是这样的:

data class xx<T>(
    val state: StateFlow<T>,
    val onToggle: () -> Unit = {},
    ...
)

问题:

  • state 是在 ViewModel 中 stateIn 出来的,并直接暴露给外部;
  • .debounce()Flow<T> 扩展方法,而 StateFlow<T>Flow<T> 的子类,但一旦 .debounce(),就不再是 StateFlow,会导致 ToggleButtonState 的结构不再统一;
  • 如果在 ViewModel 内 .debounce(),需要创建额外的中间 Flow,非常冗余,并不能真正“预处理” UI 的刷新频率(因为 debounce 是延迟发射)。

总结建议

场景 写在 Fragment 中(推荐 ✅) 写在 ViewModel 中(不推荐 ❌)
控制 UI 刷新频率 ✅ 是 UI 的职责 ❌ ViewModel 不应该负责 UI 刷新粒度
保持 ToggleButtonState 的结构清晰 ✅ 直接使用原始 state ❌ 需要重新 wrap 多个 flow
灵活配置 debounce 时机 ✅ 某些 UI 需要,某些不需要 ❌ 所有使用都被统一节流,不利于定制

✅ Bonus:如果以后想支持某些特殊按钮统一节流,可考虑扩展结构,例如:

data class ToggleButtonState<T>(
    val rawState: StateFlow<T>,
    val debouncedState: Flow<T> = rawState, // 默认不 debounce
    ...
)

然后在 ViewModel 中根据需要提供 .debounce() 后的版本,但一般情况并不建议这么做,除非有通用需求。



网站公告

今日签到

点亮在社区的每一天
去签到