如何为自定义CollectionViewCell传递API数据并使用自定义结构体？

我来帮你一步步解决这个问题，把API数据传递给自定义CollectionViewCell其实没那么复杂，咱们分步骤来梳理：

首先得根据你API返回的数据结构，定义一个遵循Codable的结构体，这样能方便后续解析JSON数据：

// 示例结构体，你需要根据实际API返回字段调整属性
struct FormData: Codable {
    let title: String
    let subtitle: String
    let iconPath: String
    // 这里添加所有API返回的字段
}

让你的Cell持有这个结构体属性，并且在属性赋值时自动更新UI：

class CustomFormCell: UICollectionViewCell {
    // 假设你的Cell里有这些UI组件（根据实际情况调整）
    @IBOutlet weak var titleLabel: UILabel!
    @IBOutlet weak var subtitleLabel: UILabel!
    @IBOutlet weak var iconImageView: UIImageView!
    
    // 定义结构体属性，用didSet监听赋值事件
    var formData: FormData? {
        didSet {
            updateCellUI()
        }
    }
    
    // 私有方法：根据结构体数据更新UI
    private func updateCellUI() {
        guard let data = formData else { return }
        
        titleLabel.text = data.title
        subtitleLabel.text = data.subtitle
        
        // 示例：加载网络图片（如果需要的话）
        if let iconUrl = URL(string: data.iconPath) {
            URLSession.shared.dataTask(with: iconUrl) { [weak self] data, _, error in
                guard let imageData = data, error == nil else { return }
                DispatchQueue.main.async {
                    self?.iconImageView.image = UIImage(data: imageData)
                }
            }.resume()
        }
    }
}

把你原来的FetchFormData改成用Codable解析数据，并且将结果存入数组，最后刷新CollectionView：

// 先定义一个数组存储解析后的结构体数据
var formDataList: [FormData] = []

func fetchFormData(linkUrl: String) {
    // 注意Swift规范：函数名首字母小写
    guard let url = URL(string: linkUrl) else {
        print("无效的URL")
        return
    }
    
    var request = URLRequest(url: url)
    request.httpMethod = "POST" // 如果是GET请求可以去掉这行
    
    // 处理请求参数（优化你原来的参数拼接逻辑）
    let parameters: [String: Any] = [:]
    if !parameters.isEmpty {
        request.httpBody = try? JSONSerialization.data(withJSONObject: parameters)
        request.setValue("application/json", forHTTPHeaderField: "Content-Type")
    }
    
    URLSession.shared.dataTask(with: request) { [weak self] data, response, error in
        guard let responseData = data, error == nil else {
            print("数据获取失败：\(error?.localizedDescription ?? "未知错误")")
            return
        }
        
        // 解析JSON到自定义结构体数组
        do {
            self?.formDataList = try JSONDecoder().decode([FormData].self, from: responseData)
            // 回到主线程刷新CollectionView
            DispatchQueue.main.async {
                self?.collectionView.reloadData()
            }
        } catch {
            print("数据解析失败：\(error.localizedDescription)")
        }
    }.resume()
}

最后在cellForItemAt方法里，把对应位置的结构体数据传给Cell：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    // 注意替换成你的Cell复用标识符
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CustomFormCell", for: indexPath) as! CustomFormCell
    // 传递结构体数据
    cell.formData = formDataList[indexPath.item]
    return cell
}

// 别忘了实现数量方法
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return formDataList.count
}

几个关键注意点： #

• 确保你的CollectionView已经注册了自定义Cell（可以在Storyboard设置复用标识符，或者用代码register(_:forCellWithReuseIdentifier:)注册）
• 如果API返回的是单个对象而非数组，解析时要改成try JSONDecoder().decode(FormData.self, from: responseData)
• 图片加载建议用第三方库（比如Kingfisher）来简化缓存和错误处理，避免重复造轮子

内容的提问来源于stack exchange，提问作者Emre Sarıçiçek