Question

我有一个基于另一个堆栈溢出帖子的uitableview节的可折叠标头（不知道现在在哪里，就像几个月前一样）。碰巧的是，测试人员发现了一个奇怪的错误，其中的所有部分都崩溃了，从而将表标题视图拉低了。

* edit表格视图标题只是一个UI视图，我将它放到了原型单元上方表格视图内的情节提要中。没有明显的限制。单元格和标头的高度。表格视图固定在安全区域。

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

任何帮助将不胜感激。

在我的演示项目中（乐于分享），当四个部分合拢时，它看起来像这样：

当用户展开某些节时，滚动以使节标题位于顶部，并且内容在其下方滚动，然后折叠该粘性节标题，如下所示：

我有代表的协议：

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表格标题被拉下

1 个答案: