2 个重叠的 UIViewRepresentable 使用时未触发 UITapGestureRecognizer

Question

因为我需要知道用户是用手指还是铅笔点击，所以我必须创建一个带有 UITapGestureRecognizer 的 UIViewRepresentable。 当此视图与其他 SwiftUI 视图一起使用时，一切正常。 但是当这个视图的堆栈 2 和我剪下最上面的一个时，另一个永远不会捕获任何点击事件。

这是我的自定义视图：

struct UIKitView: UIViewRepresentable {
  let color: UIColor
  
  func makeUIView(context: Context) -> UIView {
    let view = UIView()
    view.backgroundColor = color
    let tapGesture = UITapGestureRecognizer(target: context.coordinator, action: #selector(Coordinator.handleTap(gesture:)))
    view.addGestureRecognizer(tapGesture)
    return view
  }

  func updateUIView(_ uiView: UIView, context: Context) {  }

  func makeCoordinator() -> Coordinator {
    Coordinator(color: color)
  }

  class Coordinator: NSObject {
    let color: UIColor

    init(color: UIColor) {
      self.color = color
    }

    @objc func handleTap(gesture: UITapGestureRecognizer) {
      print("Tapped in \(color == .yellow ? "yellow" : "red")")
    }
  }
}

在这里它是如何在 SwiftUI 视图中使用的：

ZStack {
  UIKitView(color: .yellow)
  UIKitView(color: .red)
    .clipShape(Circle())) // not required, just visual   
    .contentShape(Circle()))
}

点击总是被红色视图捕获。

然后我覆盖了我的 UIVIewRepresentable 的hitTest() function 以检查点击是否在剪辑形状内。 然后在红色圆圈中检测到水龙头，但外面不再有任何跳动。

知道为什么吗？

Answer 1

你可以在 CircleView 中覆盖这个方法：

override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
    let center = CGPoint(x: bounds.size.width/2, y: bounds.size.height/2)
    return pow(center.x-point.x, 2) + pow(center.y - point.y, 2) <= pow(bounds.size.width/2, 2)
}

来源

仅供参考，您的UIViewRepresentable也有错误，您需要这个

func updateUIView(_ uiView: UIView, context: Context) {  
    view.backgroundColor = color
}