SwiftUI中如何判断拖拽值增减及用户拖拽方向

核心判断依据来自DragGesture返回的位移值：SwiftUI 坐标系以左上角为原点，垂直方向向下为y轴正方向，因此拖拽值translation.height递增对应向下拖拽，递减对应向上拖拽。

实时拖拽过程中判断方向 #

如果需要在拖拽全程实时识别方向变化，只需要记录上一次回调的偏移值，和当前值做对比即可，参考实现：

import SwiftUI

struct VerticalDragView: View {
    @State private var currentDragDirection: DragDir = .idle
    // 存储上一次回调的垂直偏移量
    @State private var previousVerticalOffset: CGFloat = 0
    
    enum DragDir {
        case up, down, idle
    }
    
    var body: some View {
        Color.gray
            .frame(width: 250, height: 400)
            .cornerRadius(12)
            .gesture(
                DragGesture()
                    .onChanged { value in
                        let currentOffset = value.translation.height
                        // 对比前后值判断增减
                        if currentOffset > previousVerticalOffset {
                            currentDragDirection = .down
                            // 在这里写向下拖拽的响应逻辑
                        } else if currentOffset < previousVerticalOffset {
                            currentDragDirection = .up
                            // 在这里写向上拖拽的响应逻辑
                        }
                        // 更新存储的偏移值
                        previousVerticalOffset = currentOffset
                    }
                    .onEnded { _ in
                        // 拖拽结束重置状态
                        currentDragDirection = .idle
                        previousVerticalOffset = 0
                    }
            )
    }
}

避坑提示：不要把y轴方向和其他引擎坐标系搞混，很多跨端框架y轴向上为正，直接照搬判断逻辑会出现方向完全相反的问题。

拖拽结束后判断整体方向 #

如果不需要实时响应方向，只需要知道整段拖拽的最终方向，不需要额外存储历史值，直接取拖拽结束时的总偏移判断即可：

DragGesture()
    .onEnded { value in
        let totalOffset = value.translation.height
        if totalOffset > 0 {
            // 总偏移为正，整体向下拖拽，过程中值整体递增
            print("拖拽方向：向下")
        } else if totalOffset < 0 {
            // 总偏移为负，整体向上拖拽，过程中值整体递减
            print("拖拽方向：向上")
        }
    }

优化建议 #

• 为了避免手指细微抖动导致方向频繁误判，可以给差值判断加最小阈值，比如差值绝对值大于3pt才判定方向变更，过滤掉无意义的微小位移：

  let offsetDiff = currentOffset - previousVerticalOffset
  guard abs(offsetDiff) > 3 else { return }
  if offsetDiff > 0 {
      // 判定为向下拖拽
  } else {
      // 判定为向上拖拽
  }
  

• 如果拖拽的视图放在ScrollView、List这类自带滚动手势的容器内，建议用.highPriorityGesture()替换.gesture()绑定拖拽，避免手势被容器拦截不触发。

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