Swift实现顶部含静态单元格的UITableViewController方案咨询

嘿，刚好我之前也折腾过类似的需求，给你梳理下Swift里实现顶部静态单元格+动态歌曲列表的两种实用方法，选适合你的来改就行！

方法一：分Section实现（推荐，逻辑更清晰） #

这种方式把表格分成两个Section：第0个Section放顶部的静态按钮单元格，第1个Section放动态的歌曲列表，后续维护起来更省心。

1. 修改Section和Row数量

先更新表格的Section数和每个Section的Row数：

override func numberOfSections(in tableView: UITableView) -> Int {
    return 2 // 一个Section放静态顶部Cell，一个放歌曲列表
}

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    if section == 0 {
        return 1 // 静态Cell只需要一行
    } else {
        return sortedSongs.count // 歌曲列表的行数由你的数据源决定
    }
}

2. 处理Cell的创建逻辑

在cellForRowAt里区分不同Section的Cell：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    if indexPath.section == 0 {
        // 获取静态顶部Cell（要先在Storyboard里给这个Cell设置Identifier为"StaticTopCell"，并自定义Cell类）
        let staticCell = tableView.dequeueReusableCell(withIdentifier: "StaticTopCell", for: indexPath) as! TopStaticCell
        
        // 给四个按钮绑定点击事件（记得在ViewController里实现对应的方法）
        staticCell.button1.addTarget(self, action: #selector(button1Tapped), for: .touchUpInside)
        staticCell.button2.addTarget(self, action: #selector(button2Tapped), for: .touchUpInside)
        staticCell.button3.addTarget(self, action: #selector(button3Tapped), for: .touchUpInside)
        staticCell.button4.addTarget(self, action: #selector(button4Tapped), for: .touchUpInside)
        
        return staticCell
    } else {
        // 原来的歌曲Cell逻辑，这里indexPath.row直接对应sortedSongs的索引
        let cell = tableView.dequeueReusableCell(withIdentifier: "RecentCell", for: indexPath) as! RecentCell
        let song = sortedSongs[indexPath.row]
        
        cell.songTitle.text = song.title // 假设你的歌曲模型有title属性
        cell.songArtist.text = song.artist
        cell.songImage.image = song.image
        
        return cell
    }
}

3. 自定义静态Cell类

创建一个TopStaticCell类，用来关联静态Cell里的四个按钮：

import UIKit

class TopStaticCell: UITableViewCell {
    // 连接Storyboard里的四个按钮（拖线即可）
    @IBOutlet weak var button1: UIButton!
    @IBOutlet weak var button2: UIButton!
    @IBOutlet weak var button3: UIButton!
    @IBOutlet weak var button4: UIButton!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // 可以在这里给按钮设置样式，比如圆角、字体颜色等
        button1.layer.cornerRadius = 8
        button2.layer.cornerRadius = 8
        // ...其他按钮的样式设置
    }
}

4. 补充ViewController里的按钮点击方法

别忘了实现按钮的点击逻辑：

@objc private func button1Tapped() {
    // 按钮1的点击事件逻辑
}

@objc private func button2Tapped() {
    // 按钮2的点击事件逻辑
}

// ...同理实现button3Tapped和button4Tapped

方法二：同Section内插入静态Cell（更简洁） #

如果不想多搞一个Section，也可以在同一个Section里把静态Cell放在第0行，后面跟着动态歌曲Cell：

1. 修改Row数量

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return sortedSongs.count + 1 // +1就是顶部的静态Cell
}

2. 处理Cell创建逻辑

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    if indexPath.row == 0 {
        // 静态顶部Cell的逻辑和方法一一样
        let staticCell = tableView.dequeueReusableCell(withIdentifier: "StaticTopCell", for: indexPath) as! TopStaticCell
        // 绑定按钮事件...
        return staticCell
    } else {
        // 注意这里歌曲的索引要减1，因为第0行是静态Cell
        let cell = tableView.dequeueReusableCell(withIdentifier: "RecentCell", for: indexPath) as! RecentCell
        let song = sortedSongs[indexPath.row - 1]
        
        cell.songTitle.text = song.title
        cell.songArtist.text = song.artist
        cell.songImage.image = song.image
        
        return cell
    }
}

额外注意事项 #

• 如果是用Storyboard开发：记得给静态Cell设置正确的Identifier，并指定Cell类为TopStaticCell，然后把四个按钮拖线到该类里。
• 如果是纯代码开发：要在viewDidLoad里注册两个Cell类：

  override func viewDidLoad() {
      super.viewDidLoad()
      tableView.register(TopStaticCell.self, forCellReuseIdentifier: "StaticTopCell")
      tableView.register(RecentCell.self, forCellReuseIdentifier: "RecentCell")
  }
  

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