ios - UITableview 充满图像 : too much space between images

Question

我尝试制作一个充满图片的表格 View 。这是我想要的和我的约束:

• 图片的宽高比为 3:2

cell.width 中的图像 = cell.height 中的图像，乘数为 3:2

• 图片的宽度应占满屏幕宽度

图像在 cell.centerX = Superview.centerX

cell.width = Superview.width 中的图像

Table View.Center X = Superview.Center X

表格View.width = Superview.width

• 图片之间的间距应为 8

Cell.Bottom = Cell.Bottom 中的图像 + 8

• 其他约束:

table view.top = top layout guide.bottom

table view.bottom = red block.top

这是我得到的:

我有三张图片，一张在屏幕上可见，另外两张在滚动时可见。我在屏幕底部也有一个红色方 block 。 tableview 在红色 block 的后面。

我的问题是每张图片上都有一个空白区域。我猜它来自与我的图片高度不匹配的内容 View 或单元格高度，但我没能做到正确。

通过一些更改，我在图片之间获得了正确的空间，但“屏幕上”的纵横比不再受尊重(= 图片宽度似乎超过了屏幕宽度)。如果我在 Cell.height 中添加 cell.height = Image，就会发生这种情况。我还得到了 aspect = 3:2、height = Image in Cell.height、Image in Cell.width = width 和 height = 400 的冲突约束。

你看到哪里出了问题吗？

谢谢，

亚历克斯

Answer 1

您是否静态设置了 tableView rowHeight？我认为它应该是动态的，因为在不同的屏幕上，单元格高度会根据宽高比而不同。

将此代码添加到您的 viewDidLoad。这将有助于使您的 tableView 单元格高度动态化:

self.tableView.rowHeight = UITableViewAutomaticDymension
self.tableView.estimatedRowHeight = 60;

为了使 tableView 计算单元格高度，将 imageView 顶部约束添加到 superView(cell) 为 0。

实际上，如果您希望单元格在不同屏幕上是静态高度，只需删除您的 aspectRatio 约束，添加等于单元格的 imageView heightConstraint。而且它也会起作用。