1
I want the cell to horizontaly Hug its content

UICollectionViewCompositionalLayout在水平模式下使用widthDimension: .estimated(100),应该用它来计算内容大小

但是单元格/组的宽度根本不是由内容大小计算的 ,而是设置为估计值,因为它是一个绝对值

即使向标签添加宽度约束也不会影响单元格大小

这是预期的行为吗?如果是,那为什么?以及如何获得预期的结果?

在此处输入图像描述

在此处输入图像描述

class LabelCell: UICollectionViewCell {
    @IBOutlet weak var label: UILabel!
}

class ViewController: UIViewController, UICollectionViewDataSource {

    func buildLayout() -> UICollectionViewCompositionalLayout {

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

        let groupSize = NSCollectionLayoutSize(widthDimension: .estimated(100), heightDimension: .absolute(32))
        let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitem: item, count: 1)

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

        let configuration = UICollectionViewCompositionalLayoutConfiguration()
        configuration.scrollDirection = .horizontal
        return UICollectionViewCompositionalLayout(section: section, configuration: configuration)

    }

    @IBOutlet weak var collectionView: UICollectionView!

    let items = ["1", "12", "12345", "123456789"]

    override func viewDidLoad() {
        super.viewDidLoad()
        collectionView.collectionViewLayout = buildLayout()
    }

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

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let c = collectionView.dequeueReusableCell(withReuseIdentifier: "LabelCell", for: indexPath) as! LabelCell
        c.label.text = items[indexPath.row]
        return c
    }
}
4

1 回答 1

3

要正确调整单元格大小,请更改:

let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitem: item, count: 1)

对此:

let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitems: [item])

我不确定为什么这个改变是必要的,因为这些行似乎在说同样的事情。也就是说,只要您的集合视图单元格通过覆盖、、使用自动布局等指定实际单元格大小,它将sizeThatFits(_:)起作用preferredLayoutAttributesFitting(_:)

对于它的价值,第一个函数签名的文档说:

指定一个组,该组将具有沿水平轴大小相同的N 个项目。

第二个函数签名的注释没有对同样大小的项目做出这样的声明。它说:

指定将重复项目直到可用水平空间用完的组。

于 2020-04-29T12:03:11.720 回答