主页 / coding / 问题 / 77707255
Accepted
ahmed
Asked: 2023-12-23 17:53:33 +0800 CST

Swift UI 检测手势的开始和结束

  • 772

我想使用长按手势并检测用户何时连续按住 1 秒，并且我还想检测用户何时放开屏幕。目前，onChanged 检测手势何时开始，onEnded 在 1 秒后触发。所以我可以使用 onEnded 来检测用户何时连续按住 1 秒。但我怎么知道用户什么时候放手呢？

Color.blue
                .simultaneousGesture(LongPressGesture(minimumDuration: 1.0)
                    .onChanged { _ in
                        UIImpactFeedbackGenerator(style: .light).impactOccurred()
                    }
                    .onEnded { _ in
                        UIImpactFeedbackGenerator(style: .light).impactOccurred()
                    }
                )

1 个回答

  1. Best Answer

    正如您所发现的，LongPressGesture当触发它所需的时间间隔过去时结束，而不是当用户抬起手指时结束。因此，它不适合检测手指抬起。

    我会用 aDragGesture代替。onChanged当手势开始时调用它，onEnded当手指抬起时调用它。我们可以在 中记录开始时间onChanged，在 中记录结束时间onEnded，从而记录用户按下的时间。

    @State var touchDownTime: Date?
@State var impactTrigger = false

var body: some View {
    Color.yellow
        .simultaneousGesture(
            DragGesture(minimumDistance: 0)
                .onChanged({ value in
                    if touchDownTime == nil {
                        touchDownTime = value.time
                        impactTrigger.toggle()
                        print("Started")
                    }
                })
                .onEnded({ value in
                    if let touchDownTime,
                       value.time.timeIntervalSince(touchDownTime) >= 1 {
                        impactTrigger.toggle()
                        print("Ended")
                    }
                    self.touchDownTime = nil
                })
        )
        .sensoryFeedback(.impact(weight: .light), trigger: impactTrigger)
}

    请注意，我已将其更改为用于sensoryFeedback创建触觉反馈。如果您的目标是 iOS 17 之前的版本，使用UIImpactFeedbackGenerator也可以。

    请注意，与 a 不同的是LongPressGesture，当用户按下后过多移动手指时不会触发，但DragGesture如果手指移动，仍会被识别。如果不希望出现这种情况，请使用该value.translation属性来确定手指是否移动过多。

    @State var shouldCancel = false
...
.onChanged({ value in
    ...
    let threshold: CGFloat = 10 // decide a threshold
    if hypot(value.translation.width, value.translation.height) > threshold {
        shouldCancel = true
    }
})
.onEnded({ value in
    if let touchDownTime,
       !shouldCancel, // <----
       value.time.timeIntervalSince(touchDownTime) >= 1 {
        impactTrigger.toggle()
        print("Ended")
    }
    self.touchDownTime = nil
    shouldCancel = false
})
    • 1

相关问题