Swift中如何为UIImageView添加圆角与阴影？

这问题我太熟了！确实，clipsToBounds = true（和masksToBounds = true是同一属性的不同写法）会把视图边界外的所有内容都裁剪掉——而阴影恰恰是绘制在视图bounds之外的，所以直接在UIImageView上同时设置圆角和阴影肯定会冲突。给你两个经过实践验证的解决方案，按需选用：

方案一：容器视图法（最常用、最稳妥） #

核心思路是把阴影和圆角拆分到两个视图上：用一个父容器视图专门负责显示阴影，内部的UIImageView只负责裁剪圆角。这样两者互不干扰，实现起来也简单。

实现步骤： #

• 创建一个UIView作为容器（比如叫shadowContainerView），把它作为UIImageView的父视图
• 给容器视图设置阴影相关属性（阴影颜色、透明度、偏移量、模糊半径）
• 给UIImageView设置圆角，并开启clipsToBounds = true来裁剪内容
• 将UIImageView添加到容器视图中，用AutoLayout约束好两者的大小和位置（让UIImageView完全填满容器视图）

代码示例： #

// 创建容器视图
let shadowContainerView = UIView()
shadowContainerView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(shadowContainerView)

// 设置容器视图的阴影
shadowContainerView.layer.shadowColor = UIColor.black.cgColor
shadowContainerView.layer.shadowOpacity = 0.3
shadowContainerView.layer.shadowOffset = CGSize(width: 0, height: 2)
shadowContainerView.layer.shadowRadius = 4

// 创建UIImageView
let imageView = UIImageView(image: UIImage(named: "yourImage"))
imageView.translatesAutoresizingMaskIntoConstraints = false
shadowContainerView.addSubview(imageView)

// 设置UIImageView的圆角和裁剪
imageView.layer.cornerRadius = 10
imageView.clipsToBounds = true

// 添加约束（让UIImageView填满容器）
NSLayoutConstraint.activate([
    imageView.topAnchor.constraint(equalTo: shadowContainerView.topAnchor),
    imageView.leadingAnchor.constraint(equalTo: shadowContainerView.leadingAnchor),
    imageView.trailingAnchor.constraint(equalTo: shadowContainerView.trailingAnchor),
    imageView.bottomAnchor.constraint(equalTo: shadowContainerView.bottomAnchor),
    shadowContainerView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    shadowContainerView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    shadowContainerView.widthAnchor.constraint(equalToConstant: 200),
    shadowContainerView.heightAnchor.constraint(equalToConstant: 200)
])

如果用Storyboard开发，直接拖一个UIView到界面上，把UIImageView嵌套进去，给容器视图通过User Defined Runtime Attributes设置阴影属性即可。

方案二：CAShapeLayer遮罩+自定义阴影路径（性能更优） #

如果不想额外嵌套视图，可以通过自定义图层的方式实现：用CAShapeLayer作为UIImageView的遮罩来裁剪圆角，同时给UIImageView的layer指定阴影路径，这样阴影会精准贴合圆角，且不需要开启clipsToBounds。

代码示例： #

let imageView = UIImageView(image: UIImage(named: "yourImage"))
imageView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(imageView)

// 设置阴影属性
imageView.layer.shadowColor = UIColor.black.cgColor
imageView.layer.shadowOpacity = 0.3
imageView.layer.shadowOffset = CGSize(width: 0, height: 2)
imageView.layer.shadowRadius = 4

// 创建圆角路径
let cornerRadius: CGFloat = 10
let path = UIBezierPath(roundedRect: imageView.bounds, cornerRadius: cornerRadius)

// 设置遮罩，让UIImageView内容裁剪成圆角
let maskLayer = CAShapeLayer()
maskLayer.path = path.cgPath
imageView.layer.mask = maskLayer

// 设置阴影路径，让阴影贴合圆角
imageView.layer.shadowPath = path.cgPath

// 添加约束
NSLayoutConstraint.activate([
    imageView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    imageView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    imageView.widthAnchor.constraint(equalToConstant: 200),
    imageView.heightAnchor.constraint(equalToConstant: 200)
])

⚠️ 注意：如果UIImageView的大小会动态变化（比如自适应布局），需要在layoutSubviews方法中重新更新path、maskLayer和shadowPath，否则遮罩和阴影会错位。

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