UICollectionView中UIImageView用.aspectFill时约束异常问题求助

首先明确：.aspectFill并没有覆盖你的约束，问题出在UIImageView的intrinsicContentSize（固有内容尺寸）特性和AutoLayout的交互逻辑上：

• 当imageView没有图片时，它的intrinsicContentSize是(0,0)，此时你的顶部、trailing内边距约束可以完全控制它的布局，所以显示正常。
• 当给imageView添加图片后，它的intrinsicContentSize会变成图片的原始宽高比尺寸。此时如果使用.aspectFill，imageView会优先保持图片的宽高比，尝试调整自身尺寸去适配图片比例——如果你的约束没有完全限制住imageView的宽高（比如只设了顶部、trailing，没设leading、bottom或固定宽高），AutoLayout就会在"保持图片宽高比"和"遵守内边距约束"之间出现冲突，最终导致布局变形。
• 而.scaleToFill会忽略图片宽高比，强制让图片拉伸适配imageView的约束尺寸，所以此时imageView的尺寸完全由你的约束控制，不会出现冲突。

解决步骤： #

1. 补全imageView的尺寸约束
   给imageView添加明确的尺寸限制，比如：

   • 添加leading内边距约束，和trailing一起固定宽度
   • 添加bottom内边距约束，和顶部一起固定高度
   • 或者直接给imageView设置固定宽高约束，宽高值等于Cell尺寸减去对应内边距

2. 开启裁剪并设置正确的contentMode
   在给imageView设置图片时，同时开启clipsToBounds，确保超出imageView范围的图片部分被裁剪：

   imageView.image = yourImage
   imageView.contentMode = .aspectFill
   imageView.clipsToBounds = true
   

3. 确认AutoLayout配置正确
   确保imageView的translatesAutoresizingMaskIntoConstraints属性为false（IB中创建的控件默认已设置，代码创建的话需要手动设置），避免AutoresizingMask和AutoLayout冲突。

内容的提问来源于stack exchange，提问作者William T.