iOS UITableView 偏移刷新控件

Question

我有一个受限于超级视图的 UITableView。所以第一个单元格位于超级视图的顶部。这意味着在 iPhone X 上，第一个单元格会在槽口下方流血，并进入状态栏区域。这是完全正确的。我希望单元格在槽口下方流血并进入状态栏区域，这是当前结果。

问题是，我还想在那个表格视图上设置一个刷新控件，以便用户可以拉动刷新内容。但是，当您在 iPhone X 上拉动刷新时，刷新控制会被缺口切断。我不希望刷新控制被缺口切断。

所以基本上我想要做的是将表格视图限制到超级视图，但将刷新控制限制在安全区域。

我看过了，Apple 似乎没有提供很多属性或方法来自定义刷新控件的行为。

我考虑过使用某种类型的自定义解决方案，但是我想到的每个自定义解决方案都会丢失刷新控件和表格视图滚动等所有预构建的物理特性。有太多的幕后逻辑，我真的不想牺牲拉动刷新的感觉以及用户的感觉，因为它已经成为 iOS 中如此普遍的动作。

关于如何让第一个单元格在缺口下流血（限制为超级视图）但确保刷新控制不会被缺口切断（限制在安全区域）的任何想法？

我还附上了下面的屏幕截图，说明单元格如何渗入状态栏，以及刷新控件如何被缺口切断。

编辑：我还向GitHub here发布了一个示例项目。

但刷新控件相关的基本代码如下。

private lazy var refreshControl = UIRefreshControl()
override func viewDidLoad() {
    super.viewDidLoad()

    refreshControl.addTarget(self, action: #selector(handleRefresh), for: .valueChanged)
    tableView.refreshControl = refreshControl
}

@objc func handleRefresh() {
    DispatchQueue.main.asyncAfter(deadline: .now() + 3.0) {
        self.refreshControl.endRefreshing()
    }
}

Answer 1

您可以从底层UIScrollView 中受益。通过您的 github 示例，您可以获得所需的一切，因此如果您使用以下方式扩展它：

extension ViewController: UIScrollViewDelegate {
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        if scrollView.contentOffset.y < 0 {
            topConstraint.constant = -scrollView.contentOffset.y/2
        } else {
            topConstraint.constant = 0
        }
    }
}

每次contentOffset 开始低于0 并让您的tableView 移动到底部并且每当关闭或向下滚动时都会将其设置为默认值 - 在您的情况下为0。

这样你最终会得到与拖动力/距离相关的平滑动画，如下所示

Answer 2

解决方案很简单，您可以在 viewDidLoad 中设置刷新控件的边界。使用您需要的 y 偏移值（例如 50）

  refreshControl.addTarget(self, action: #selector(handleRefresh), for: .valueChanged)
  refreshControl.bounds = CGRect(x: refreshControl.bounds.origin.x,
                                 y: 50,
                                 width: refreshControl.bounds.size.width,
                                 height: refreshControl.bounds.size.height)
  tableView.refreshControl = refreshControl

更新：

您可以在刷新开始时添加内容插入，并在结束时将其恢复。

  override func viewDidLoad() {
        super.viewDidLoad()


      refreshControl.addTarget(self, action: #selector(handleRefresh), for: .valueChanged)
      refreshControl.bounds = CGRect(x: refreshControl.bounds.origin.x,
                                     y: -100,
                                     width: refreshControl.bounds.size.width,
                                     height: refreshControl.bounds.size.height);
      tableView.refreshControl = refreshControl
    }

    @objc func handleRefresh() {
      self.tableView.contentInset = UIEdgeInsets(top: 200, left: 0, bottom: 0, right: 0)
        DispatchQueue.main.asyncAfter(deadline: .now() + 3.0) {
          self.refreshControl.endRefreshing()
          self.tableView.contentInset = UIEdgeInsets.zero
          self.tableView.setContentOffset(.zero, animated: true)
        }
    }

Answer 3

表格视图的顶部约束必须相对于上边距