ios - 自调整大小的表格单元格中的 ImageView 在应用 Aspect Fit 之前使用图像的高度

Question

我在自动调整大小的表格单元格内有一个 ImageView，其内容模式为 Aspect Fit。当表格完全加载时，图像本身看起来很棒，它会调整大小以适合单元格的宽度，同时仍保持原始比例。但是，表格单元格的高度就好像宽高比适合内容模式从未应用于 ImageView 一样大。

此图像中的红色是 ImageView ，实际图像上方和下方的空间是我试图避免的。

当我用 Aspect Fill 替换 Aspect Fit 时，同一个单元格如下所示:

这就是我所说的 ImageView 在应用 Aspect Fit 之前使用图像的高度时的意思。

我是否缺少 ImageView 中的约束或设置？如有任何帮助，我们将不胜感激!

Answer 1

如果从服务器下载图像，则需要一秒或一毫秒的时间下载。用户可以注意到下载所花费的时间。最好的用户体验是在下载图像之前明确设置高度和宽度。如果您使用第三方 API 来获取图像(即 facebook 或 youtube API)，则返回结果将包括图像 URL 以及图像的高度和宽度。通过这种方式，您可以设置单元格的高度和宽度，然后等待图像下载，而不会中断或更改单元格的大小。这将是最好的方法。通过显式设置高度和宽度，您无需过多担心用于 ImageView 的内容模式。如果您在该单元格中显式设置 ImageView 的高度和宽度，我只会建议使用自动调整大小的 UITableViewCell。我希望这有帮助!

我刚刚看到你最近的评论。您可以根据返回的图像调整每个单元格内每个 ImageView 的大小。您不需要为 ImageView 设置固定高度。您可以根据单元格中的图像更改每个单元格的高度。我建议在下载图像之前执行此操作。

如果您使用 Storyboard，那么一种方法是为 ImageView 的高度约束创建一个导出。