iOS代码创建的shadowView阴影不显示问题求助

这问题我之前也碰到过，核心问题出在shadowPath的创建时机上，咱们一步步理清楚：

核心原因：shadowPath使用了初始空bounds #

你初始化shadowView时用了frame: .zero，此时shadowView.bounds也是空的。这时候你创建的UIBezierPath(roundedRect: shadowView.bounds, cornerRadius: 20)其实是一个没有面积的路径。之后用SnapKit布局虽然改变了shadowView的实际大小，但你没有重新更新shadowPath，系统就没有正确的阴影路径可以绘制，自然看不到阴影。

另外还有个小细节：你设置的shadowView.layer.cornerRadius = 8，但shadowPath用的cornerRadius = 20，这会导致阴影的圆角和视图本身的圆角不匹配，就算显示出来也会有视觉问题，得统一数值。

两种可行的解决方案 #

方案1：在SnapKit布局完成后更新shadowPath #

利用SnapKit布局的完成时机，手动更新shadowPath：

let shadowView = UIView(frame: .zero)
self.addSubview(shadowView)

// 设置阴影基础属性
shadowView.layer.shadowColor = UIColor.black.cgColor
shadowView.layer.shadowOffset = CGSize(width: 0.5, height: 1.5)
shadowView.layer.shadowOpacity = 0.15
shadowView.layer.masksToBounds = false
shadowView.layer.cornerRadius = 8 // 统一圆角值
shadowView.backgroundColor = .clear
shadowView.layer.shadowRadius = 5.0
shadowView.clipsToBounds = false

// SnapKit布局+完成后更新shadowPath
shadowView.snp.makeConstraints { make in
    // 替换成你的实际约束
    make.leading.trailing.equalToSuperview().inset(16)
    make.top.equalToSuperview().offset(20)
    make.height.equalTo(100)
}

// 强制布局生效后更新shadowPath
shadowView.layoutIfNeeded()
shadowView.layer.shadowPath = UIBezierPath(roundedRect: shadowView.bounds, cornerRadius: shadowView.layer.cornerRadius).cgPath

方案2：自定义ShadowView，自动更新shadowPath #

如果你的项目里多个地方需要这种阴影视图，自定义一个View类，在布局变化时自动更新shadowPath会更省心：

class ShadowView: UIView {
    override func layoutSubviews() {
        super.layoutSubviews()
        // 每次布局完成后自动同步shadowPath
        layer.shadowPath = UIBezierPath(roundedRect: bounds, cornerRadius: layer.cornerRadius).cgPath
    }
}

// 使用自定义View
let shadowView = ShadowView(frame: .zero)
self.addSubview(shadowView)

// 同样设置阴影属性
shadowView.layer.shadowColor = UIColor.black.cgColor
shadowView.layer.shadowOffset = CGSize(width: 0.5, height: 1.5)
shadowView.layer.shadowOpacity = 0.15
shadowView.layer.masksToBounds = false
shadowView.layer.cornerRadius = 8
shadowView.backgroundColor = .clear
shadowView.layer.shadowRadius = 5.0
shadowView.clipsToBounds = false

// SnapKit布局即可，无需手动更新shadowPath
shadowView.snp.makeConstraints { make in
    // 你的约束
}

额外检查点 #

• 确保shadowView有实际尺寸：检查SnapKit约束是否正确，比如有没有设置宽高或者让它能从父视图获取到尺寸，没有大小的视图当然不会有阴影。
• 父视图设置确认：你已经排查过父视图的clipsToBounds，这点没问题，但如果父视图本身也没有尺寸，那shadowView也不会显示。

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