1

我想让第一部分的单元格是集合视图的全宽，第二部分是宽度的一半。启动时，单元格不尊重给定的宽度，尽管似乎尊重了高度。几秒钟后，collection view 被重新加载，并且大部分时间它将单元格设置为正确的大小。当手机的方向变为横向时，单元格将再次以不正确的尺寸绘制。

我尝试使用 UICollectionViewDelegateFlowLayout 和 sizeForItemAt 委托函数来设置单元格大小，但即使正在调用该函数，它们也不遵循给定的大小。

目前，我正在设置部分插图，然后计算集合视图边界中单元格的剩余可用宽度，然后将宽度除以每行的单元格数。

class HomeCollectionViewController: UICollectionViewController, UICollectionViewDelegateFlowLayout {

    let sectionInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)

    override func viewDidLoad() {
        super.viewDidLoad()

        self.collectionView?.contentInsetAdjustmentBehavior = .always
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize {
        return CGSize(width: collectionView.frame.width, height: 44)
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
        return self.sectionInsets
    }

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

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

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        var numberOfItemsPerRow: CGFloat = 1
        var height: CGFloat = 0

        switch indexPath.section {
        case 0:
            numberOfItemsPerRow = 1
            height = 97
        case 1:
            numberOfItemsPerRow = 2
            height = 126
        default:
            break
        }

        let padding = self.sectionInsets.left * (numberOfItemsPerRow + 1)
        let availableWidth = collectionView.bounds.size.width - padding
        let width = availableWidth / numberOfItemsPerRow

        return CGSize(width: width, height: height)
    }
}

这会导致单元格的大小不正确，如下图所示。不正确的示例图像

只有在重新加载集合视图之后才能正确调整它们的大小。正确的示例图像

此外，当手机变成横向时，它会显示不正确。不正确的风景示例图像

总结一下我的问题，第一部分的单元格应始终占可用宽度的 100%。如果可能的话，如果他们有一个自动高度，那将是非常好的。我试过使用 UICollectionViewFlowLayout.automaticSize.height 但我认为这行不通。对于第二部分，它需要始终占据可用宽度的 50%。

4

2 回答 2

7

如果您使用 Storyboard 创建 CollectionView。

我想我必须invalidateLayout()。事实证明，iOS 13 存在一个奇怪的错误。

您必须创建自己的 UICollectionViewFlowLayout。在你的调用这样的东西viewDidLoad()


        collectionView.collectionViewLayout = {
            let flowLayout = UICollectionViewFlowLayout()
            flowLayout.scrollDirection = .horizontal
            return flowLayout
        }()
于 2020-06-27T16:17:55.373 回答
2

您必须使布局无效viewDidLayoutSubviews才能重新计算单元格的大小。我附上了代码片段。试试这个

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews() 
    collectionView.collectionViewLayout.invalidateLayout()
}
于 2019-10-08T18:31:31.767 回答