UIButton 点击被程序层拦截

Question

我正在开发一个包含下图所示屏幕的应用程序。 具有列表视图的面板是从 Nib 实例化的，但其中带有绘图的浅灰色面板是动态生成的 UIView，它是称为 FrameView 的 UIView 子类的子视图（出于问题的目的）。

角落里的红点是该图的删除按钮。 该图是一个Drawing Object的内容，它与列表中选择的项目具有多对多的关系。 当我 select 列表中的一个项目时，零个或多个这样的面板，显示该项目的图纸被添加为 FrameView 的子视图。

为了使这些删除按钮可以点击，FrameView 启用了用户交互。 当我 select 列表中的一个项目时，就会发生这种情况。 FrameView 首次出现时关闭。

左下角是导航键。 它有各种与之相关的手势和点击，允许用户在使用主屏幕的不同编辑器之间移动。 在主视图中，此按钮具有相对较高的 zPosition。

但是一旦 FrameView 打开了它的用户交互，它就会阻止点击和手势到达导航按钮。

我原以为增加 FrameView 上方导航按钮的 zPosition 可以解决问题，但事实并非如此。 即使 FrameView 启用了用户交互，如何让导航按钮接收点击和手势？ 还是我以错误的方式解决这个问题？

编辑：要提到导航按钮是通过 Storyboard 添加的唯一元素，以防万一

编辑2：经过一番折腾，我将覆盖hitTest，所以：

    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        let view = super.hitTest(point, with: event)
        return view == self ? nil : view
    }

这不是来自 SO，虽然这里有一些答案含糊地暗示了这种方法，但它们（在 SO 上很常见）a）与 Swift 的过时版本相关联，b）埋在不同的上下文中，c）不是由任何明显的搜索返回。

这个网站必须对过时的、被大力支持的答案做点什么。 我认为 Swift 必须是最坏的情况，因为由于 Apple 的强制升级政策，旧版本的用户确实很少。

感谢 Ptit Xav 把你的头伸进我的烂摊子里。

Answer 1

“我正在增加 zPosition using.layer.zPosition”

好的，这就是问题所在。

更改视图层的.zPosition不会更改其在视图层次结构中的顺序。

看看这个布局，在 Storyboard / IB 中添加了两个按钮：

使用这个基本代码，我们将添加一个启用用户交互的“frameView”子视图，以便它覆盖两个按钮。

我们将使用.layer.zPosition使第一个按钮可见，但我们不能点击它。

我们将使用.bringSubviewToFront()使第二个按钮不仅可见，而且还会更改视图层次结构，以便我们可以点击它。

class HierarchyViewController: UIViewController {
    
    @IBOutlet var firstButton: UIButton!
    @IBOutlet var secondButton: UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let frameView = UIView()
        frameView.backgroundColor = .systemBlue
        frameView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(frameView)
        let g = view.safeAreaLayoutGuide
        NSLayoutConstraint.activate([
            frameView.topAnchor.constraint(equalTo: g.topAnchor, constant: 20.0),
            frameView.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: 20.0),
            frameView.trailingAnchor.constraint(equalTo: g.trailingAnchor, constant: -20.0),
            frameView.bottomAnchor.constraint(equalTo: g.bottomAnchor, constant: -20.0),
        ])

        // make sure our added view has user interaction enabled
        frameView.isUserInteractionEnabled = true
        
        // change the zPosition of the first button
        firstButton.layer.zPosition = 999
        
        // change the view Hierarchy for the second button
        view.bringSubviewToFront(secondButton)
    }
    
    @IBAction func firstButtonTap(_ sender: Any) {
        print("First Tapped!")
    }
    
    @IBAction func secondButtonTap(_ sender: Any) {
        print("Second Tapped!")
    }
    
}

这是它在运行时的样子：

没有视觉上的区别，但是如果我们使用Debug View Hierarchy我们可以清楚地看到第一个按钮在“frameView”后面，而第二个按钮在它前面：

虽然“frameView”禁用了用户交互，但我们可以“点击它”到第一个按钮。 但是一旦我们在“frameView”上启用了用户交互，它现在会抓住触摸，我们不能点击第一个按钮。 使用.bringSubviewToFront()更改视图层次结构可以解决此问题。 （注意，我使用了蓝色背景以方便查看“frameView”……如果背景清晰，则同样适用）。