TableViewCell中多等比圆形UIImageView的Auto Layout适配问题

这种固定尺寸控件在小屏设备溢出的问题我碰到过好多次，给你几个实用的解决思路，按需选择就行：

方案一：Stack View动态分配尺寸（最省心） #

这是我平时用得最多的方案，完全靠Auto Layout自动适配：

• 给你的Stack View添加上下左右的约束：比如上下和Cell的内容视图对齐，左右各留16pt的边距（避免贴边）。
• 把每个UIImageView的固定宽高约束删掉，换成宽高比=1:1的约束（保证是正方形）。
• 设置Stack View的distribution属性为Fill Equally，这样它会自动把可用宽度平均分给5个图片。
• 可以再加个保险：给Stack View设置最小高度（比如40pt）和最大高度（比如60pt），这样大屏上图片不会过大，小屏上也不会缩得太小。

方案二：动态计算图片尺寸 #

如果习惯用代码控制尺寸，可以这么做：

• 在tableView(_:cellForRowAt:)方法里，先算出当前屏幕的可用宽度：

  let screenWidth = UIScreen.main.bounds.width
  let padding: CGFloat = 16 * 2 // 左右各16pt边距
  let availableWidth = screenWidth - padding
  let imageSize = availableWidth / 5 // 5个图片平分宽度
  

• 然后把这个imageSize赋值给每个UIImageView的宽高约束常量，或者直接设置frame（不过更推荐用约束）。
• 这样不管是iPhone SE还是X，图片都会刚好占满可用空间，不会被裁切。

方案三：约束优先级调整 #

如果想保留60pt的“理想尺寸”，只在小屏上缩小，可以用约束优先级：

• 给每个UIImageView保留60pt的宽高约束，但把它们的优先级设为High（750）。
• 给Stack View添加一个宽度 ≤ 屏幕宽度 - 32的约束，优先级设为Required（1000）（强制Stack View不超出屏幕）。
• 系统会自动判断：大屏上满足60pt的约束，小屏上优先保证Stack View不溢出，自动缩小图片尺寸。

额外优化小细节 #

• 记得给UIImageView设置contentMode = .scaleAspectFit，这样图片缩放时不会变形，保持原比例。
• 如果图片之间需要间距，直接设置Stack View的spacing属性就行，这个间距会被算进可用宽度的分配里，不影响适配。

内容的提问来源于stack exchange，提问作者chickenparm