SwiftUI 使用 onTapGesture 和 onLongPressGesture 处理按钮/视图以及释放操作

Question

我有一个同时具有 onTapGesture 和 onLongPressGesture 的视图。问题是我的 onLongPressGesture 的实现阻止了 onTapGesture 被调用。

这是一些代码

View()
      .onTapGesture {
           action_1
       }
      .onLongPressGesture(minimumDuration: 0.5, maximumDistance: 10, pressing: {
                                    pressing in
                                    self.isPressing = pressing
                                    if (pressing) {action_2}
                                    if !pressing {action_3}
                                }, perform: {})

.onLongPressGesture 中的 pressing 参数检测用户是否正在按下视图/按钮，并且将始终执行 .onLongPressGesture，无论 minimumDuration 是多少。

Answer 1

编辑

Snapchat 快门，您可以点击拍照，按住按钮开始录制视频，然后松开按钮停止录制视频。这就是为什么需要执行三个操作的原因。

这很棘手。这是我所做的：

1. onTapGesture，用于点击手势
2. LongPressGesture，延迟 0.5 秒。 0.5 秒结束后 (.onEnded)，开始录制。
3. DragGesture，用于观察手指何时离开屏幕。发生这种情况时，请停止录制。

struct ContentView: View {
    
    /// for visual indicators
    @State var recording = false
    @State var tapped = false
    
    var body: some View {
        let longPressDrag = LongPressGesture(minimumDuration: 0.5) /// 2.
            .onEnded { _ in /// 0.5 seconds is over, start recording
                print("Long press start")
                recording = true
            }
            .sequenced(before: DragGesture(minimumDistance: 0)) /// 3.
            .onEnded { _ in /// finger lifted, stop recording
                print("Long press release")
                recording = false
            }
        
        Circle()
            .fill(recording ? Color.red : Color.blue)
            .opacity(tapped ? 0.5 : 1)
            .frame(width: 100, height: 100)
            
            .onTapGesture { /// 1.
                print("Tapped")
                
                tapped = true
                DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) { tapped = false }
            }
            .gesture(longPressDrag)

    }
}

结果：

---

旧答案：pressing 参数不适用于执行action_2 之类的操作。你可以，但它更常用于更改@State，例如在按下视图时以绿色突出显示视图。您可以在community documentation找到更多信息。

相反，您可能想要的是在 perform 闭包中调用您的操作 (action_2/print("long"))。

struct ContentView: View {
    var body: some View {
        Text("Hi")
            .font(.title)
            .onTapGesture {
                print("tap")
            }
            .onLongPressGesture(minimumDuration: 0.5, maximumDistance: 10) {
                print("long")
            }
    }
}

结果：