SwiftUI 按钮操作，如 Android ACTION_DOWN 和 ACTION_UP

Question

我正在创建一个 iOS 版本的 Android 应用程序，我需要创建一个按钮，在用户第一次按下时执行一项任务，然后在用户停止按下按钮时执行一项任务。在 Java 中，我使用以下代码完成此操作：

someButton.setOnTouchListener(new View.OnTouchListener() {
  @Override
  public boolean onTouch(View v, MotionEvent event) {
    if (event.getAction() == MotionEvent.ACTION_DOWN) {
      // Do first task
    } else if (event.getAction() == MotionEvent.ACTION_UP) {
      // Do second task
    }
    return true;
  }
});

我将如何使用 SwiftUI 按钮执行此操作？我发现this answer 告诉了如何获得 ACTION_DOWN 行为，但我不确定这种方法是否有效，因为我需要同时拥有 ACTION_UP 和 ACTION_DOWN。

Answer 1

这是作为视图修饰符的替代（更可靠）解决方案，因此可以附加到任何不通过状态更新影响其他视图的视图。

使用 Xcode 11.4 / iOS 13.4 测试。

struct DemoTouchesHandling: View {

    var body: some View {
        VStack {
            Text("Tap Me!").font(Font.system(size: 24).bold().smallCaps())
        }
        .frame(width: 200, height: 200)
        .background(Color.red)
        .modifier(TouchUpDownHandler(downAction: {print("> Down")}, 
                                     upAction: {print("< Up")}))
    }
}

struct TouchUpDownHandler: ViewModifier {
    var downAction: (() -> Void)?
    var upAction: (() -> Void)?

    enum TouchState {
        case inactive
        case down
    }
    @GestureState private var gestureState: TouchState = .inactive // initial & reset value

    func body(content: Content) -> some View {
        content
        .gesture(DragGesture(minimumDistance: 0)
            .updating($gestureState, body: { (value, state, transaction) in
                switch state {
                    case .inactive:
                        state = .down
                        self.downAction?()
                    case .down: break
                }
            })
            .onEnded { value in
                self.upAction?()
            }
        )
    }
}

Answer 2

您可以使用 DragGesture

   struct ContentView: View {
     @State private var index = 0
    var body: some View {
        let gesture = DragGesture(minimumDistance: 0, coordinateSpace: .local).onChanged({
            if self.index == 0 {
                print("Down: \($0)")
                 self.index = 1
            }
        }).onEnded({

            if self.index == 1 {
              print("Up: \($0)")
                 self.index = 0
            }
        })
        return Rectangle().frame(width: 120, height: 60).gesture(gesture)
    }
}