Swift开发：含可展开下拉单元格的静态内容TableView选型咨询

嘿，这个问题我刚好处理过不少次，给你梳理下最靠谱的方案～

首先直接给结论：推荐使用动态TableView，哪怕你的内容全是预定义的静态内容。静态TableView虽然能实现展开效果，但局限性太大——毕竟它是Storyboard里固定死的行和分区，要修改布局状态（比如行高、显示/隐藏）会非常繁琐，代码冗余度很高。而动态TableView可以用预定义的静态数据来驱动，同时通过数据源和代理方法灵活控制展开/折叠状态，完美适配你的需求。

下面是具体的实现步骤（以Swift为例，OC思路完全一致）：

1. 定义数据模型存储静态内容 #

既然所有内容都是预定义的，我们可以创建一个简单的数据结构，把每个分区的标题、展开状态、展开内容存起来：

struct SectionData {
    let title: String       // 标题行内容
    var isExpanded: Bool    // 标记当前分区是否展开
    let subContent: String  // 展开后显示的详细内容
}

// 预定义好所有静态内容
var sections: [SectionData] = [
    SectionData(title: "第一组", isExpanded: false, subContent: "这是第一组展开后的详细内容，支持多行显示，自动适配高度"),
    SectionData(title: "第二组", isExpanded: false, subContent: "第二组的展开内容可以包含更多信息，比如说明文字、静态数据列表"),
    // 继续添加其他分区...
]

2. 配置动态TableView #

在Storyboard里拖一个TableView到页面，设置为动态原型（Dynamic Prototypes），然后注册两个单元格：一个用于标题行，一个用于展开内容行（或者用同一个单元格类，根据行类型配置样式）。

3. 实现数据源方法，控制行的显示 #

通过数据源方法，根据分区的isExpanded状态决定每个分区的行数：

func numberOfSections(in tableView: UITableView) -> Int {
    return sections.count // 分区数等于预定义的内容组数
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // 展开时显示2行（标题+内容），折叠时只显示1行（标题）
    return sections[section].isExpanded ? 2 : 1
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    if indexPath.row == 0 {
        // 标题行
        let cell = tableView.dequeueReusableCell(withIdentifier: "TitleCell", for: indexPath)
        cell.textLabel?.text = sections[indexPath.section].title
        // 可以加个箭头图标提示可展开
        cell.accessoryType = sections[indexPath.section].isExpanded ? .disclosureIndicator : .none
        return cell
    } else {
        // 展开内容行
        let cell = tableView.dequeueReusableCell(withIdentifier: "ExpandCell", for: indexPath)
        cell.textLabel?.text = sections[indexPath.section].subContent
        cell.textLabel?.numberOfLines = 0 // 允许多行显示
        return cell
    }
}

4. 处理展开/折叠的交互逻辑 #

在代理方法里监听标题行的点击，切换对应分区的展开状态，然后刷新分区实现动画效果：

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    tableView.deselectRow(at: indexPath, animated: true)
    // 只处理标题行的点击
    guard indexPath.row == 0 else { return }
    
    let section = indexPath.section
    // 切换展开状态
    sections[section].isExpanded.toggle()
    // 刷新分区，自带展开/折叠动画
    tableView.reloadSections([section], with: .automatic)
}

5. 设置行高适配 #

如果展开内容是多行的，推荐用自动行高：

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    if indexPath.row == 0 {
        return 60 // 标题行固定高度
    } else {
        return UITableView.automaticDimension // 展开行自适应内容高度
    }
}

// 在viewDidLoad里设置预估行高
override func viewDidLoad() {
    super.viewDidLoad()
    tableView.rowHeight = UITableView.automaticDimension
    tableView.estimatedRowHeight = 100 // 给展开行一个预估高度，提升滚动流畅度
}

为什么不推荐静态TableView？ #

如果非要用静态TableView，也能实现，但你需要：

• 在Storyboard里给每个展开行设置初始高度为0，并且隐藏
• 给每个标题行添加点击手势，手动修改对应展开行的高度并做动画
• 所有展开行都要通过IBOutlet连接到代码里，分组多的话代码会非常臃肿，完全没有扩展性

相比之下，动态TableView的方案代码更简洁，逻辑清晰，哪怕后续要加新的静态分组，只需要在sections数组里加一条数据就行，维护成本极低。

内容的提问来源于stack exchange，提问作者A.Zada