使用情节提要将集合视图布局设置为组合布局答案

【问题标题】：Setting collection view layout to compositional layout using storyboard使用情节提要将集合视图布局设置为组合布局
【发布时间】：2020-06-12 04:44:50
【问题描述】：

如何将集合视图流布局从情节提要更改为组合布局。所以我有一个 TabBarController 类，其中包含我从情节提要中初始化的 3 个导航控制器，如下所示。

//Storyboard is an enum that contains strings IDs that belong to controllers from main storyboard.
private func createNewViewController(storyboardIdentifier: Storyboard.Controller) -> UIViewController {
    let controller = UIStoryboard.init(name: "Main", bundle: nil).instantiateViewController(withIdentifier: storyboardIdentifier.indentifer)

    return controller
}

这就是我将控制器添加到标签栏控制器的方式。

viewControllers = [
        SearchCollectionVC(),
        //createNewViewController(storyboardIdentifier: .searchNav),
        createNewViewController(storyboardIdentifier: .todayNav),
        createNewViewController(storyboardIdentifier: .appsNav)

    ]

如果我尝试添加带有注释行的 SearchCollectionVC，我的应用程序将崩溃。它在 SearchCollectionVC 所需的 init 中执行 fatalError() 行。这就是我创建布局的方式。

init() {
    super.init(collectionViewLayout: SearchCollectionVC.createCollectionLayout())
}


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

static func createCollectionLayout() -> UICollectionViewCompositionalLayout {
    let itemSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .fractionalHeight(1))
    let item = NSCollectionLayoutItem(layoutSize: itemSize)

    let grupSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1), heightDimension: .absolute(250))
    let group = NSCollectionLayoutGroup.horizontal(layoutSize: grupSize, subitems: [item])

    let section = NSCollectionLayoutSection(group: group)
    section.interGroupSpacing = 20

    let layout = UICollectionViewCompositionalLayout(section: section)

    return layout
}

现在我尝试在 SearchCollectionVC viewDidLoad() 中执行此操作。

collectionView.collectionViewLayout = SearchCollectionVC.createCollectionLayout()

这适用于注释行并且没有 init。问题是当我旋转屏幕时会发生这种情况。

当我使用 SearchCollectionVC() 添加控制器和使用 init.现在，我不知道为什么会这样。有人可以告诉我如何能够初始化故事板控制器并将布局更改为我创建的组合布局，而不会将集合视图切成两半。谢谢

【问题讨论】：

标签： swift uicollectionview uicollectionviewcompositionallayout

【解决方案1】：

刚刚知道怎么做。必须像这样创建一个新的集合视图。

 collectionView = UICollectionView(frame: view.bounds, collectionViewLayout: SearchCollectionVC.createCollectionLayout())

【讨论】：