如何为带边框的TableViewCell添加底部外部空白间距？

我之前也碰到过完全一样的需求——要给带完整边框的单元格加边框外部的底部空白，而不是把间距算进边框里。下面几个方案都能完美实现，你可以根据自己的场景选：

方法1：用TableView的Section Footer（最简单，无需修改Cell） #

如果你的列表允许把每个Cell单独放在一个Section里，这是最快的实现方式：

• 让Section的数量等于数据源的行数（每个Cell对应一个Section）
• 给每个Section设置固定高度的空白Footer，颜色和TableView背景保持一致

func numberOfSections(in tableView: UITableView) -> Int {
    return yourDataSource.count
}

func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
    return 10 // 这里填你想要的空白高度
}

func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
    let footerView = UIView()
    footerView.backgroundColor = tableView.backgroundColor // 避免显示默认灰色
    return footerView
}

这种方法完全不用动你的自定义Cell，边框保持完整，空白直接出现在两个单元格的边框之间，非常省心。

方法2：自定义Cell时嵌套容器视图（适合复杂布局场景） #

如果不想拆分Section，那可以在自定义Cell里做个小技巧：把带边框的内容放在一个容器视图里，让容器视图和Cell的底部留间距，这样空白就自然出现在边框外面了。

举个Auto Layout的代码例子：

class BorderedCell: UITableViewCell {
    // 专门放内容和边框的容器视图
    private let contentContainer = UIView()
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupLayout()
        setupBorder()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupLayout()
        setupBorder()
    }
    
    private func setupLayout() {
        contentView.addSubview(contentContainer)
        contentContainer.translatesAutoresizingMaskIntoConstraints = false
        
        NSLayoutConstraint.activate([
            contentContainer.topAnchor.constraint(equalTo: contentView.topAnchor),
            contentContainer.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
            contentContainer.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16),
            // 这里的-10就是边框外的底部空白高度
            contentContainer.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -10),
            contentContainer.heightAnchor.constraint(greaterThanOrEqualToConstant: 80) // 内容区域最小高度
        ])
        
        // 把你的内容控件（比如UILabel、UIImageView）都加到contentContainer里
    }
    
    private func setupBorder() {
        contentContainer.layer.borderWidth = 1
        contentContainer.layer.borderColor = UIColor.lightGray.cgColor
        contentContainer.layer.cornerRadius = 8 // 按需加圆角
    }
}

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

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableView.automaticDimension // 或者固定高度：80+10=90
}

这种方法的好处是布局更灵活，Cell复用也不会出问题，边框完全不受影响。

避坑提醒 #

别用separatorInset、layoutMargins这类属性，它们都是调整Cell内部的间距，会让边框跟着偏移，完全不符合你要的“边框外部空白”的需求。

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