带有搜索显示控制器的刷新控件出现在搜索栏上方

Question

我已经实现了一个简单的表格视图控制器，其中搜索显示控制器通过界面生成器拖出。然后我启用了刷新，以便在用户下拉刷新时可以看到刷新控件。

问题是，当微调器应该位于搜索栏下方时，它却在搜索栏顶部可见。

我知道原因是最小搜索样式。如果使用默认的 Prominent 样式，则问题不存在。

当您慢慢下拉时，您会看到第一行出现在搜索栏上方，如下所示：

如果你继续拉它，它确实会显示在你期望的位置，但是如果你在它仍然刷新的时候将视图推回，你会在搜索栏顶部看到微调器，如下所示：

只要将它向上推，使微调器接触到第一节标题，微调器就会立即消失。

这是它应该看起来的样子，就像它在 Mail 中一样 - 在搜索栏下方：

我试图通过简单地将微调器放在搜索栏下方来解决此问题，这样它就不会出现在顶部，但这不起作用。奇怪的是，该代码导致微调器在表格上方的灰色区域中不可见，如果将其向上推，它会出现在搜索栏上方 - 与我的预期完全相反。这是代码：

self.refreshControl.layer.zPosition = self.searchDisplayController.searchBar.layer.zPosition - 1;

如何在使用 Minimal 样式时防止微调器出现在搜索栏顶部？

Answer 1

要解决UISearchBarStyleMinimal 的此错误，您必须为任何图像设置backgroundImage 属性。只有设置了背景图片，布局才会正确。

private extension UISearchBar {
    private func setBackgroundColorWithImage(color: UIColor) {
        let rect = self.bounds
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()
        CGContextSetFillColorWithColor(context, color.CGColor)
        CGContextFillRect(context, rect);

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.backgroundImage = image // here!
    }
}

Answer 2

这似乎是 Minimal Bar Style 的一个错误。如果您将其设置为 Prominent，您将不会遇到此问题。如果您使用 Prominent 并尝试删除背景，您也会遇到此问题。我发现的唯一解决方法是尝试模仿 Minimal 样式并应用 Prominent 样式。

Answer 3

设置时将刷新控件移到搜索栏后面。

refreshControl.layer.zPosition -= 1

Answer 4

因此，如果它对我遇到相同问题的任何人有所帮助，并且一个快速的解决方案是将刷新控件添加为 self.view 的子视图，而不是 tableheaderview。这会将控制器添加到其他所有内容之上，至少您将能够看到它。另一方面，我相信您可以在正确的 layer.zPosition 下完全纠正 y 设置。但是我没有时间完全纠正它。

[self.view addSubview:self.refreshControl];