SwiftUI中如何禁用或检测拖动滚动指示器的滚动操作？

针对你遇到的大列表拖动滚动指示器时，大量NSAttributedString转换阻塞主线程的问题，这里提供核心解决方案：检测滚动指示器拖动操作并动态暂停预览生成，既符合用户交互预期，又能避免应用冻结。

一、检测滚动指示器的拖动行为 #

SwiftUI原生没有直接暴露滚动指示器的拖拽状态，我们可以借助UIKit的UIScrollView代理来判断用户是否在拖动指示器：

实现步骤（以Introspect库为例） #

Introspect可快速获取SwiftUI组件底层的UIKit实例，代码示例如下：

import SwiftUI
import Introspect

struct LargeListView: View {
    // 标记是否正在拖动滚动指示器
    @State private var isIndicatorDragging = false
    
    var body: some View {
        ScrollView {
            LazyVStack(spacing: 12) {
                ForEach(1..<30000, id: \.self) { item in
                    // 根据拖动状态切换显示内容
                    if !isIndicatorDragging {
                        Text(generateAttributedString(for: item))
                            .animation(.easeInOut(duration: 0.2), value: isIndicatorDragging)
                    } else {
                        // 拖动时显示轻量占位视图
                        HStack {
                            Spacer()
                            Text("加载中...")
                                .foregroundColor(.secondary)
                            Spacer()
                        }
                    }
                }
            }
        }
        // 获取底层UIScrollView并设置代理
        .introspectScrollView { scrollView in
            scrollView.delegate = IndicatorDragDelegate(isDragging: $isIndicatorDragging)
        }
    }
    
    // 模拟耗时的NSAttributedString转换逻辑
    private func generateAttributedString(for item: Int) -> AttributedString {
        let rawString = "第\(item)条数据：<b>重点内容</b> 附带<i>多标签格式</i>的长文本"
        // 实际业务中的标签解析、NSAttributedString转换操作...
        return AttributedString(rawString)
    }
}

// UIScrollView代理类，负责检测指示器拖动
class IndicatorDragDelegate: NSObject, UIScrollViewDelegate {
    @Binding private var isDragging: Bool
    
    init(isDragging: Binding<Bool>) {
        self._isDragging = isDragging
    }
    
    func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
        // 获取触摸点位置，判断是否在滚动指示器区域内
        let touchPos = scrollView.panGestureRecognizer.location(in: scrollView)
        // 滚动指示器的宽度约为8pt，加上内边距判断触摸范围
        let indicatorAreaWidth = scrollView.verticalScrollIndicatorInsets.right + 8
        isDragging = touchPos.x > scrollView.bounds.width - indicatorAreaWidth
    }
    
    func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
        // 拖动结束且不再减速时，恢复预览生成
        if !decelerate {
            isDragging = false
        }
    }
    
    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        // 滚动减速结束后，恢复预览生成
        isDragging = false
    }
}

核心逻辑说明 #

• 通过scrollViewWillBeginDragging获取触摸点，判断是否落在滚动指示器的右侧区域，以此标记是否为指示器拖动操作；
• 在scrollViewDidEndDragging和scrollViewDidEndDecelerating中重置状态，确保滚动停止后恢复正常预览。

二、额外优化建议 #

除了检测拖动状态，还可以结合以下策略进一步降低主线程压力：

• 节流延迟生成：滚动停止后延迟0.2~0.3秒再启动NSAttributedString转换，避免短时间内的频繁滚动触发计算；
• 缓存已生成结果：对已经转换过的NSAttributedString进行缓存，避免重复计算；
• 占位视图优化：拖动时的占位视图尽量轻量化，避免额外的主线程开销。

注：如果不想依赖第三方库Introspect，也可以自定义UIViewRepresentable包装UIScrollView，将SwiftUI的LazyVStack作为子视图嵌入，再设置代理实现同样的检测逻辑。

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