如何使collectionView的背景视图通过点击下面

Question

我正在构建一个集合视图。在它下面我放置了一些按钮，如图所示。 我想要的是让 UICollectionView 后台通过点击下面，以便所需的按钮可以接收点击。

我不需要将点击手势识别器添加到背景视图（我描述的问题只是一个示例），我需要在点击按钮时直接触发按钮的动作。

我想我可以通过清除背景或禁用背景视图的用户交互来做到这一点。虽然为整个集合视图禁用它是有效的，但这种其他方式不起作用。 如何使我的 collectionView 的背景视图“不可见”，以便点击直接转到下面的按钮而不是转到 collectionview 背景？

以下是我的布局示例。

Answer 1

假设您的 collectionView 和您的按钮共享相同的超级视图，这应该可以解决问题。

您想要做的是绕过 backgroundView 并将点击转发到 collectionView 下的子视图。

请注意，我们正在选择具有匹配条件的最后一个子视图。那是因为数组中的最后一个子视图离用户手指最近。

class SiblingAwareCollectionView: UICollectionView {

    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {

        let hit = super.hitTest(point, with: event)
        guard hit === backgroundView else {
            return hit
        }

        let sibling = superview?
            .subviews
            .filter { $0 !== self }
            .filter { $0.canHit }
            .last { $0.point(inside: convert(point, to: $0), with: event) }

        return sibling ?? hit
    }
}

如果您查看hitTest(_:with:) 的文档，它会说：

此方法会忽略隐藏、禁用用户交互或 alpha 级别小于 0.01 的视图对象。

为方便起见，这里有一个扩展以确保我们遵守规则：

extension UIView {
    var canHit: Bool {
        !isHidden && isUserInteractionEnabled && alpha >= 0.01
    }
}