4

TLDR；根据部分，我需要调整单元格的大小：

  1. 固定宽度但动态高度（例如，全屏宽度和自动高度取决于内容）
  2. 动态宽度但固定高度（第一个单元格可以是 120pt 宽，第二个单元格可以是 155pt 宽，等等。）

这是我们需要清除可能存在的任何歧义的象形图。 在此处输入图像描述

我只是在寻找：“是的，你可以通过组合布局来实现这一点，这就是如何......”。或者“不，你不能用组合来实现这个，你必须使用流布局或其他一些自定义布局。”

几个额外的要求：

  1. 建议的解决方案不建议将collectionView(_:layout:sizeForItemAt:)与流布局一起使用，因为这是我们试图避免的事情。如果这是答案，那么您可能会简单地说 - “不，这无法通过组合布局实现”。
  2. 建议的解决方案应该让集合视图根据它们的内在内容大小来确定如何适当地放置单元格。这类似于使用 tableview 的动态自调整大小功能UITableViewAutomaticDimension

背景资料：

  • 很清楚如何使用组合布局来实现全宽但动态高度的单元格。看到这个交流。
  • 此处和此处记录了具有自动内容大小的流布局的已知限制。那是写了一本O'Reilly 书籍的人。基本上他说没有真正的自动调整流布局，尽管苹果声称有。因此，我们试图通过组合布局来解决这个问题。
4

1 回答 1

9

您可以使用UICollectionViewCompositionalLayout. 就是这样：

let layoutSize = NSCollectionLayoutSize(
    widthDimension: .estimated(100),
    heightDimension: .absolute(32)
)

let group = NSCollectionLayoutGroup.horizontal(
    layoutSize: .init(
        widthDimension: .fractionalWidth(1.0),
        heightDimension: layoutSize.heightDimension
    ),
    subitems: [.init(layoutSize: layoutSize)]
)
group.interItemSpacing = .fixed(8)

let section = NSCollectionLayoutSection(group: group)
section.contentInsets = .init(top: 0, leading: 16, bottom: 0, trailing: 16)
section.interGroupSpacing = 8

return .init(section: section)

重要的部分是该组使用 占用可用宽度.fractionalWidth(1.0)，但子项具有估计的宽度。只需确保您的集合视图单元格可以通过覆盖sizeThatFits(_:)或preferredLayoutAttributesFitting(_:)使用自动布局来调整大小。结果将是一个如下所示的布局：

在此处输入图像描述

要在相同的 中使用“第 1 节”和“第 2 节” UICollectionViewCompositionalLayout，只需使用 创建布局init(sectionProvider:)，在其中返回适合NSCollectionLayoutSection当前节标识符的位置：

func createCollectionViewLayout() -> UICollectionViewCompositionalLayout {
    .init(sectionProvider: { [weak self] sectionIndex, _ in
        guard let sectionIdentifier = self?.dataSource.snapshot().sectionIdentifiers[sectionIndex] else { return nil }
        switch sectionIdentifier {
        case .section1: return self?.createSection1()
        case .section2: return self?.createSection2()
        }
    })
}

值得注意的是，如果您的视图控制器pageSheet在 iOS 13+ 上使用默认样式呈现，您可能会在此布局中看到一些奇怪的行为。我在这里有一个相关的问题（使用稍微不同的布局）。

于 2020-05-27T09:12:25.177 回答