ios - 在 Storyboard 中使用 AutoLayout 在 Table View Cell 中显示图像

Question

我有一个Table View Cell，里面只有一个ImageView。

如何让 Table View Cell 大小随着我从 Instagram 的 API 获取的图像(大小)动态变化？

我很难解决，因为基本上我要解决两个变量:

• 来自 Instagram API 的可变尺寸图片(标准分辨率似乎总是至少 600+，因此无论手机尺寸如何，始终能够从左向右拉伸(stretch))
• 可变 iPhone 尺寸(iPhone 6、6 Plus 等)

我试过固定所有边，但没用。我试过左右固定以及添加约束 Bottom Space to Container Margin 和 Top Space to Container Margin，但这没有用。

但我做不对。我确定它是我遗漏的一些小东西。任何帮助，将不胜感激。谢谢!

我使用的是 Xcode 6 和 iOS 8。我使用的是 Storyboard。仅纵向。

Answer 1

我不知道这是否可以在 Storyboard 中完成。也许有一种方法可以在 iOS 8 中使用自调整单元格来做到这一点，但我没有找到这样做的方法，无论如何，这只适用于 iOS 8，而不适用于 7。无论如何，它很容易处理代码，并在 Storyboard 中设置简单的约束。只需将 ImageView 固定到单元格的所有四个边(我在我的示例中使用标准边距 8 到所有边)，然后实现 heightForRowAtIndexPath，

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    CGSize imageSize = [[UIImage imageNamed:self.theData[indexPath.row]] size];
    CGFloat height = imageSize.height/imageSize.width * (tableView.frame.size.width - 16);
    return height + 16;
}

代码中的 16 是为了在 ImageView 的所有边上填充 8。如果您的 ImageView 一直延伸到左右边缘，那么您可以消除它们。