swift - 具有 3 列的 UICollectionView 不会产生所需的结果

Question

我正在 iPhone XR 模拟器上对此进行测试。我有 3 行图像，我希望它们显示在 3 列中，距离顶部、左侧、右侧和底部 2 个点。这曾经有效，但由于某种原因它现在不起作用。

extension ProfileVC : UICollectionViewDelegateFlowLayout {
override func size(forChildContentContainer container: UIContentContainer, withParentContainerSize parentSize: CGSize) -> CGSize {
    return CGSize(width: collectionView.bounds.width / 3, height: collectionView.bounds.width / 3)
}

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

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
    return 0
}
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    return UIEdgeInsets(top: 2, left: 2, bottom: 2, right: 2)
}
}

这是我的结果：

Answer 1

尝试实现 sizeForItemAt indexPath 方法来修复三列的集合视图，仅根据屏幕宽度动态调整项目大小。获取屏幕宽度或集合视图宽度，然后减去您喜欢的空格 (8)，然后除以 3（3 列）。此外，从您的故事板或 nib 文件中设置 minSpacing for lines = 2 和 section insets for top = 2 并评论您的上述方法并仅实现此方法

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