iOS Swift：如何为含左侧详情与副标题的UITableViewCell添加右侧详情及文本标签

嘿，我来帮你解决这两个iOS Swift开发里的UITableViewCell布局问题，结合你现有的代码一步步调整：

需求1：创建带左侧主文本、右侧详情及副标题的UITableViewCell #

默认的UITableViewCell样式没法同时实现「左侧主文本 + 下方副标题 + 右侧详情」的布局，所以我们可以通过给cell添加自定义右侧标签的方式来实现，具体分两种场景：

场景1：用Storyboard/XIB创建cell #

1. 在Storyboard里选中你的cell，在Attributes Inspector里把Style改成Subtitle，这样cell会自动有上下布局的主文本（textLabel）和副标题（detailTextLabel）。
2. 修改cellForRowAt代码：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    let monster = monsters[indexPath.row]
    
    // 左侧主文本
    cell.textLabel?.text = monster.name
    // 下方副标题
    cell.detailTextLabel?.text = monster.subtitle
    
    // 创建右侧详情标签
    let rightDetailLabel = UILabel()
    rightDetailLabel.text = monster.rightDetail // 替换成你的右侧详情字段
    rightDetailLabel.font = UIFont.systemFont(ofSize: 14)
    rightDetailLabel.textColor = .secondaryLabel
    // 自动适配文本尺寸，避免截断
    rightDetailLabel.sizeToFit()
    
    // 设置为cell的accessoryView，自动放在右侧
    cell.accessoryView = rightDetailLabel
    
    return cell
}

场景2：纯代码注册cell #

因为UITableViewCell的样式是初始化时确定的，所以我们需要注册一个默认是Subtitle样式的cell：

override func viewDidLoad() {
    super.viewDidLoad()
    // 自定义一个默认是Subtitle样式的cell子类
    class SubtitleCell: UITableViewCell {
        override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
            super.init(style: .subtitle, reuseIdentifier: reuseIdentifier)
        }
        
        required init?(coder: NSCoder) {
            fatalError("init(coder:) has not been implemented")
        }
    }
    // 注册自定义cell
    tableView.register(SubtitleCell.self, forCellReuseIdentifier: "Cell")
}

然后cellForRowAt的代码和上面Storyboard场景的一样就行。

需求2：为已有左侧主文本和副标题的cell添加右侧详情文本标签 #

如果你的cell已经能正常显示左侧主文本和副标题（比如已经用了Subtitle样式），那只需要给cell添加右侧详情标签即可，核心代码和上面一致，直接在你现有代码基础上新增：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    let monster = monsters[indexPath.row]
    
    // 你的原有代码：左侧主文本和副标题
    cell.textLabel?.text = monster.name
    cell.detailTextLabel?.text = monster.subtitle
    
    // 新增：右侧详情标签
    let rightDetailLabel = UILabel()
    rightDetailLabel.text = "你的右侧详情内容" // 替换成实际数据
    rightDetailLabel.font = UIFont.systemFont(ofSize: 14)
    rightDetailLabel.textColor = .systemGray
    rightDetailLabel.sizeToFit()
    
    cell.accessoryView = rightDetailLabel
    
    return cell
}

优化小建议 #

• 为了避免每次创建新的UILabel影响性能，你可以自定义UITableViewCell子类，把右侧标签作为cell的属性，这样复用cell时直接更新文本即可。
• 如果希望右侧详情和系统.value1样式的右对齐文本效果一致，上面的accessoryView方式完全适配，因为它默认就会放在cell的最右侧。

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