如何在Swift中创建带Segue跳转的表格并传递不同数据？

嘿，作为Swift新手能想到做带跳转的表格应用已经很棒啦！我来一步步帮你搞定这个需求，结合Storyboard和代码的整合其实没那么复杂～

第一步：定义数据模型 #

咱们先明确每个单元格要展示的内容，以及跳转后需要传递的信息。创建一个简单的数据结构来存储这些内容：

struct Item {
    let title: String // 表格单元格显示的标题
    let detailContent: String // 详情页要展示的专属内容
    // 你还可以按需扩展字段，比如图片URL、副标题等
}

第二步：Storyboard布局配置 #

打开你的Storyboard，完成这些关键设置：

• 表格ViewController配置：确保包含UITableView的ViewController已关联，把TableView的dataSource和delegate通过拖线绑定到这个ViewController（也可以后续代码手动设置）。给表格单元格设置复用标识符，比如在单元格的Identity Inspector里填写"ItemCell"。
• 详情ViewController配置：拖入一个新的ViewController，给它设置Storyboard ID（在Identity Inspector里填写"DetailViewController"，这是代码跳转的关键标识）。在详情页添加展示控件（比如UILabel），并通过拖线创建IBOutlet（命名为detailLabel）。
• 嵌入导航控制器（推荐）：如果想用推送（push）方式跳转，把表格ViewController嵌入到Navigation Controller中（顶部菜单选择Editor -> Embed In -> Navigation Controller）。

第三步：实现表格数据源方法 #

回到表格ViewController的代码，实现UITableViewDataSource协议，把数据渲染到表格上：

class TableViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    // 模拟测试数据
    let itemList: [Item] = [
        Item(title: "条目1", detailContent: "这是条目1的专属详细信息～"),
        Item(title: "条目2", detailContent: "条目2的内容和1完全不一样哦！"),
        Item(title: "条目3", detailContent: "欢迎来到条目3的详情页面")
    ]
    
    @IBOutlet weak var tableView: UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 若未通过Storyboard拖线绑定，手动设置数据源和代理
        tableView.dataSource = self
        tableView.delegate = self
        // 注册单元格（如果是自定义单元格，替换成你的自定义类）
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "ItemCell")
    }
    
    // 返回表格总行数
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return itemList.count
    }
    
    // 配置每个单元格的显示内容
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "ItemCell", for: indexPath)
        let currentItem = itemList[indexPath.row]
        cell.textLabel?.text = currentItem.title
        // 如需副标题，可添加：cell.detailTextLabel?.text = "副标题内容"
        return cell
    }
}

第四步：实现点击跳转与数据传递 #

在表格ViewController中添加UITableViewDelegate的点击事件方法，完成跳转并传递数据：

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // 取消单元格选中状态，提升交互体验
    tableView.deselectRow(at: indexPath, animated: true)
    
    // 获取当前选中的条目数据
    let selectedItem = itemList[indexPath.row]
    
    // 通过Storyboard ID获取详情页ViewController
    guard let detailVC = storyboard?.instantiateViewController(withIdentifier: "DetailViewController") as? DetailViewController else {
        print("找不到详情页ViewController，请检查Storyboard ID是否一致！")
        return
    }
    
    // 传递数据给详情页（也可以直接传整个Item对象，后续扩展更灵活）
    detailVC.detailContent = selectedItem.detailContent
    
    // 跳转页面：导航控制器用push，无导航栏则用present
    navigationController?.pushViewController(detailVC, animated: true)
    // 无导航栏时使用：present(detailVC, animated: true, completion: nil)
}

第五步：详情页接收并展示数据 #

最后在详情页代码中，接收传递的数据并更新UI：

class DetailViewController: UIViewController {
    
    // 定义属性接收表格传递的数据
    var detailContent: String?
    
    @IBOutlet weak var detailLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 将数据赋值给展示控件
        detailLabel.text = detailContent
        // 可自定义导航栏标题：title = "详情页"
    }
}

小提醒 #

• 务必保证Storyboard中的Storyboard ID和代码里的字符串完全一致，否则会找不到ViewController！
• 如果使用自定义单元格，记得在Storyboard中给单元格设置对应的自定义类，注册时替换为你的类名。
• 数据传递建议直接传整个Item对象，后续扩展展示内容时无需修改传递逻辑。

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