所有部分标题都显示在一个部分中

Question

我有一个分组的tableview，由于某种原因，所有的部分标题只显示在一个部分中。因此结果是标题在section = 0中彼此重叠。所有其他部分都是空白的。

我试过调试，看到当section == 1时，headerLabel为nil。

我使用自定义视图作为标题，这是代码：

class HeaderView: UIView {

let headerLabel =  UILabel()

override init(frame: CGRect) {
    super.init(frame: frame)
    self.translatesAutoresizingMaskIntoConstraints = false
    addCustomView()
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

func addCustomView() {
    self.addSubview(headerLabel)
    NSLayoutConstraint.activate(headerLabelConstraints())
}

private func headerLabelConstraints() -> [NSLayoutConstraint] {
    let leadingAnchor = headerLabel.leadingAnchor.constraint(equalTo: self.layoutMarginsGuide.leadingAnchor)
    let trailingAnchor = headerLabel.trailingAnchor.constraint(equalTo: self.layoutMarginsGuide.trailingAnchor)
    let topAnchor = headerLabel.topAnchor.constraint(equalTo: self.layoutMarginsGuide.topAnchor)
    let heightAnchor = headerLabel.heightAnchor.constraint(equalToConstant: 44)
    headerLabel.translatesAutoresizingMaskIntoConstraints = false
    return [leadingAnchor, trailingAnchor, topAnchor, heightAnchor]
}

}

以下是我在tableView中调用它的方法：

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    let header = view as! HeaderView
}

//for reference: sectionHeaderHeight = 44
override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return tableView.sectionHeaderHeight
}

//for reference: sectionTitles = ["title1", "title2", "title3"]
override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerView = HeaderView(frame: CGRect.zero)
    headerView.layoutMargins = UIEdgeInsets(top: 0, left: 20, bottom: 0, right: 20)
    headerView.headerLabel.text = sectionTitles[section]
    headerView.headerLabel.textColor = UIColor.black
    return headerView
}

谢谢！

Answer 1

更新

我注意到了其他一些问题。以下是解决问题的方法：

在HeaderView实施中：

1. 从self.translatesAutoresizingMaskIntoConstraints = false方法中删除init(frame:)。

（A UITableView始终需要单元格和页眉/页脚视图的固定行高。如果您使用自动布局确定行的高度，系统首先计算必要的高度，然后设置相应视图的相应边界，然后添加固定宽度和固定高度约束，以模拟＆＃34;这些边界。如果您在视图上停用translatesAutoresizingMaskIntoConstraints，您也会停用最后一步，视图永远不会得到正确的高度设置。）

1. 添加底部约束：

   let bottomAnchor = headerLabel.bottomAnchor.constraint(equalTo: self.layoutMarginsGuide.bottomAnchor)
   // ...
   return [leadingAnchor, trailingAnchor, topAnchor, bottomAnchor, heightAnchor]
   

（如果您只将标签的顶部，左侧和右侧布局锚点与其超级视图的布局锚点相连接，则超级视图的高度不会绑定到标签的高度。其高度实际上是这就是为什么所有标签都堆叠在一起的原因。）

在包含对表视图的引用的视图控制器实现中：

1. 将以下行添加到其viewDidLoad()方法中：

   tableView.sectionHeaderHeight = UITableViewAutomaticDimension
   tableView.estimatedSectionHeaderHeight = 44
   

（这就是告诉表格视图您不想使用固定标题视图高度但希望表格视图通过解析添加到视图中的自动布局约束来自动计算高度的方法。估计的高度不必精确为44.它应该只接近标题视图高度的平均值。）

原始答案：

好像你没有被告知＆＃34;你的表查看它应该有多少部分。只需实现

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

在您的表格视图的数据源中。 （如果省略，部分的数量默认为1。）

顺便说一下： 您的实施

override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
    let header = view as! HeaderView
}

真的没有意义。它只是创建一个常量，并且不对常量做任何事情。编译器实际上应该为此行显示黄色警告。因此，除非您在显示标题视图之前需要执行某些操作，否则只需删除整个方法。