Table View单元格展开/折叠时箭头图标状态异常问题咨询

嘿，这个问题我做项目的时候也踩过坑！核心原因就是你切换CellB的时候，虽然把CellA的折叠状态改了，但没让CellA的UI及时同步更新，或者更新时没正确根据状态切换箭头。我给你拆解几个关键解决步骤：

1. 给每个单元格独立记录展开状态 #

首先得有个专门的容器来存每个cell的展开/折叠状态，比如用字典或者数组：

// 用字典存储每个indexPath对应的展开状态，默认都是折叠
var expandedStates: [IndexPath: Bool] = [:]
// 记录当前正在展开的cell的indexPath，方便后续处理
var currentExpandedIndex: IndexPath?

2. 点击Cell时，同步更新旧单元格的状态+UI #

当你点击CellB的时候，不仅要处理CellB的展开，还要把之前展开的CellA的状态设为折叠，关键是要刷新CellA的UI，不然它的箭头不会变。这里给你一个完整的点击事件示例：

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // 判断当前点击的cell是否已经展开
    let isCurrentExpanded = expandedStates[indexPath] ?? false
    
    // 如果有之前展开的cell，先重置它的状态并刷新
    if let prevIndex = currentExpandedIndex, prevIndex != indexPath {
        expandedStates[prevIndex] = false
        // 刷新旧cell，让它的箭头切换回去
        tableView.reloadRows(at: [prevIndex], with: .automatic)
    }
    
    // 切换当前cell的展开状态
    expandedStates[indexPath] = !isCurrentExpanded
    // 更新当前展开的cell记录
    currentExpandedIndex = isCurrentExpanded ? nil : indexPath
    
    // 刷新当前点击的cell，更新它的箭头和展开内容
    tableView.reloadRows(at: [indexPath], with: .automatic)
}

3. 在cell渲染时，根据状态正确设置箭头 #

每次cell被创建或者刷新时，都要根据expandedStates里的状态来设置箭头图标，这一步很重要，确保UI和状态完全同步：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellID", for: indexPath) as! YourCustomCell
    
    // 根据当前cell的状态设置箭头
    let isExpanded = expandedStates[indexPath] ?? false
    cell.arrow_icon.image = isExpanded ? UIImage(named: "up_arrow") : UIImage(named: "down_arrow")
    
    // 其他cell内容配置（比如展开时显示额外内容）
    cell.expandedContent.isHidden = !isExpanded
    
    return cell
}

避坑提醒 #

别只修改expandedStates的状态却不调用reloadRows！很多人会犯这个错：只把CellA的状态改成折叠，但没告诉tableView去刷新这个cell，导致cell的UI还停留在之前的展开状态，箭头自然不会切换。一定要手动触发旧cell的刷新。

这样处理之后，不管你点击哪个cell，之前展开的cell都会正确折叠并切换箭头，完全符合你的需求啦！

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