UITableView Table Header collapsible section 时下拉 headers

Question

我有一个可折叠的 header 用于 uitable 查看部分基于另一个堆栈溢出 post（不知道现在在哪里，因为那是几个月前）。碰巧的是，测试人员发现了一个奇怪的错误，即折叠所有部分会拉下 table header 视图。

*编辑 table 视图 header 只是我放入情节提要中的 UI 视图，在原型单元格上方的 table 视图内。没有重大限制。只是单元格和 header 的高度。 table视图已固定到安全区域。

一切看起来都很好，直到您将其中一个部分展开到屏幕外，然后将其向上滚动，以便行开始在顶部的浮动部分 header 下滑动。然后你点击折叠它。它崩溃了，但是 header 视图被拉下了。看起来当这些部分适合一个屏幕时会发生这种情况，并且行在折叠前稍微滚动。

如有任何帮助，我们将不胜感激。

在我的demo项目中（乐于分享），当四个section收起时，是这样的：

当用户展开某些部分并滚动时，部分 header 粘在顶部，内容滚动到其下方，然后折叠粘性部分 header，它可以查看像这样：

我有一个委托协议：

protocol CollapsibleHeaderViewDelegate: class {
  func toggleSection(header: CollapsibleSectionHeader, section: Int)
}

protocol SectionHeaderCollapsible {
  var isCollapsed: Bool { get }
  var rowCount: Int { get }
}

以及 UITableVieHeaderFooterView 的子类：

class CollapsibleHeader: UITableViewHeaderFooterView {

  @IBOutlet var sectionHeaderLabel: UILabel!
  var collapsed = false
  weak var delegate: CollapsibleHeaderViewDelegate?
  var sectionItem: SectionHeaderCollapsible?

  static let reuseIdentifer = "CollapsibleHeader"

  func configure(headerText: String) {
    textLabel?.text = headerText
  }

  override func awakeFromNib() {
    super.awakeFromNib()
    addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(didTapHeader)))
  }

  @objc private func didTapHeader(gestureRecognizer: UITapGestureRecognizer) {
    guard let header = gestureRecognizer.view as? CollapsibleHeader else { return }

    delegate?.toggleSection(header: self, section: header.tag)
  }
}

然后代表做类似的事情。这个：

struct CollapsibleSection: SectionHeaderCollapsible {
  var isCollapsed: Bool = false
  var rowCount: Int {
    get {
      return isCollapsed ? 0 : dataContents.count
    }
  }
  var dataContents: [String]
}

class ViewController: UIViewController {

  @IBOutlet var tableView: UITableView!
  @IBOutlet var headerView: UITableView!

  var sections = [CollapsibleSection(isCollapsed: false, dataContents: ["first", "second"]),
                  CollapsibleSection(isCollapsed: false, dataContents: ["red", "blue"]),
                  CollapsibleSection(isCollapsed: false, dataContents: ["seven", "five"]),
                  CollapsibleSection(isCollapsed: false, dataContents: ["Josephine", "Edward"])]

  override func viewDidLoad() {
    super.viewDidLoad()
    tableView.dataSource = self
    tableView.delegate = self
    let nib = UINib(nibName: "CollapsibleHeader", bundle: nil)
    tableView.register(nib, forHeaderFooterViewReuseIdentifier: "CollapsibleHeader")
  }
}

extension ViewController: UITableViewDataSource, UITableViewDelegate {
  func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return sections[section].rowCount
  }

  func numberOfSections(in tableView: UITableView) -> Int {
    return sections.count
  }

  func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    guard let cell = tableView.dequeueReusableCell(withIdentifier: "Cell") else { fatalError() }
    cell.textLabel?.text = sections[indexPath.section].dataContents[indexPath.row]
    return cell
  }

  func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    guard let header = self.tableView.dequeueReusableHeaderFooterView(withIdentifier: "CollapsibleHeader") as? CollapsibleHeader else { fatalError() }
    header.sectionHeaderLabel.text = "Section \(section + 1)"
    header.delegate = self
    header.tag = section
    return header
  }

  func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 100
  }
}

extension ViewController: CollapsibleHeaderViewDelegate {
  func toggleSection(header: CollapsibleHeader, section: Int) {
    sections[section].isCollapsed = !sections[section].isCollapsed
    tableView.reloadSections([section], with: .fade)
  }
}

编辑： 看起来我的同事根据（或至少类似于）您的回答创建了一个变通方法：

if tableView.contentOffset.y < 0 { 
  var offset = tableView.contentOffset 
  offset.y = tableView.contentSize.height - tableView.bounds.height     
  tableView.setContentOffset(offset, animated: true) 
} else { 
  tableView.setContentOffset(tableView.contentOffset, animated: true) 
}

Answer 1

面临同样的问题，显然就在 "reloadSections" 之后，tableView 的 contentOffset.y 有一些奇怪的值（您可以在 "reloadSections" 前后打印 "tableView.contentOffset.y" 时看到它）。所以我只是在 contentOffset 展开后设置为 0 偏移值：

    let offset = tableView.contentOffset.y
    // Reload section
    tableView.reloadSections(IndexSet(integer: section), with: .automatic)

    if !sections[section].isCollapsed {
        tableView.contentOffset.y = offset - offset
    }

UITableView Table Header collapsible section 时下拉 headers

UITableView Table Header pulled down when collapsing collapsible section headers

ios

swift

uitableview

uitableviewsectionheader