ios - 根据内容使 Collection View 高度动态

Question

我有一个 Collection View ，其中包含一个宽度不同的单元格(其中有一个标签):

public class TagView: UIView {

    let textLabel: UILabel = {
        let label = UILabel()
        label.textColor = .black
        label.textAlignment = .center
        label.font = UIFont.systemFont(ofSize: 15)
        return label
    }()

    override init(frame: CGRect) {
        super.init(frame: frame)
        setupView()
        setupLabel()
    }

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

    private func setupView() {
        backgroundColor = #colorLiteral(red: 0.03529411765, green: 0.6862745098, blue: 0.003921568627, alpha: 1)
        backgroundColor = backgroundColor
        layer.cornerRadius = 3
        layer.masksToBounds = true
    }

    private func setupLabel() {
        addSubview(textLabel)
        textLabel.fillToSuperview(constant: 3)
    }
}

如何使 Collection View 的高度动态化？问题是在初始化时我不知道应该给 Collection View 什么框架，所以我只给零:

let layout = UICollectionViewFlowLayout()
let collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)

如何使 Collection View 高度动态化？

我还研究了 sizeForItem 方法:

public func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let view = TagView()
    let data = tags[indexPath.row]
    view.textLabel.text = data
    view.layoutSubviews()
    return view.frame.size
}

但我认为这会返回零宽度和高度的大小。

Answer 1

这里首先设定一个假设的高度，但是宽度应该是已知的

let collectionView = UICollectionView(frame:CGRect(x:0,y:20,width:self.view.frame.width,height:300), collectionViewLayout: layout)

然后在 sizeForItemAt

let fixedWidth = (collectionView.frame.width - 40 ) / 5   // say here you need 5 items / row
let label = UILabel() 
label.numberOfLines = 0
label.font = UIFont.systemFont(ofSize: 15)
let si = label.sizeThatFits(CGSize(width:fixedWidth, height: CGFloat.greatestFiniteMagnitude))
// si.height is the needed height with 6 padding from top and bottom according to your constant in tagView
return CGSize(width:fixedWidth + 6.0 ,height:si.height)

对于总高度，从上面创建一个函数并用你所有的项目调用它然后添加高度并将它们设置为 collectionView 的高度