Swift中如何为UITableView的UIRefreshControl自定义视图？

我来帮你搞定这个自定义UIRefreshControl的问题！你已经有了初步的思路，但可能在视图布局和约束设置上还没做到位，下面是完整的实现方案，亲测有效：

1. 先确认自定义ActivityIndicator的初始化 #

假设你的activityIndicator是自定义动画视图（比如继承UIActivityIndicatorView或自定义CA动画视图），先确保它的基础配置没问题：

// 示例：自定义ActivityIndicator的初始化（根据你的实际实现调整）
let activityIndicator = CustomActivityIndicator(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
activityIndicator.startAnimating() // 提前启动动画，确保下拉时能立刻显示

2. 修正并完善UIRefreshControl的配置 #

你的现有代码有几个关键细节需要调整：比如开启AutoLayout后就不能依赖frame布局，得用约束来控制视图位置。下面是修正后的完整代码：

// 初始化或获取已有的refreshControl
let refreshControl = UIRefreshControl()
refreshControl.tintColor = .clear // 隐藏系统默认的指示器，只显示我们的自定义视图

// 创建自定义headerView，不需要设置初始frame，用AutoLayout控制
let headerView = UIView()
headerView.backgroundColor = .clear
headerView.translatesAutoresizingMaskIntoConstraints = false

// 将自定义指示器添加到headerView，同时开启AutoLayout
activityIndicator.translatesAutoresizingMaskIntoConstraints = false
headerView.addSubview(activityIndicator)

// 给指示器设置约束，让它居中显示在headerView内
NSLayoutConstraint.activate([
    activityIndicator.centerXAnchor.constraint(equalTo: headerView.centerXAnchor),
    activityIndicator.centerYAnchor.constraint(equalTo: headerView.centerYAnchor),
    activityIndicator.widthAnchor.constraint(equalToConstant: 40), // 根据你的视图大小调整
    activityIndicator.heightAnchor.constraint(equalToConstant: 40)
])

// 将headerView添加到refreshControl，并设置约束让它充满整个refreshControl
refreshControl.addSubview(headerView)
NSLayoutConstraint.activate([
    headerView.topAnchor.constraint(equalTo: refreshControl.topAnchor),
    headerView.bottomAnchor.constraint(equalTo: refreshControl.bottomAnchor),
    headerView.leadingAnchor.constraint(equalTo: refreshControl.leadingAnchor),
    headerView.trailingAnchor.constraint(equalTo: refreshControl.trailingAnchor)
])

// 最后把refreshControl绑定到你的tableView
tableView.refreshControl = refreshControl

3. 额外优化建议 #

• 如果你的自定义指示器是用CAAnimation实现的，记得在refreshControl.endRefreshing()时调用指示器的stopAnimating()方法，确保动画正常停止。
• 可以给headerView添加内边距，让指示器在下拉时的位置更舒适：

  headerView.layoutMargins = UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
  // 把指示器的约束改成相对于layoutMarginsGuide
  activityIndicator.centerXAnchor.constraint(equalTo: headerView.layoutMarginsGuide.centerXAnchor),
  activityIndicator.centerYAnchor.constraint(equalTo: headerView.layoutMarginsGuide.centerYAnchor)
  

这样调整后，你的自定义ActivityIndicator就能完美嵌入到下拉刷新视图中，替代系统默认的指示器啦！

内容的提问来源于stack exchange，提问作者lebrain