如何通过不在全屏 UITableView 的 UIEdgeInsets 中的屏幕上的点传递点击手势：

Question

我创建了一个屏幕，其中我有一个全屏UITableView，我为其设置了UIEdgeInsets，我的配置如下：

categoriesTableView.contentInset = UIEdgeInsets.init(top: HEADER_VIEW_HEIGHT, left: 0, bottom: 0, right: 0)

其中HEADER_VIEW_HEIGHT 是CGFloat = 160。

这允许我向UITableView 添加一个“标题视图”，当我开始滚动UITableView 时，它会被覆盖（......并且不会像真正的标题视图那样卡在 UITableView 上方）。

问题：问题是我需要在标题视图中有3个可点击的视图，所以我在故事板中设计了3个视图并在它们上配置了Tap Gesture Recognizers。但是当我尝试使用它们时，即使我在屏幕上看到这些视图（由于 contentInset 配置），点击手势也不会传递UITableView。我可以让它们可点击/可点击的唯一方法是，如果我在 UITableView 上将 User Interaction Enabled 设置为 false（我不能这样做，因为我需要 UITableView 也可以拖动和点击）。

问题：如果由于 contentInset 设置而未被UITableView 覆盖，我如何将点击事件传递给较低的“标题视图”可点击部分？

这是 UI 图像，在其中您可以看到有一个全屏 UITableView，在它后面有一个包含 3 个子视图的视图，其中包含 3 个最喜欢的项目，我可以将它们呈现给用户以便更轻松地访问。当屏幕启动时，UITableView 有一个 contentInset，因此用户可以看到这些简单的访问选项并按下它们（他现在不能这样做）。当用户开始滚动时，UITableView 会出现在具有 3 个视图的布局顶部，并且用户可以全屏滚动列表。有点像视差效果。

Answer 1

我对此有一个非常丑陋的解决方案..

现在你有一个表格视图，下面有一个标题视图，对吧？在 table view 的顶部再添加一个 view，其中包含 3 个 subviews，并且颜色都是透明的。

将这个新添加的子视图定位为与标题视图相同的位置（通过以编程方式提供与标题视图相同的框架或将其顶部、左侧、底部和右侧约束连接到标题视图）。同样，将这个新视图的 3 个子视图定位为与标题视图内的子视图相同。并对这个新视图的子视图进行轻击手势。所以我们的用户会认为他在点击标题视图，而他实际上是在这个不可见的视图中点击。

如果你想在表格视图向上滚动并覆盖标题视图时触摸它，那么你可以使用这两者之一..

1. 调用 UIScrollViewDelegate 委托方法 scrollViewDidScroll() 并在里面如果 scrollView.contentOffset.y >= 160，为这个新添加的视图将 User Interaction Enabled 设置为 false，如果 scrollView.contentOffset.y 则将其恢复为 true

2. 或者从scrollViewDidScroll()内部，赋值outletOfTopConstraintOfYourNewView.constant = -(scrollView.contentOffset.y)，这样新视图也会随着滚动向上移动，从而改变其可见的可点击区域。

另一个不太优雅的想法是..

不提供 contentInset，而是在此表视图中的第 0 个索引处再添加一个部分，其中只有一个高度为 160 的单元格，用户交互启用为 false，颜色为透明。那么你就不用担心scrollViewDidScroll()中的逻辑了。

Answer 2

更新：

以下解决方案并不完美，但它可能会给你一个开始的方向。

A) 将tableView 的top 约束放在headerview 的top 约束。

B) 在 ViewController 中创建 headerview 高度约束的 IBOutlet

C) 监听tableview的ScrollViewDidScroll，放这样的代码

func scrollViewDidScroll(_ scrollView: UIScrollView) {
            let y = scrollView.contentOffset.y
            if y > 50{
                if heightConstant.constant != 0{
                    view.layoutIfNeeded()
                    heightConstant.constant = 0
                    UIView.animate(withDuration: 0.5, delay: 0, options: .allowUserInteraction, animations: {
                        self.view.layoutIfNeeded()
                    }, completion: nil)

                }
            }else{
                view.layoutIfNeeded()
                heightConstant.constant = 160
                UIView.animate(withDuration: 0.5, delay: 0, options: .allowUserInteraction, animations: {
                    self.view.layoutIfNeeded()
                }, completion: nil)
            }
        }

这里的 50 是它应该开始动画的点形式。它有点类似于 Android 中的 Collapsable Toolbar。只需确保 headerView.isClipsToBounds = true。

---

将您的 headerview 转换为 UITableViewCell 并将您的 UITableViewDataSource 更改为

extension ViewController: UITableViewDataSource{
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return section == 0 ? 1 : yourList.count
    }

    func numberOfSections(in tableView: UITableView) -> Int {
        return 2
    }
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        if indexPath.section == 0{
            // set your header view here
        }else{
            // Your normal cell configuration
        }
    }
}

有了这个，你的 headerview 将成为 table view 的一部分，但作为 UITableViewCell 因此它不会像普通的那样像粘性 header 那样表现。