ios - 使用自动布局将表格 View 单元格高度调整为图像的高度

Question

我为包含 Label 和 Image View 的自定义单元格创建了一个 xib 文件。 Image View 宽度是固定的，但高度应该根据下载图像的大小进行调整。

此外，单元格高度应进行调整以保持其与 ImageView 之间的边距。

当我阅读几篇关于自动布局的文章时，我不太确定我知道我在做什么，所以这里是:(如果有任何错误，请指出正确的方法)

1. 为了保持 image view 和 cell 之间的边距，我应该创建一个约束。

2. 前面的操作是通过选择 image view 和 cell，然后转到 Editor -> Pin -> bottom space to superview 因为我想保持 ImageView 对单元格的底部边距(单元格是容器)

3. 到目前为止，据推测，如果我调整 Image View 的高度，单元格将自动调整其自身的高度，以保持调整前的边距。

4. 为了使 Image View 高度适应 Image，我需要一个约束.... (?)

   <

已经阅读了这篇文章，他们确实很好地解释了如何使用它，但没有具体说明:

• http://www.raywenderlich.com/50317/beginning-auto-layout-tutorial-in-ios-7-part-1

另请阅读此问题，但它根本没有说明任何关于自动布局的内容 - Change UIImageView size to match image with AutoLayout

编辑:使用 iOS 7

Answer 1

以下是您尝试执行的操作的主要问题:

1) 您的 tableView 需要知道单元格的确切高度。如果约束可以来自 UIImage 而不是来自 UIImageView，则单元格的高度将会改变。幸运的是，UIView 不会通过自动布局自行更改自己的高度。

2) 要获得 UITableViewCell 的高度，您首先需要该图像的高度。真可惜。

所以这里有几个解决方案:

1) 在您的类(class)中，保存一个包含 indexPaths 到 cellHeights 的字典。在确定 tableView:heightForRowAtIndexPath: 时检查此项。如果为空，则返回静态高度。

当单元配置完成后，它们可以在后台请求它们的图像。设置图像时，获取其大小(仅使用 UIImage 的大小属性)并使用该单元格的 indexPath 作为键设置 tableViewController 的字典，以及 imageView 上方/下方的填充高度，加上图像的高度。告诉 tableView 重新加载该单元格，或者执行 'ol [self.tableView beginUpdates]; [self.tableView 结束更新];把戏。

2) 请求 ViewController 中的所有图像，为您的数据源返回 0 行。当它们都被获取时，在为数据源准备好数据(特别是单元格高度)后重新加载 TableView 。

掌握自动布局+UITableView 需要一些时间。通常，最困难的部分是在没有实际单元格的情况下确定单元格的高度。根据可以调整单元格高度的因素，每次需要确定高度或使用有关单元格布局的知识时，在 viewController 中保留一个"template"单元格可以更容易地重新配置内容只会知道 build 它。听起来后者在这种情况下最简单，因此我建议如何确定解决方案 1 的高度。