调整UITableView标题大小并包含UITextView（iOS7 + AutoLayout）

Question

我一直在努力争取一小会儿，我想确保我以正确的方式做到这一点。作为参考，我将Storyboard与AutoLayout结合使用，它是一款仅适用于iOS7的应用程序。

我有一个带有标题视图的UITableView，HeaderView的用户界面连接在情节提要中。我已经在故事板中留下了标题，并且它包含一些元素，其中一个元素是不可滚动的UITextView。

这里是它如何基本上看起来情节板中的截图：

我黑暗的标题视图的背景为深灰色，因此脱颖而出。

UITextView的文本可以是动态的，所以它的高度需要根据文本的大小而改变。但棘手的部分是，表格的标题视图也需要调整其高度，具体取决于文本的大小。我尝试了几个不同的约束条件，但它并不能正确工作（除非我禁用AutoLayout并以编程方式重新调整大小，我真的很想避免）。

我希望这样做尽可能的干净，尽可能少的代码是必要的。我没有绑定使用表视图标题，虽然它符合我的需求，因为我希望它和它的包含textview滚动下面的实际细节。但是，所有人都说，如果有一个更简单的方法来完成这个（即用一个uilabel），我会很乐意改变底层结构。

任何想法的方法？不寻找某人通过答案牵着我的手;如果可能的话，主要是寻找一些好的起点。提前致谢！

Answer 1

前段时间我发现了新的解决方案，也许它需要扭捏作动画，是实验性的，但是，对于某些范围内它的罚款的案件，所以给它一个尝试：

1. 添加headerView到一个UITableView 。
2. 为headerView添加一个子视图，我们称它为包装。
3. 使包装的高度通过其子视图进行调整（通过自动 布局）。
4. 当自动布局完成布局时，将headerView的高度设置为 包装的高度。 （请参阅-updateTableViewHeaderViewHeight）
5. 重新设置headerView。 （见-resetTableViewHeaderView）

下面是一些代码：

- (void)viewDidLayoutSubviews 
{ 
    [super viewDidLayoutSubviews]; 

    [self updateTableViewHeaderViewHeight]; 
} 

/** 
tableView's tableViewHeaderView contains wrapper view, which height is evaluated 
with Auto Layout. Here I use evaluated height and update tableView's 
tableViewHeaderView's frame. 

New height for tableViewHeaderView is applied not without magic, that's why 
I call -resetTableViewHeaderView. 
And again, this doesn't work due to some internals of UITableView, 
so -resetTableViewHeaderView call is scheduled in the main run loop. 
*/ 
- (void)updateTableViewHeaderViewHeight 
{ 
    // get height of the wrapper and apply it to a header 
    CGRect Frame = self.tableView.tableHeaderView.frame; 
    Frame.size.height = self.tableHeaderViewWrapper.frame.size.height; 
    self.tableView.tableHeaderView.frame = Frame; 

    // this magic applies the above changes 
    // note, that if you won't schedule this call to the next run loop iteration 
    // you'll get and error 
    // so, I guess that's not a clean solution and could be wrapped in @try@catch block 
    [self performSelector:@selector(resetTableViewHeaderView) withObject:self afterDelay:0]; 
} 

// yeah, guess there's something special in the setter 
- (void)resetTableViewHeaderView 
{ 
    // whew, this could be animated! 
    [UIView beginAnimations:@"tableHeaderView" context:nil]; 

     self.tableView.tableHeaderView = self.tableView.tableHeaderView; 

    [UIView commitAnimations]; 
} 

这一切最初的自动布局传球后无缝工作。后来，如果你改变包装的内容，使它获得不同的高度，它不会工作出于某种原因（猜测布局UILabel需要几个自动布局传递或什么）。我通过在下一次运行循环迭代中为ViewController视图调度setNeedsLayout来解决此问题。

我已经为此创建了示例项目：TableHeaderView+Autolayout。

Answer 2

我会建议以编程方式设置高度。 您可以使用boundingRectWithSize:options:context

来计算文本视图的高度然后您只需设置tableViewHeader的框架。

Answer 3

表视图标题视图通过tableView：viewForHeaderInSection：delegate方法赋予表视图。

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section 
{ 
    // create your header view here (read the docs on this method, there are some specific requirements)... 

} 

我不知道是否可以设计故事板中的标题视图;我想你必须使用单独的XIB文件或以编程方式进行。

换句话说，如果您需要提供表视图标题视图，我认为您已经开始在代码中创建约束。

另一方面，也许你并不真的需要一个表视图标题视图。也许，你所追求的仅仅是表格视图上方的子视图，当用户滚动表格时它不会移动。为此，您需要在IB中重新构建视图层次结构。现在你所谓的标题视图在表格视图内。你不想那样。或者，因为它看起来像你正在使用静态单元格，所以你可以让顶部静态单元格看起来像你所谓的标题视图。

Answer 4

正如上面所说的，在UITableView中用于报头的高度不通过自动布局的控制，而是由

-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section 

页脚高度由

-(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section 

最后细胞高度由

设置设定

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{ 

tableview从故事板，XIB文件或代码加载单元格。它使用上述方法为页眉，页脚和单元格设置框架的大小，并将它们的视图大小设置为适合该空间。

了解自动布局不会更改这些尺寸是很重要的，它只处理用于布局容器内视图的规则。

如果您的单元格/页眉/页脚正在使用静态大小，那么这很容易。您只需锁定所有子视图的高度，将您的单元格设置为您返回高度相同的大小...并且所有内容都看起来应该如何。

动态单元格/页眉/页脚需要更多工作。

基本上，你会被要求告诉tableview你的单元格/页眉/页脚的大小，然后再实际制作它，并调整所有子视图的大小。

您可以通过在cellForRowAtIndexPath和heightForRowAtIndexPath方法中设置一个断点来快速测试，高度首先被调用。

对于动态tableviewcell高度，一个常见的技巧是在viewDidLoad中创建一个单元并保存它以计算高度。然后，当您到达heightForRowAtIndexPath或heightForHeaderInSection时，请使用pre制作的单元格放入您将在最终单元格中使用的值，对于UILabels，请使用sizeWithFont（iOS 7之前）或boundingRectWithSize（iOS 7.0+），sizeThatFits for UITextViews。 （对于将来有人阅读，请检查这些方法是否未被更新的东西替代）

因此，将您想要的文本放入虚拟单元格中，获取标签和文字视图的高度，在它们之间添加空格并在完成后返回最终尺寸。

然后在cellForRowAtIndexPath或headerForSection中重做值的设置，但是会显示实际的单元格。

如果您的身高计算符合您的自动布局设置，那么所有东西都将完美地贴合在它的空间中。

如果要更改单元格或标题的高度后，它已经绘制，那么你会希望通过执行类似更新实现代码如下：

[self.tableView beginUpdates]; 
// change the data that will cause cell height to be different in heightForCellAtIndexPath or which will change a header or footer height calculation 
[self.tableView endUpdates]; 

这将导致实现代码如下检查大小它只有更新单元格或页眉/页脚如果更改。