改善復雜集合視圖構造中的滾動

Question

我正在研究一個靈活的表單組件，該組件基本上由具有集合視圖的UIViewController組成，該組件可以具有該類的無限嵌套的視圖控制器。 在當前狀態下，它或多或少都可以正常工作，但是不幸的是滾動不穩定，而且我還沒有找到解決該問題的方法。 也許你們當中有人想出一個好的解決方案。 我還嘗試過緩存視圖控制器，這有助於實現平滑的滾動，但是不幸的是，有了該解決方案，我開始出現顯示問題。 有時，單元格的內容只是消失了，我無法弄清其原因。

這是完整項目的鏈接： https : //d.pr/f/0ij57m

該項目的主要部分基本上是這個FlexibleViewController（通過情節提要設計）

class FlexibleViewController: UIViewController {

    var dataForDatasource = Array<Component>()
    var datasource: UICollectionViewDataSource?

    @IBOutlet var collectionView: UICollectionView! {
        didSet {
            let datasource = MyDatasource(data: dataForDatasource, parentController: self)
            self.datasource = datasource
            self.collectionView.dataSource = datasource
            self.collectionView.delegate = datasource
        }
    }

    override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
        super.viewWillTransition(to: size, with: coordinator)
        self.view.setNeedsLayout()
        self.collectionView?.collectionViewLayout.invalidateLayout()
    }

    func invalidateLayout() {
        self.collectionView.collectionViewLayout.invalidateLayout()
        if let controller = self.parent as? FlexibleViewController {
            controller.invalidateLayout()
        }
    }
}

而這個數據源：

    class MyDatasource: NSObject, UICollectionViewDataSource, UICollectionViewDelegate {

    weak var parentController: UIViewController!
    var components: Array<Component>!

    init(data: Array<Component>, parentController: UIViewController) {
        self.components = data
        self.parentController = parentController
    }

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

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let component = components[indexPath.row]

        var cell: UICollectionViewCell?
        if component.subComponents.count > 0 {
            let collectionCell = collectionView.dequeueReusableCell(withReuseIdentifier: "collection", for: indexPath) as! TestCell

            let storyboard = UIStoryboard(name: "Main", bundle: nil)
            let vs = storyboard.instantiateViewController(withIdentifier: "flexi") as! FlexibleViewController
            vs.dataForDatasource = component.subComponents

            parentController.addChild(vs)
            collectionCell.addSubview(vs.view)
            vs.collectionView.backgroundColor = component.backgroundColor
            vs.didMove(toParent: parentController)
            collectionCell.controller = vs

            cell = collectionCell
        } else {
            cell = collectionView.dequeueReusableCell(withReuseIdentifier: "default", for: indexPath)
            cell!.backgroundColor = component.backgroundColor
        }

        return cell!
    }
}

extension MyDatasource: UICollectionViewDelegateFlowLayout {

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        var sizeForItem: CGSize
        let component = components[indexPath.row]
        var width = Int(collectionView.frame.size.width)
        if component.width != -1 && component.width < width {
            width = component.width
        }

        var height: Int = 50
        if component.subComponents.count > 0 {
            let collectionView = UICollectionView(frame: CGRect(x: 0, y: 0, width: width, height: height), collectionViewLayout: UICollectionViewFlowLayout())
            let datasource = MyDatasource(data: component.subComponents, parentController: UIViewController())
            collectionView.dataSource = datasource
            collectionView.delegate = datasource
            collectionView.reloadData()
            height = Int(collectionView.collectionViewLayout.collectionViewContentSize.height)
            sizeForItem = CGSize(width: width, height: height)
        } else {
            sizeForItem = CGSize(width: width, height: height)
        }
        return sizeForItem

    }
}

如您所見，當該組件具有多個組件時，將通過情節提要實例化具有集合視圖的新控制器，這可能並不理想（盡管並不像我預期的那樣昂貴）。 我試圖重新初始化viewDidLoad中的所有控制器，但是就像我在介紹中所說的那樣，該解決方案遇到顯示問題。

該單元格非常簡單，看起來像這樣：

class TestCell: UICollectionViewCell {
    var controller: UIViewController?

    override func prepareForReuse() {
        super.prepareForReuse()
        controller?.willMove(toParent: nil)
        controller?.removeFromParent()
        controller?.view.removeFromSuperview()
    }
}

組件類如下所示：

class Component {
    var generatedId = NSUUID().uuidString
    var identifier: String?
    var subComponents = Array<Component>()
    var width: Int! = -1
    var type: String! = "default"
    var backgroundColor: UIColor! = .white
    var isOpen: Bool = false
}

在此先感謝您的幫助！ :-)

Answer 1

您應該看看Apple關於預取集合視圖數據的出色文檔。

它包含一個（Swift）示例項目，並大量使用OperationQueue和NSCache 。

基本思想是“預取”並緩存下一個項目，然后顯示它們以進行平滑滾動。 向后滾動時，將從緩存中獲取項目。