SwiftUI中如何检测拖拽手势的起始位置？

问题根源 #

你之前的代码逻辑存在缺陷：updating闭包会在拖拽全过程中持续执行，而非仅在手势起始时刻判断一次，导致scrubberSeeking状态被反复修改，无法精准锁定起始位置的判断结果。

修正方案 #

我们需要在手势触发的第一时间完成起始位置的有效性判断，用状态变量记录结果后，后续仅根据该结果决定是否处理子视图移动逻辑。具体实现如下：

核心逻辑 #

1. 定义状态变量记录拖拽权限与子视图偏移量
2. 在拖拽启动时（onChanged首次调用）判断起始位置是否在子视图及周边20pt范围内
3. 仅当权限生效时，才执行子视图的位置更新
4. 拖拽结束后重置状态，避免影响下一次操作

完整代码 #

struct ParentView: View {
    @State private var isDragAllowed = false
    @State private var scrubberOffset = 0.0
    // 子视图固定宽度
    private let scrubberWidth = 20.0
    
    var body: some View {
        ZStack {
            // 父视图容器
            Color.gray
            // 需要拖拽的子视图
            Color.blue
                .frame(width: scrubberWidth, height: 50)
                .offset(x: scrubberOffset)
        }
        .gesture(
            DragGesture(minimumDistance: 0)
                .onChanged { value in
                    // 仅在拖拽启动时判断一次起始位置
                    if !isDragAllowed {
                        // 计算有效触发范围：子视图左边缘左移20pt 至 右边缘右移20pt
                        let minValidX = scrubberOffset - 20.0
                        let maxValidX = scrubberOffset + scrubberWidth + 20.0
                        isDragAllowed = value.startLocation.x >= minValidX && value.startLocation.x <= maxValidX
                    }
                    
                    // 仅允许拖拽时更新子视图位置
                    if isDragAllowed {
                        // 根据需求调整偏移量计算逻辑，此处以子视图居中跟随拖拽位置为例
                        scrubberOffset = value.location.x - scrubberWidth / 2
                    }
                }
                .onEnded { _ in
                    // 拖拽结束后重置状态
                    isDragAllowed = false
                }
        )
    }
}

关键说明 #

• 有效范围计算：覆盖子视图本身（20pt宽）及左右各20pt区域，确保起始位置在指定范围内才触发拖拽
• 单次判断逻辑：避免拖拽过程中反复修改权限状态，保证判断仅基于手势起始位置
• 坐标一致性：确保scrubberOffset与value.startLocation.x均为父视图坐标系下的坐标，避免判断误差

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