iOS开发：无法为UITableViewCell添加20pt间距，求可行解决方案

以下是几种能实现UITableView单元格间20pt间距的可行方案，结合你的代码给出具体修改示例：

方法一：自定义容器View实现间距（推荐） #

思路是让Cell本身背景透明，在Cell的contentView内添加一个容器View，给容器View设置上下各10pt的内边距，这样相邻Cell的容器View之间就会形成20pt的间距，同时容器View承载内容和样式（背景色、圆角）。

修改你的cellForRowAt方法：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
    // 清除复用Cell的旧子视图，避免重叠
    cell.contentView.subviews.forEach { $0.removeFromSuperview() }
    
    // 创建容器View
    let containerView = UIView()
    containerView.backgroundColor = .viewColor
    containerView.layer.cornerRadius = 10
    cell.contentView.addSubview(containerView)
    
    // 创建内容Label
    let textLabel = UILabel()
    textLabel.text = tableData.first
    textLabel.numberOfLines = 0
    textLabel.lineBreakMode = .byWordWrapping
    containerView.addSubview(textLabel)
    
    // 用SnapKit设置约束
    containerView.snp.makeConstraints { make in
        make.top.equalToSuperview().offset(10)
        make.bottom.equalToSuperview().offset(-10)
        make.left.right.equalToSuperview()
    }
    
    textLabel.snp.makeConstraints { make in
        make.edges.equalToSuperview().inset(UIEdgeInsets(top: 10, left: 16, bottom: 10, right: 16))
    }
    
    // Cell背景色与TableView一致，露出间距
    cell.backgroundColor = .bgColor
    return cell
}

方法二：利用Section Header/Footer实现间距 #

把每个单元格单独放在一个Section中，通过设置Section的Header高度来实现单元格间的20pt间距（第一个Section的Header高度设为0，避免顶部多余间距）。

需要修改以下几个TableView代理方法：

// 设置Section数量为7，对应原来的7行
func numberOfSections(in tableView: UITableView) -> Int {
    return 7
}

// 每个Section只放1行数据
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return 1
}

// 第一个Section无Header，其他Section的Header高度设为20pt
func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return section == 0 ? 0 : 20
}

// 设置Header背景色与TableView一致，避免显示默认灰色
func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerView = UIView()
    headerView.backgroundColor = .bgColor
    return headerView
}

// 原有的cellForRowAt方法可以保留，无需大改
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
    cell.textLabel?.text = tableData.first
    cell.textLabel?.numberOfLines = 0
    cell.textLabel?.lineBreakMode = .byWordWrapping
    cell.backgroundColor = .viewColor
    cell.layer.cornerRadius = 10
    
    cell.contentView.layoutMargins = UIEdgeInsets(top: 10, left: 0, bottom: 10, right: 0)
    cell.contentView.preservesSuperviewLayoutMargins = false
    
    return cell
}

方法三：调整Cell Frame实现间距 #

在Cell即将显示时，修改Cell的Frame，让Cell高度减少20pt并向下偏移10pt，从而形成上下20pt的间距。

修改以下代理方法：

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    var cellFrame = cell.frame
    // 缩小Cell高度并偏移位置，留出间距
    cellFrame.size.height -= 20
    cellFrame.origin.y += 10
    cell.frame = cellFrame
    
    cell.backgroundColor = .viewColor
    cell.layer.cornerRadius = 10
}

// 自动高度需要加上预留的20pt，避免内容被截断
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableView.automaticDimension + 20
}

注意事项 #

• 使用自定义容器View时，一定要清除复用Cell的旧子视图，防止视图重叠
• 依赖自动高度时，确保所有子视图的约束完整，让TableView能正确计算行高
• 调整Cell Frame的方法需要注意滚动时的视觉一致性，避免出现布局跳动

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