如何解决UITableViewCell阴影覆盖上方单元格的问题？

这个坑我之前踩过！问题出在UITableView的渲染逻辑上：单元格是从上到下依次添加到视图层级里的，后面的单元格整体层级比前面的高，所以它的阴影会直接盖在上方单元格的内容上。给你几个实用的解决思路：

方法一：调整单元格的zPosition层级 #

直接通过修改cell图层的zPosition，让越靠上的单元格层级越高，这样它们就能压在下方单元格的阴影上面。

在配置cell的方法（比如cellForRowAt）里添加这段代码：

// 计算当前cell的层级值，行数越大（越靠下）zPosition越小
cell.layer.zPosition = CGFloat(tableView.numberOfRows(inSection: indexPath.section) - indexPath.row)

这个方法最简单直接，不需要改cell的内部结构，但如果你的cell有复杂的交互图层，可能需要额外调整层级关系。

方法二：把阴影放到cell内部的底层视图 #

不要直接给cell的layer加阴影，而是创建一个专门的阴影容器视图，把它放在cell的最底层，再把内容放在这个视图上面。这样阴影被限制在cell内部，不会跑到其他cell的区域。

在cell的初始化方法（比如init(style:reuseIdentifier:)或者awakeFromNib）里添加以下代码：

// 创建阴影视图
let shadowView = UIView()
shadowView.backgroundColor = .white
shadowView.layer.shadowColor = UIColor.gray.cgColor
shadowView.layer.shadowOffset = .zero
shadowView.layer.shadowOpacity = 0.15
shadowView.layer.shadowRadius = 10
shadowView.layer.cornerRadius = 8
shadowView.translatesAutoresizingMaskIntoConstraints = false

// 把阴影视图插入到cell的最底层
self.insertSubview(shadowView, at: 0)

// 设置自动布局约束，让阴影视图和cell边界完全重合
NSLayoutConstraint.activate([
    shadowView.topAnchor.constraint(equalTo: self.topAnchor),
    shadowView.leadingAnchor.constraint(equalTo: self.leadingAnchor),
    shadowView.trailingAnchor.constraint(equalTo: self.trailingAnchor),
    shadowView.bottomAnchor.constraint(equalTo: self.bottomAnchor)
])

// 把contentView的背景设为透明，避免遮挡阴影视图
self.contentView.backgroundColor = .clear

这个方法更稳妥，不会影响cell的整体层级关系，适合大多数场景。注意要把原来cell的backgroundColor设置去掉，换成给阴影视图设置背景色。

避坑提醒 #

• 不要给cell设置layer.masksToBounds = true，这会把阴影直接裁剪掉，导致阴影不显示。
• 如果用xib/storyboard创建cell，也可以直接在cell内部拖一个UIView作为阴影容器，设置好约束和阴影属性，再把其他内容放在这个视图上面。

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