自定义的tableView表头视图重叠了tableView单元格

Question

我为我的UITableView的表头视图设计了一个自定义视图，就像这样（由于我没有10个声望，因此我在此处放置了图像链接而不是图像。）

http://i.stack.imgur.com/KhNbE.png

然后在我的 UITableViewController 中，我使用这个视图作为 tableHeaderView

override func viewDidLoad() {
     tableView.tableHeaderView = headerView!
   //...other things
}

我从JSON中获取文本以满足ContentLabel。如果文本很长，headerView将会重叠单元格，就像下面的图片一样。（短文本没问题）

http://i.stack.imgur.com/gtO2g.png

这个部分是可见的，但是标题视图覆盖了两行单元格。我不确定是我的约束或者在 ContentLabel 上的代码有问题。以下是我在 TopicHeaderView.swift 中配置 contentLabel 的代码：

var content: String? {
  didSet {
    self.contentLabel.text = content!

    self.setNeedsUpdateConstraints()
    self.updateConstraintsIfNeeded()
    self.setNeedsLayout()
    self.layoutIfNeeded()

  }
}
func setFrameHeight(height: CGFloat) {
  var frame = self.frame
  frame.size.height = height
  self.frame = frame
}

override func layoutSubviews() {
  super.layoutSubviews()
  self.contentLabel.preferredMaxLayoutWidth =     self.contentLabel.alignmentRectForFrame(contentLabel.frame).width
  self.titleLabel.preferredMaxLayoutWidth = self.titleLabel.bounds.size.width
  self.authorLabel.preferredMaxLayoutWidth = self.authorLabel.bounds.size.width
  self.setFrameHeight(CGRectGetMaxY(contentLabel.frame) + 8)

}  

我在stackoverflow上查看了类似的问题，但似乎无法找到解决我的问题的方法。有人可以帮忙吗？

编辑：

我记录了第一个tableView单元格和headerView的起始CGPoint和高度。它显示正确的数字，这意味着第一个单元格与header视图垂直相邻。当然，由于section的高度，存在22个点的间隙。

headerheight:600.0
first cell's y: 622.0

也许是标签问题，它的高度太大超出了TableView headerView的边界？我不确定。

编辑：

奇怪的事情发生了。我记录了headerView底部、contentLabel底部和第一个UITableViewCell的起点的y值。请参见问题评论下面链接中的图像（仍需要10个声望）。

正如您所看到的，在控制台中的值，从上往下的视图顺序应该是“contentLabel的底部（值：224）- headerView的底部边界（值：232）- 第一个单元格的起点（值：254）”。但在模拟器中，顺序完全混乱了。它变成了“headerView的底部边界 - 第一个单元格的起点 - contentLabel的底部”。

如果有人能帮忙解决这个问题，我将非常感激。

- behumble

---

图片链接：http://i.stack.imgur.com/xMuAB.png - behumble

你覆盖了 tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat 方法吗？ - sahara108

Answer 1

问题在于，当headerView的高度改变时，UITableView不会自动更改单元格的位置。因此，每次TopicHeaderView.content发生变化时，您需要重新加载UITableView。

- Jakub Vano

---

我尝试过了，但没有起作用。我记录了第一个tableView单元格和headerView的原始CGPoint以及高度。它显示了正确的数字，这意味着第一个单元格垂直地紧挨着headerView。所以我怀疑可能是标签的问题。高度太大超出了headerView的边界。很可能是这个原因吧？ - behumble

我看到另一个潜在的陷阱：在 layoutSubviews() 中，当你调用 self.setFrameHeight() 时，我不认为 contentLabel 已经更新了它的框架。尝试调用 self.contentLabel.layoutIfNeeded()。 - Jakub Vano

嗨Jakub，实际上框架已经正确更改了...但只在控制台中。请看我的最后一次编辑。这真的让我感到困惑。 - behumble

Answer 2

选择你所拥有的标题视图或图像视图，并在“属性检查器”选项卡中勾选剪切子视图。

这对我很有效。

- Bonnke