如何为UITableViewCell添加左右边距，避免单元格铺满屏幕？

嘿，我来给你分享几个靠谱的方案，轻松实现UITableViewCell不铺满屏幕宽度的需求～

方法一：直接调整Cell的Frame（快速实现） #

如果只是想快速让Cell整体左右留出空隙，可以在UITableView的代理方法willDisplayCell里修改Cell的frame。这种方法简单直接，适合不需要复杂布局的场景。

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    // 自定义边距大小，这里设为16pt
    let sideMargin: CGFloat = 16
    var adjustedFrame = cell.frame
    // 设置Cell的X起点为边距值
    adjustedFrame.origin.x = sideMargin
    // 计算Cell的宽度：屏幕宽度减去两倍边距
    adjustedFrame.size.width = tableView.bounds.width - 2 * sideMargin
    cell.frame = adjustedFrame
}

注意：如果你的tableView支持屏幕旋转，记得在旋转后重新刷新tableView，保证Frame能正确更新。

方法二：自定义Cell用容器视图（规范可控） #

这种方法更符合Auto Layout的设计规范，视觉效果也更灵活——本质是让Cell本身铺满屏幕，但在contentView里添加一个带边距的容器视图，把所有内容放在容器里，同时把Cell的背景设为透明，容器视图设置你想要的Cell背景色，视觉上就像Cell有了边距。

class CustomMarginCell: UITableViewCell {
    // 用来承载内容的容器视图
    private let containerView = UIView()
    
    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() {
        // 让Cell的contentView背景透明，露出外层的tableView背景
        contentView.backgroundColor = .clear
        // 设置容器视图的背景色，这就是视觉上Cell的背景
        containerView.backgroundColor = .white
        // 开启圆角之类的样式也很方便
        containerView.layer.cornerRadius = 8
        containerView.clipsToBounds = true
        
        containerView.translatesAutoresizingMaskIntoConstraints = false
        contentView.addSubview(containerView)
        
        // 给容器视图设置边距约束
        NSLayoutConstraint.activate([
            containerView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
            containerView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16),
            containerView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 8),
            containerView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -8),
        ])
        
        // 这里可以添加你的内容控件，比如标题Label
        let titleLabel = UILabel()
        titleLabel.translatesAutoresizingMaskIntoConstraints = false
        containerView.addSubview(titleLabel)
        
        NSLayoutConstraint.activate([
            titleLabel.leadingAnchor.constraint(equalTo: containerView.leadingAnchor, constant: 12),
            titleLabel.trailingAnchor.constraint(equalTo: containerView.trailingAnchor, constant: -12),
            titleLabel.centerYAnchor.constraint(equalTo: containerView.centerYAnchor)
        ])
        
        titleLabel.text = "带边距的Cell内容"
    }
}

这种方法的好处是布局稳定，适配屏幕旋转、不同尺寸设备都很省心，还能轻松给Cell加圆角、阴影等样式。

方法三：调整LayoutMargins和SeparatorInset（系统Cell快速适配） #

如果你用的是系统默认的UITableViewCell，只想让内容和分隔线不铺满屏幕，可以通过调整layoutMargins和separatorInset来实现，这种方法不需要自定义Cell，几步就能搞定：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 设置tableView的分隔线边距
    tableView.separatorInset = UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16)
    // 设置tableView的布局边距
    tableView.layoutMargins = UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16)
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "DefaultCell", for: indexPath)
    // 设置Cell的布局边距，和tableView保持一致
    cell.layoutMargins = UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16)
    cell.textLabel?.text = "系统Cell带边距示例"
    return cell
}

这个方法适合快速调整系统Cell的内容边距，不过Cell本身还是会铺满屏幕，只是内容和分隔线缩进了。

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