具有固定大小视图和自动调整大小的表格视图的自动布局

Question

我有一个视图，我想要一个“标题”类型块（UIView 内的一堆标签），然后是下面的表格视图。标题是固定大小的，表格视图应该根据应用程序运行的设备展开到视图的底部。

整个事情都在标签栏控制器中，我已经尝试（我认为）Interface Builder 中几乎所有可能的约束来尝试将标题固定在顶部，并让表格视图适合其余部分视图，在 3.5" 或 4" 设备上。

发生的情况是标题正确修复并且表格视图下降到标签栏下方，或者标题在顶部导航栏下方滑动，表格下降到标签栏下方，以及获得大量约束错误。

Answer 1

第一步

在 viewController 的视图顶部添加一个 UIView。将其top、trailing 和leading constraints 设置为0，并将其height 设置为您想要的任何值。 这样做会以恒定的高度将其固定在顶部。

第 2 步

在蓝色 UIView 下方的 viewController 视图中添加一个 UITableView。将其leading、bottom 和trailing constraints 设置为0。如果可以，也将其top contraint 设置为0。就我而言，我并没有完全坚持我的蓝图。它低于 8 点，但没关系，我会在第 3 步解决这个问题。

第三步

现在我选择top constraint 并设置它的常量0 而不是8。您应该会看到 tableView 改变了它的高度以适应蓝色视图下方的空间。

第四步

如果您的蓝色视图位于导航栏下方，您必须将其top constraints 更改为84。这是因为状态栏height 是20 而导航栏height 是64。

Answer 2

没有屏幕截图，这有点棘手，但这里有一些可能会有所帮助。

1.您的两个视图在界面生成器中具有相同的超级视图。 2.您的标题视图应该将superview的前导约束设置为0，将superview的尾随约束设置为0，将superview的顶部约束设置为0，并将固定高度约束设置为您喜欢的任何内容> 0。 3.您的 TableView 应该将 superview 的前导约束设置为 0，将 superview 的尾随约束设置为 0，将 header 与其自身之间的垂直约束设置为零，并将 superview 的底部约束设置为零。

如果设置了这些，您就无法获得想要的效果。确保视图是您认为的大小，即将 TableView 背景设置为粉红色，以确保它不仅仅是位于错误位置的单元格而不是 tableview。

希望这会有所帮助。