如何在TableViewCell重新排序时添加左右侧阴影效果

我来帮你搞定这个TableViewCell排序时的左右对称阴影问题！下面是具体的实现方案，步骤清晰好上手：

1. 先给自定义Cell写个阴影控制方法 #

首先在你的自定义TableViewCell类里，添加一个专门用来切换阴影状态的方法，这样能方便后续调用：

func toggleReorderShadow(isActive: Bool) {
    if isActive {
        // 配置左右对称的阴影参数
        layer.shadowColor = UIColor.black.cgColor
        layer.shadowOpacity = 0.3
        layer.shadowRadius = 8
        layer.shadowOffset = .zero
        // 关键：扩展阴影路径到Cell左右外侧，确保两边都显示阴影
        let shadowPath = UIBezierPath(rect: bounds.insetBy(dx: -8, dy: 0))
        layer.shadowPath = shadowPath.cgPath
    } else {
        // 恢复正常状态，移除阴影
        layer.shadowOpacity = 0
        layer.shadowPath = nil
    }
}

这里要注意：必须设置shadowPath，不然系统默认的阴影只会显示在Cell下方或单侧，扩展路径后才能让左右都出现阴影。另外要确保Cell的clipsToBounds属性是false，不然阴影会被裁剪掉。

2. 在TableView代理中监听排序状态 #

接下来在你的TableView所在的ViewController里，通过代理方法来触发阴影的显示和隐藏：

方式一：利用willDisplayCell实时更新 #

这个方法能在Cell即将显示时判断状态，适合实时更新：

override func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    guard let customCell = cell as? YourCustomCellClass else { return }
    // 判断当前是否处于排序编辑状态，且该Cell是选中的排序Cell
    let isReorderingCell = tableView.isEditing && tableView.indexPathsForSelectedRows?.contains(indexPath) == true
    customCell.toggleReorderShadow(isActive: isReorderingCell)
}

方式二：在选中Cell时单独控制 #

如果需要更精准的控制，也可以在选中Cell时手动切换阴影：

override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    guard tableView.isEditing else { return }
    
    // 先把所有可见Cell的阴影关掉
    tableView.visibleCells.forEach {
        if let cell = $0 as? YourCustomCellClass {
            cell.toggleReorderShadow(isActive: false)
        }
    }
    
    // 给当前选中的排序Cell打开阴影
    if let selectedCell = tableView.cellForRow(at: indexPath) as? YourCustomCellClass {
        selectedCell.toggleReorderShadow(isActive: true)
    }
}

3. 额外注意点 #

• 如果你的Cell有自定义背景视图（backgroundView），要把阴影加到背景视图的layer上，或者确保背景视图的clipsToBounds也是false。
• 阴影的颜色、透明度、半径这些参数可以根据你的UI设计自由调整，达到你想要的视觉效果。

按照上面的步骤设置后，当你进入TableView的编辑排序模式，选中并拖动Cell时，这个Cell的左右两侧就会显示对称的阴影效果啦！

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