如何在UITableView滚动及返回视图时保留自定义选中样式

Hey Emma, 这个问题我之前帮好几个iOS开发者踩过坑，核心原因基本都绕不开UITableView的cell复用机制，再加上视图切换时的布局更新问题，给你几个亲测有效的解决方案：

解决方案1：手动维护选中状态，解决复用导致的样式丢失 #

UITableView的cell是复用的，如果你只在选中时临时设置样式，当cell被滚出屏幕再回来，或者被复用到其他行时，样式就会乱掉。所以我们要自己保存选中的IndexPath，在cell复用的时候主动恢复样式：

首先在你的ViewController里保存选中状态：

private var selectedIndexPath: IndexPath?

然后在didSelectRowAt里更新选中状态并刷新对应cell：

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // 先取消之前选中的cell样式
    if let oldSelectedPath = selectedIndexPath {
        tableView.reloadRows(at: [oldSelectedPath], with: .none)
    }
    // 更新当前选中的IndexPath
    selectedIndexPath = indexPath
    // 刷新当前选中的cell，触发样式设置
    tableView.reloadRows(at: [indexPath], with: .none)
}

最后在cellForRowAt里根据选中状态设置SelectionView：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellID", for: indexPath) as! YourCustomCell
    
    // 先重置样式（关键！因为cell复用，必须清空之前的状态）
    cell.selectionView.isHidden = true
    cell.selectionView.layer.borderWidth = 0
    
    // 判断是否是选中行，设置对应样式
    if indexPath == selectedIndexPath {
        cell.selectionView.isHidden = false
        cell.selectionView.layer.borderWidth = 2
        cell.selectionView.layer.borderColor = UIColor.blue.cgColor
    }
    
    // 其他cell内容配置逻辑
    return cell
}

解决方案2：确保SelectionView布局随Cell动态更新 #

有时候返回后边框只显示一半，是因为SelectionView的布局没有跟随cell的frame变化。我们可以在自定义Cell里通过layoutSubviews来保证布局正确：

class YourCustomCell: UITableViewCell {
    // 自定义的SelectionView
    let selectionView = UIView()
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupSelectionView()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupSelectionView()
    }
    
    private func setupSelectionView() {
        // 一定要加到contentView上！
        contentView.addSubview(selectionView)
        
        // 用AutoLayout约束（推荐）
        selectionView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            selectionView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 4),
            selectionView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 4),
            selectionView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -4),
            selectionView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -4)
        ])
        
        // 初始化样式
        selectionView.layer.borderColor = UIColor.blue.cgColor
        selectionView.layer.borderWidth = 2
        selectionView.isHidden = true
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 触发contentView的布局更新，确保约束生效
        contentView.layoutIfNeeded()
        
        // 如果是用frame布局的话，在这里更新frame：
        // selectionView.frame = contentView.bounds.insetBy(dx: 4, dy: 4)
    }
    
    // 可以封装一个方法来设置选中状态，更清晰
    func updateSelectionState(isSelected: Bool) {
        selectionView.isHidden = !isSelected
    }
}

之后在cellForRowAt里直接调用这个方法就行：

cell.updateSelectionState(isSelected: indexPath == selectedIndexPath)

解决方案3：视图返回时刷新选中状态 #

当切换到其他视图控制器再返回时，cell的布局可能已经发生变化，我们可以在ViewController的viewWillAppear里主动刷新选中的cell：

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    // 如果有选中的cell，刷新它的样式
    if let selectedPath = selectedIndexPath {
        tableView.reloadRows(at: [selectedPath], with: .none)
    }
}

额外小提示 #

• 永远不要把自定义视图直接加到cell本身上，一定要加到contentView，这是UITableViewCell的布局容器，直接加在cell上会导致各种布局异常。
• 尽量不要依赖系统的cell.isSelected属性来设置样式，系统的选中状态在复用、视图切换时可能有不可控的表现，自己维护selectedIndexPath是最可靠的方式。

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