不在每个单元格中使用带有 CollectionView 的 UITableView 中的可重用单元格

Question

我有一个 UITableView 并且在其原型单元格中有一个 UICollectionView。

MainViewController 是 UITableView 的代表并且 MyTableViewCell class 是 UICollectionView 的代表。

在更新每个 TableViewCell 内容时，我调用 cell.reloadData() 使单元格内的 collectionView 重新加载其内容。

当我使用可重复使用的单元格时，当每个单元格出现时，最后一个单元格的内容消失了！。然后它从 URL.

加载正确的内容

我最多有 5 到 10 个 UITableViewCells。所以我决定不为 UITableView 使用可重复使用的单元格。我将 tableView 方法中的单元格创建行更改为：

let cell = MyTableViewCell(style: .default, reuseIdentifier:nil)

然后我在 MyTableViewCell class（它是 UICollectionView 的委托）中出错，在这个函数中：

override func layoutSubviews() {
    myCollectionView.dataSource = self
}

EXC_BAD_INSTRUCTION CODE(code=EXC_I386_INVOP, subcode=0x0)
fatal error: unexpectedly found nil while unwrapping an Optional value

MyTableViewCell.swift

import UIKit
import Kingfisher
import Alamofire

class MyTableViewCell: UITableViewCell, UICollectionViewDataSource {


    struct const {
        struct api_url {
            static let category_index = "http://example.com/api/get_category_index/";
            static let category_posts = "http://example.com/api/get_category_posts/?category_id=";
        }
    }

    @IBOutlet weak var categoryCollectionView: UICollectionView!

    var category : IKCategory?
    var posts : [IKPost] = []

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code

        if category != nil {
            self.updateData()
        }
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }

    override func layoutSubviews() {
            categoryCollectionView.dataSource = self
    }

    func updateData() {
        if let id = category?.id! {
            let url = const.api_url.category_posts + "\(id)"
            Alamofire.request(url).responseObject { (response: DataResponse<IKPostResponse>) in
                if let postResponse = response.result.value {
                    if let posts = postResponse.posts {
                        self.posts = posts
                        self.categoryCollectionView.reloadData()
                    }
                }
            }
        }
    }

    internal func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "postCell", for: indexPath as IndexPath) as! MyCollectionViewCell

        let post = self.posts[indexPath.item]
        cell.postThumb.kf.setImage(with: URL(string: post.thumbnail!))
        cell.postTitle.text = post.title

        return cell
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        //You would get something like "model.count" here. It would depend on your data source
        return self.posts.count
    }

    func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        return 1
    }

}

MainViewController.swift

import UIKit
import Alamofire

class MainViewController: UITableViewController {

    struct const {
        struct api_url {
            static let category_index = "http://example.com/api/get_category_index/";
            static let category_posts = "http://example.com/api/get_category_posts/?category_id=";
        }
    }


    var categories : [IKCategory] = []

    override func viewDidLoad() {
        super.viewDidLoad()

        self.updateData()
    }

    func updateData() {
        Alamofire.request(const.api_url.category_index).responseObject { (response: DataResponse<IKCategoryResponse>) in
            if let categoryResponse = response.result.value {
                if let categories = categoryResponse.categories {
                    self.categories = categories
                    self.tableView.reloadData()
                }
            }
        }
    }

    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
        return self.categories.count
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return self.categories[section].title
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
//        let cell = tableView.dequeueReusableCell(withIdentifier: "CollectionHolderTableViewCell") as! MyTableViewCell
        let cell = MyTableViewCell(style: .default, reuseIdentifier:nil)


        cell.category = self.categories[indexPath.section]
        cell.updateData()

        return cell
    }

}

MyCollectionViewCell.swift

import UIKit

class MyCollectionViewCell: UICollectionViewCell {

    @IBOutlet weak var postThumb: UIImageView!
    @IBOutlet weak var postTitle: UILabel!

    var category : IKCategory?

}

为什么不重复使用细胞会导致这种情况？为什么我做错了？

Answer 1

有几件事可以帮助您加快速度。

首先，取消注释使用可重用单元格的行并删除创建不可重用单元格的代码行。在这里使用可重复使用的电池是安全的。

其次，在 MyTableViewCell 中，在 super.awakeFromNib() 调用之后立即为集合视图设置 dataSource。您只需设置 dataSource 一次，但 layoutSubviews() 可能会被多次调用。这不是根据您的需要设置数据源的正确位置。

override func awakeFromNib() {
    super.awakeFromNib()
    categoryCollectionView.dataSource = self
}

我已经从 awakeFromNib() 中删除了对 updateData() 的调用，因为您已经在创建单元格时调用了它。您也可以删除 layoutSubviews() 覆盖，但作为一般规则，您在覆盖时应小心调用 super.layoutSubviews()。

最后，帖子似乎重新出现在错误的单元格中的原因是帖子数组在重复使用单元格时没有被清空。要解决此问题，请将以下方法添加到 MyTableViewCell:

func resetCollectionView {
    guard !posts.isEmpty else { return }
    posts = []
    categoryCollectionView.reloadData()
}

此方法清空数组并重新加载您的集合视图。由于现在数组中没有帖子，集合视图将是空的，直到您再次调用 updateData。最后一步是在单元格的 prepareForReuse 方法中调用该函数。将以下内容添加到 MyTableViewCell:

override func prepareForReuse() {
    super.prepareForReuse()
    resetCollectionView()
}

让我知道进展如何！

不在每个单元格中使用带有 CollectionView 的 UITableView 中的可重用单元格

Not using reusable cell in UITableView with CollectionView in each cell

uitableview

reuseidentifier

ios

uicollectionview

swift