如何解决SDWebImage加载图片时超出UIImageView边界重叠的问题

图片溢出UIImageView边界是两个代码问题共同导致的：

• 属性冲突：你手动将imageView.layer.masksToBounds设置为false，而UIView的clipsToBounds和CALayer的masksToBounds是联动属性，手动设置masksToBounds = false会直接覆盖clipsToBounds = true的裁剪效果，超出视图边界的内容不会被裁切，就会出现重叠溢出。
• 布局失效：你设置了translatesAutoresizingMaskIntoConstraints = false开启Auto Layout，此时初始化时写死的CGRect(x: 0, y: 0, width: 50, height: 50)frame不会生效，如果没有给UIImageView添加明确的宽高约束，UIImageView会被图片的原始尺寸撑大，哪怕设置了contentMode也无法限制显示范围。

另外你使用.scaleAspectFit做头像显示也不合理，这个模式会保留图片完整宽高比，可能在圆形头像内留白，头像场景建议用.scaleAspectFill。

1. 修正UIImageView初始化代码，解决属性冲突

let imageView = UIImageView()
imageView.contentMode = .scaleAspectFill // 铺满视图后裁切多余部分，适配圆形头像
imageView.clipsToBounds = true
imageView.layer.masksToBounds = true // 和clipsToBounds保持一致，确保裁剪生效
imageView.layer.borderWidth = 2.0
imageView.layer.borderColor = UIColor.clear.cgColor // layer的borderColor为CGColor类型，不要直接传UIColor
imageView.translatesAutoresizingMaskIntoConstraints = false
return imageView

2. 给UIImageView添加明确的宽高约束，确保实际显示尺寸符合预期

// 在布局代码中激活约束，根据你的实际需求补充位置约束即可
NSLayoutConstraint.activate([
    imageView.widthAnchor.constraint(equalToConstant: 50),
    imageView.heightAnchor.constraint(equalToConstant: 50)
])

3. （可选，更稳妥）在自定义Cell的layoutSubviews中动态设置圆角，保证头像始终为正圆

override func layoutSubviews() {
    super.layoutSubviews()
    userImageView.layer.cornerRadius = userImageView.bounds.height / 2
}

4. 简化SDWebImage加载代码，移除不必要的layoutIfNeeded调用，约束正常的情况下加载完成后会自动更新布局

if let url = URL(string: user.imageLocation) {
    cell.userImageView.layer.borderColor = UIColor.white.cgColor
    cell.userImageView.sd_setImage(with: url, placeholderImage: UIImage(named: "account"))
} else {
    cell.userImageView.layer.borderColor = UIColor.clear.cgColor
    cell.userImageView.image = UIImage.accountImage
}

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