如何为多个UIView添加置于所有视图后方的阴影？

这个问题我之前也遇到过，用额外阴影视图确实容易在手势操作时出同步问题，而且不够优雅。这里给你两个基于单UIView的简洁解决方案，完美解决阴影层级的问题：

方案一：自定义UIView子类，内置阴影子Layer #

这是最推荐的方案，既保持单View的清晰结构，又能让阴影乖乖待在视图内容下方，不会覆盖其他视图。

核心思路是给每个视图的Layer最底层插入一个专门的阴影子Layer，让视图自身的内容（包括背景色、子视图）都叠在阴影上面，这样所有阴影自然就都在所有视图内容的后方了。而且阴影Layer是视图的子Layer，移动视图时会自动跟着同步，完全不用额外处理手势同步问题。

实现代码 #

写一个通用的ShadowView子类，把阴影逻辑封装进去，所有需要阴影的盒子直接用这个类就行：

import UIKit

class ShadowView: UIView {
    // 专门用来显示阴影的Layer
    private let shadowLayer = CALayer()
    
    // 自定义阴影属性（可以根据需求调整默认值）
    var shadowColor: UIColor = .black {
        didSet { shadowLayer.shadowColor = shadowColor.cgColor }
    }
    var shadowOpacity: Float = 0.5 {
        didSet { shadowLayer.shadowOpacity = shadowOpacity }
    }
    var shadowOffset: CGSize = CGSize(width: 2, height: 2) {
        didSet { shadowLayer.shadowOffset = shadowOffset }
    }
    var shadowRadius: CGFloat = 4 {
        didSet { shadowLayer.shadowRadius = shadowRadius }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupShadow()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupShadow()
    }
    
    private func setupShadow() {
        // 初始化阴影Layer的基础属性
        shadowLayer.cornerRadius = layer.cornerRadius
        shadowLayer.shadowColor = shadowColor.cgColor
        shadowLayer.shadowOpacity = shadowOpacity
        shadowLayer.shadowOffset = shadowOffset
        shadowLayer.shadowRadius = shadowRadius
        // 把阴影Layer插入到当前视图Layer的最底层
        layer.insertSublayer(shadowLayer, at: 0)
        // 确保视图背景色不会盖住阴影（如果你的视图背景是不透明的，这里可以不用设置，因为阴影是从边缘透出来的）
        backgroundColor = .clear
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 每次视图布局更新时，同步阴影Layer的frame和阴影路径
        shadowLayer.frame = bounds
        shadowLayer.shadowPath = UIBezierPath(roundedRect: bounds, cornerRadius: layer.cornerRadius).cgPath
    }
    
    // 同步圆角属性，确保阴影和视图圆角一致
    override var layer: CALayer {
        let layer = super.layer
        layer.cornerRadius = self.cornerRadius
        shadowLayer.cornerRadius = self.cornerRadius
        return layer
    }
}

使用方式 #

• 代码创建：直接初始化ShadowView，设置好尺寸、位置和阴影属性即可。
• Storyboard/XIB：把普通UIView的Class改成ShadowView，如果需要可视化调整阴影属性，还可以给属性加上@IBInspectable标记。

方案二：利用Layer的zPosition调整层级（简化版） #

如果不想自定义子类，也可以用这个快速方案：给每个盒子视图的layer.zPosition设置一个正值（比如1），同时确保父视图的layer.zPosition为0。这样所有盒子的Layer（包括内容和阴影）都会在父视图Layer的上方，而阴影默认会绘制在Layer内容的下方，其他盒子的内容自然会挡住阴影。不过这个方案在盒子重叠较多时效果不如方案一稳定，但胜在简单。

实现代码 #

在创建每个盒子视图时，加上这几行：

// 设置盒子视图的Layer层级高于父视图
boxView.layer.zPosition = 1
// 确保阴影路径正确，避免性能问题
boxView.layer.shadowPath = UIBezierPath(roundedRect: boxView.bounds, cornerRadius: boxView.layer.cornerRadius).cgPath
boxView.layer.masksToBounds = false

为什么方案一更好？ #

• 完全保持单View的结构，逻辑封装在子类里，调用方不用关心阴影细节。
• 阴影Layer和视图绑定，移动、缩放时自动同步，不会出现手势操作时的不同步问题。
• 可以灵活自定义阴影属性，扩展性更强。

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