Swift开发：如何实现TableView单元格间的透明间距？

嘿，作为Swift新手碰到这个问题太正常啦！用section header来做单元格间距确实会遇到背景不透明的坑——毕竟系统默认的header会继承TableView的背景色，或者自带底色。给你分享几个亲测有效的方案，按需选就行：

这个思路是把单元格的整体高度设为「单元格内容高度+间距」，然后让单元格的背景透明，只给内部的contentView设置实际的样式和高度，底部留出的空白就是透明间距。

步骤很简单：

1. 自定义你的UITableViewCell，设置单元格背景为透明，调整contentView的高度为85（你需要的单元格内容高度），底部留12的空白。
2. 在TableView代理里把单元格高度设为85+12=97。

代码示例：

// 自定义Cell类
class CustomCell: UITableViewCell {
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupCellLayout()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupCellLayout()
    }
    
    private func setupCellLayout() {
        // 单元格背景完全透明
        backgroundColor = .clear
        
        // 用Auto Layout约束contentView，确保它高度是85，底部留12的间距
        contentView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            contentView.topAnchor.constraint(equalTo: topAnchor),
            contentView.leadingAnchor.constraint(equalTo: leadingAnchor),
            contentView.trailingAnchor.constraint(equalTo: trailingAnchor),
            contentView.heightAnchor.constraint(equalToConstant: 85)
        ])
        
        // 给contentView设置你需要的样式，比如白色背景、圆角等
        contentView.backgroundColor = .white
        contentView.layer.cornerRadius = 8
    }
}

然后在TableView的代理方法里设置行高：

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return 97 // 85（内容高度） + 12（透明间距）
}

这个方案的好处是不需要拆分section，逻辑更清晰，而且间距完全透明，直接显示TableView的背景。

如果你还是想用原来的section拆分方式（每个单元格对应一个section），那只需要给header设置一个透明的背景视图就行，系统默认的header背景会被覆盖。

代码示例：

// 先提供透明的header视图
func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerView = UIView()
    headerView.backgroundColor = .clear
    return headerView
}

// 保持你原来的高度设置逻辑
func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return section != 0 ? 12 : CGFloat.leastNonzeroMagnitude
}

这样设置后，section header的背景就是透明的，看起来就是单元格之间有12的透明间距了。

如果你的TableView本身有背景色或者背景图，这两个方案都能完美显示透明效果。如果用方案1，记得不要给单元格设置clipsToBounds，否则contentView的样式可能会被裁剪哦～

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