Swift：如何在使用 snapkit 时获得正确的 UICollectionView 高度？

Question

我可能会以完全错误的方式解决这个问题，因为我尝试做的应该很简单......我有一个包含几个子视图的视图组件，其中一个是 UICollectionView。我使用 SnapKit 布局子视图。UICollectionView 是一个按钮流布局，跨越 0-n 行，按钮的数量从一开始就知道。

当我通过 SnapKit 配置约束时，集合的高度为 0，因为不存在任何项目（cellForItemAt 仍未调用）。

我将如何在 SnapKit 中动态设置集合的高度？或者有没有更好的方法来获得我正在寻找的非常基本的流程布局（动态高度调整）？

（注：代码略有简化，只显示相关部分）

class CategoryList: UIViewController, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout, UICollectionViewDelegate {

    var categories : [String]?
    var buttons = [BorderedButton]()

    private(set) lazy var collectionView: UICollectionView = {
        var flowLayout = UICollectionViewFlowLayout()
        let collectionView = UICollectionView(frame: self.view.bounds, collectionViewLayout: flowLayout)
        collectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: "collectionCell")
        collectionView.delegate = self
        collectionView.dataSource = self
        collectionView.backgroundColor = UIColor.cyan
        return collectionView
    }()

    override func loadView() {
        super.loadView()
        self.view.addSubview(collectionView)
    }

    override func viewDidLoad() {
        super.viewDidLoad()     
        setupConstraints()   
    }

    override func viewDidAppear(_ animated: Bool) {
        print("123: \(collectionView.contentSize.height)")
        //prints 47 for this particular example, however doing snp.makeConstraints
        //(or remakeConstraints) from here doesn't make any difference
        //setupConstraints()
    }

    func configure(categories:[String]) {
        self.categories = categories
        for category in categories {
            let button = BorderedButton()
            button.setTitle(category, for: .normal)
            buttons.append(button)
        }        
    }


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


    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell
    {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "collectionCell", for: indexPath)
        cell.addSubview(buttons[indexPath.row])

        //prints 47 for this particular example, however doing snp.makeConstraints
        //(or remakeConstraints) from here doesn't make any difference
        print("XYZ: \(collectionView.contentSize.height)")
        return cell
    }

    func collectionView(_ collectionView: UICollectionView,
                                 layout collectionViewLayout: UICollectionViewLayout,
                                 sizeForItemAt indexPath: IndexPath) -> CGSize
    {
        return buttons[indexPath.row].intrinsicContentSize
    }

    private func setupConstraints() {
        collectionView.snp.makeConstraints { (make) in
            make.left.top.equalToSuperview()
            make.width.equalTo(300)


            print("ABC: \(collectionView.contentSize.height)")

            //this does not work since height=0
            make.height.equalTo(collectionView.contentSize.height)

            //this works fine
            make.height.equalTo(47)
        }
    }

}  

谢谢！

编辑：添加缺少的类

感谢下面的回复。它确实有效，即使我错过了包含一半的代码，您也可以得到这个问题:-) 下面是缺失的部分，它是使用 CategoryList 的类。在您的帮助下，我让 CategoryList 动态扩展到正确的高度，这非常好。但是，它弄乱了周围视图（下面的视图 1 和视图 2）的位置。我怀疑这与

make.height.equalTo(categoryList.collectionView.snp.height)

行，也许它应该只引用 collectionView 约束属性，但我不知道应该（甚至可以）如何完成？

class PlaylistDetailsHeaderView : UITableViewCell {

    private var categoryList:CategoryList

    private(set) lazy var view1: UIView = {
        let view = UIView()
        return view
    }()

    private(set) lazy var view2: UIView = {
        let view = UIView()
        return view
    }()


    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {

        self.categoryList = CategoryList()

        super.init(style: style, reuseIdentifier: reuseIdentifier)

        self.contentView.addSubview(view1)
        self.contentView.addSubview(view2)
    }

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

    func configure() {

        let categories = ["alfa", "beta", "gamma", "fkdiii", "keoooe", "dfdsje", "jkjfldsjflsd", "alfa", "beta", "gamma", "fkdiii", "keoooe", "dfdsje", "jkjfldsjflsd"]

        categoryList.configure(categories: categories)
        self.contentView.addSubview(categoryList.view)

        setupConstraints()

    }

    private func setupConstraints() {

        view1.snp.makeConstraints { make in
            make.left.top.equalToSuperview()
        } 

        categoryList.view.snp.makeConstraints{ make in
            make.left.equalToSuperview()
            make.top.equalTo(view1.snp.bottom).offset(20)
            make.width.equalTo(300)

            make.height.equalTo(categoryList.collectionView.snp.height)   
        }

        view2.snp.makeConstraints { make in
            make.top.equalTo(categoryList.view.snp.bottom).offset(20)
        }
    }
}

Answer 1

如果我明白你的意思，我认为你应该这样做。

首先，您需要将高度存储在某处。默认为 0，或者在您的情况下为 47。

var heightConstraint: Constraint?

然后，您将像平常一样在 snapkit 中设置约束，但是当您设置高度约束时，您会将其存储在之前创建的变量中。不要忘记添加“.constraint”。

heightConstraint = make.height.equalTo(47).constraint

下一步是填充 collectionView 后，您可以再次使用 heightConstraint （如果您使变量可访问）

heightConstraint.updateOffset(collectionView.contentSize.height)