Swift实现UITableView每行逐级缩进的问题

嘿，我懂你想要的效果——让UITableView里的每个矮人名字一行比一行往右挪，实现逐行递增的缩进对吧？这个其实很好解决，我给你两种实用的实现方式，你可以根据自己的代码习惯来选：

方法一：自定义Cell + Auto Layout（推荐，更规范） #

这种方式适合长期维护的项目，通过自定义Cell来灵活控制标签的布局，避免复用问题。

步骤1：创建自定义Cell类 #

class IndentedDwarfCell: UITableViewCell {
    // 用来显示角色名的标签
    let nameLabel = UILabel()
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupLabelConstraints()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupLabelConstraints()
    }
    
    private func setupLabelConstraints() {
        contentView.addSubview(nameLabel)
        nameLabel.translatesAutoresizingMaskIntoConstraints = false
        
        // 设置基础约束，只留leading不固定，后面动态调整
        NSLayoutConstraint.activate([
            nameLabel.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 8),
            nameLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -8),
            nameLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -16)
        ])
    }
    
    // 对外暴露方法，设置缩进量
    func updateIndent(by amount: CGFloat) {
        // 先移除之前的leading约束（防止重复添加）
        nameLabel.leadingAnchor.constraints.forEach { $0.isActive = false }
        // 添加新的leading约束，实现缩进
        nameLabel.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16 + amount).isActive = true
    }
}

步骤2：在ViewController中使用自定义Cell #

首先在viewDidLoad里注册Cell：

override func viewDidLoad() {
    super.viewDidLoad()
    // 注册自定义Cell
    tableView.register(IndentedDwarfCell.self, forCellReuseIdentifier: "IndentedDwarfCell")
    // 其他初始化设置（比如设置tableView的数据源、代理）
}

然后在cellForRowAt方法里设置缩进：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "IndentedDwarfCell", for: indexPath) as! IndentedDwarfCell
    let dwarfName = Dwarves[indexPath.row]
    cell.nameLabel.text = dwarfName
    
    // 每行递增20pt的缩进，你可以根据需求调整这个数值
    let indentAmount = CGFloat(indexPath.row) * 20
    cell.updateIndent(by: indentAmount)
    
    return cell
}

方法二：直接调整系统Cell的标签Frame（快速实现） #

如果只是临时需求或者不想自定义Cell，也可以直接修改系统Cell的textLabel位置，记得处理复用问题就行：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "DefaultCell", for: indexPath)
    let dwarfName = Dwarves[indexPath.row]
    cell.textLabel?.text = dwarfName
    
    // 先重置标签的默认位置（解决Cell复用导致的缩进混乱）
    cell.textLabel?.frame = CGRect(
        x: 16, 
        y: cell.textLabel!.frame.origin.y, 
        width: cell.textLabel!.frame.width, 
        height: cell.textLabel!.frame.height
    )
    
    // 计算缩进量，每行加20pt
    let indent = CGFloat(indexPath.row) * 20
    // 偏移标签的X坐标
    cell.textLabel?.frame.origin.x += indent
    
    return cell
}

注意：这种方法要确保Cell的复用标识符正确，并且提前在storyboard或者代码里注册好默认Cell。

你可以根据自己的项目情况选择其中一种方式，缩进的数值（比如示例里的20pt）可以随意调整，直到达到你想要的视觉效果~

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