将数据从集合视图单元格按钮传递到另一个视图控制器(Swift)

在iOS开发中，将数据从一个视图控制器传递到另一个视图控制器是一个常见的任务。以下是一个详细的步骤和示例代码，展示如何在Swift中实现这一功能。

基础概念

视图控制器（ViewController）：管理应用程序的用户界面和用户交互。
集合视图（CollectionView）：一种显示项目集合的滚动视图。
单元格（Cell）：集合视图中的单个项目。
导航控制器（Navigation Controller）：用于管理一系列视图控制器的栈。

优势

模块化：将功能分离到不同的视图控制器中，使代码更易于管理和维护。
用户体验：通过导航控制器平滑地过渡用户界面，提升用户体验。

类型

模态传递：通过弹出新的视图控制器来传递数据。
导航传递：通过导航栈传递数据。

应用场景

列表详情页：从列表视图控制器跳转到详情视图控制器并传递选中项的数据。
表单提交：从一个表单视图控制器跳转到结果视图控制器并传递表单数据。

示例代码

假设我们有一个集合视图控制器 CollectionViewController 和一个目标视图控制器 DetailViewController，我们需要将点击的单元格数据传递到 DetailViewController。

CollectionViewController.swift

import UIKit

class CollectionViewController: UICollectionViewController {
    
    var items = ["Item 1", "Item 2", "Item 3", "Item 4"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        collectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: "cell")
    }
    
    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return items.count
    }
    
    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
        cell.backgroundColor = .blue
        return cell
    }
    
    override func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        let detailVC = DetailViewController()
        detailVC.item = items[indexPath.row]
        navigationController?.pushViewController(detailVC, animated: true)
    }
}

DetailViewController.swift

import UIKit

class DetailViewController: UIViewController {
    
    var item: String?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        
        if let item = item {
            let label = UILabel(frame: CGRect(x: 0, y: 0, width: 200, height: 21))
            label.center = CGPoint(x: 160, y: 285)
            label.textAlignment = .center
            label.text = item
            view.addSubview(label)
        }
    }
}