ios - 启用分页时 UICollectionView 使隐藏单元出列

Question

启用分页后，UICollectionView 仅使 3 个单元格出列，其余单元格无缘无故地因隐藏而出列。也许，这是 UICollectionView 一般的工作方式，但在我的项目中，我确实需要每次将单元格出队时 cellForItemAt indexPath: IndexPath method 被调用，它实际上会创建自定义 UICollectionViewCell 的非隐藏实例。

也许，它只创建了3个实例，因为它需要正确管理内存。但是，在我的项目中，自定义 UICollectionViewCell 还包含另一个 collectionView，它由 3 个自定义 collectionView 单元格组成。这些collectionView单元格内部还有tableViews，其数据封装在这些单元格中。我的主要问题是:为什么 UICollectionView 在我的例子中只创建 3 个实例，我该如何避免这种行为？

我的实际项目中的层次结构如下所示: UICollectionView -> UICollectionView -> 3 个自定义 UICollectionViewCell -> 每个 UICollectionViewCell 包含一个 tableView -> 每个 tableView 包含一个特定的自定义 TableViewCell。

这是我编写的完整代码，作为实际项目中发生的情况的示例(这不是实际项目，但行为是相同的):

ViewController:

class ViewController: UIViewController {

    let cellId = "uniqueCellId"
    let sampleWords: [String] = ["one", "two", "three", "four", "five", "six"]
    let colors: [UIColor] = [.green, .yellow, .blue, .purple, .gray, .red]

    override func viewDidLoad() {
        super.viewDidLoad()
        registerCollectionViewCustomCell()
        prepareUI()
        setupViews()
        setCollectionViewLayoutToHorizontal()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

    //collectionView is instantiated as a computed property. Initialized with a system flow layout. The frame is initially assigned to CGRect.zero because it is controlled by the constrains
    lazy var collectionView: UICollectionView = {
        let layout = UICollectionViewFlowLayout()
        let cv = UICollectionView(frame: CGRect.zero, collectionViewLayout: layout)
        cv.backgroundColor = .white
        cv.layer.cornerRadius = 8
        cv.isPagingEnabled = true
        cv.delegate = self
        cv.dataSource = self
        return cv
    }()
}

扩展1

extension ViewController {
    private func prepareUI() {
        view.backgroundColor = UIColor.black
        navigationController?.navigationBar.barTintColor = .white
        navigationItem.title = "Collection View"
    }

    private func registerCollectionViewCustomCell() {
        collectionView.register(CustomCollectionViewCell.self, forCellWithReuseIdentifier: cellId)
    }

    private func setCollectionViewLayoutToHorizontal() {
        if let layout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
            layout.scrollDirection = .horizontal
        }
    }

    private func setupViews() {
        view.addSubview(collectionView)

        view.addConstraintsWithFormat(format: "H:|-15-[v0]-15-|", views: collectionView)
        view.addConstraintsWithFormat(format: "V:|-80-[v0]-140-|", views: collectionView)

    }
}

扩展2:

//configuring the dataSource and the delegate methods for the collectionView
extension ViewController: UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellId, for: indexPath) as! CustomCollectionViewCell
        cell.backgroundColor = colors[indexPath.item]
        cell.wordLabel.text = sampleWords[indexPath.item]
        print("_____________________________________")
        print(cell.isHidden)
        if cell.isHidden {
            print("CUSTOM CELL INSTANCE NOT CREATED")
        }
        print("_____________________________________")
        return cell
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return sampleWords.count
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 0
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let size = CGSize(width: collectionView.frame.width, height: collectionView.frame.height)
        return size
    }
}

CustomCollectionViewCell 类:

//custom cell class
class CustomCollectionViewCell: UICollectionViewCell {

    override init(frame: CGRect) {
        super.init(frame: frame)
        setupViews()
        print("instance of CustomCollectionViewCell is created")
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    let wordLabel: UILabel = {
        let label = UILabel()
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    private func setupViews() {
        addSubview(wordLabel)

        wordLabel.centerXAnchor.constraint(equalTo: self.centerXAnchor).isActive = true
        addConstraint(NSLayoutConstraint(item: wordLabel, attribute: .top, relatedBy: .equal, toItem: self, attribute: .top, multiplier: 1, constant: 70))
    }
}

帮助方法addConstraintsWithFormat:

//helper method to add constraints to a view
extension UIView {
    func addConstraintsWithFormat(format: String, views: UIView...){
        var viewsDictionary = [String : UIView]()
        for (index, view) in views.enumerated() {
            let key = "v\(index)"
            view.translatesAutoresizingMaskIntoConstraints = false
            viewsDictionary[key] = view
        }

        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: format, options: NSLayoutFormatOptions(), metrics: nil, views: viewsDictionary))
    }
}

这是我拥有的所有代码。一切都是在没有 Storyboard的情况下仅以编程方式完成的。

为了调试并了解自己发生了什么，我添加了一些打印语句:1) “Print”语句，如果单元格被隐藏，并且 cell.isHidden -> true -> 尚未创建自定义 CollectionViewCell 实例，则输出 bool 值。2) 在 init 方法的自定义 CollectionViewCell 类中使用“Print”语句来查看是否已创建单元格。

输出始终如下:

instance of CustomCollectionViewCell is created
______________________________________
false
______________________________________
instance of CustomCollectionViewCell is created
______________________________________
false
______________________________________
instance of CustomCollectionViewCell is created
______________________________________
false
______________________________________
______________________________________
true
CUSTOM CELL INSTANCE NOT CREATED

之后 cell.Hidden 始终返回真值。

我发现有些人也遇到了同样的问题。但解决方案对我没有帮助。因为我不在任何地方使用方法 collectionView.reloadData() 并且我无法更改单个单元格的大小。 UICollectionViewCell gets hidden randomly

Answer 1

UICollectionView 将立即在屏幕上可见的单元格出列，并以 isHidden = false 的形式将其出列，并以 isHidden = true 的形式将正在准备的屏幕外的其他单元格出列。这反射(reflect)了当您查看显示时这些单元格的实际状态。您无法通过设置 hidden = false 来覆盖此行为或 isHidden 的状态。当单元格滚动进入和退出 View 时，UICollectionView 会自动更新此状态。

我实现了类似的结构，其中 UICollectionViewCell 包含另一个 UICollectionView。 (一个在该单元格内水平滚动，第二个在该单元格内垂直滚动。)我可以明确指出，UICollectionView 单元格没有必要使用 isHidden = false 来正确布局单元格的 subview 。听起来你可能认为这个隐藏的属性是你遇到问题的原因(我一直沿着这条确切的思维路径)，但你实际上错了，问题的原因是其他的。

就我而言，根据记录，问题单元格报告自动布局约束冲突，我一直忽略它，因为我认为它不相关。解决方法是，在将 subview 添加到 UICollectionViewCell 后，我需要在单元 View 上调用 layoutSubviews() ，并在其包含的 Collection View 上调用 reloadData() 。如果我不这样做，嵌入的集合有时会起作用，但是当它重新使用以前创建的单元格而不是创建新的单元格时，它们将由于自动布局冲突而无法显示。这意味着存在到达那里的特定路径，这些路径会或不会显示问题，具体取决于在可重用的先前 View 中创建的单元格。