Blog

private func masonryLayout(contentInset: NSDirectionalEdgeInsets) -> UICollectionViewCompositionalLayout {
    let layout = UICollectionViewCompositionalLayout { [weak self] sectionIndex, layoutEnvironment in
    var items = [NSCollectionLayoutGroupCustomItem]()
    let snapshotItems = self?.dataSource.snapshot(for: .item).items
    let numberOfItems = snapshotItems?.count ?? 0
    let contentSize = layoutEnvironment.container.contentSize
            ...
}

let horizontalSpacing = contentInsets.leading + contentInsets.trailing
        let spacing = (columns - 1) * interItemSpacing + horizontalSpacing
        return (contentSize.width - spacing) / columns

extension UILabel {
    var textHeight: CGFloat? {
    guard let labelText = text else {
        return nil
    }
    let attributes: [NSAttributedString.Key: UIFont] = [
            .font: font
]
    let labelTextSize = (labelText as NSString).boundingRect(
            with: CGSize(width: frame.size.width, height: .greatestFiniteMagnitude),
            options: .usesLineFragmentOrigin,
            attributes: attributes,
            context: nil
        ).size
        return ceil(labelTextSize.height)
    }
}

func height(text:String, font:UIFont, numberOfLines: CGFloat, lineBreakMode: NSLineBreakMode, width:CGFloat) -> CGFloat{
    let label:UILabel = UILabel(frame: CGRect(x: 0, y: 0, width: width, height: UILabel.noIntrinsicMetric))
    label.numberOfLines = numberOfLines
    label.lineBreakMode = lineBreakMode
    label.font = font
    label.text = text
    return label.textHeight ?? 0
}

let originX = (cellWidth + interItemSpacing) * columnIndex

private func masonryLayout(contentInset: NSDirectionalEdgeInsets) -> UICollectionViewCompositionalLayout {
    let layout = UICollectionViewCompositionalLayout { [weak self] sectionIndex, layoutEnvironment in
    var items = [NSCollectionLayoutGroupCustomItem]()
    let snapshotItems = self?.dataSource.snapshot(for: .item).items
    let numberOfItems = snapshotItems?.count ?? 0
    let contentSize = layoutEnvironment.container.contentSize
    let itemProvider = MasonryLayoutProvider(
                columns: 2,
                interItemSpacing: 16,
                collectionWidth: contentSize.width,
                contentInsets: contentInset) { [weak self] row, cellWidth in
    //Use Cached Height
    if let cachedHeight = self?.cachedSize[row]?.height         {
        return cachedHeight
    }
    let height = snapshotItems?[row].estimatedHeight(width: cellWidth) ?? 0
    self?.cachedSize[row] = .init(width: cellWidth, height: height)
        return height
    }
    for i in 0..<numberOfItems {
        let item = itemProvider.makeLayoutItem(for: i)
        items.append(item)
    }
    let groupLayoutSize = NSCollectionLayoutSize(
                widthDimension: .fractionalWidth(1),
                heightDimension: .absolute(itemProvider.maxColumnHeight())
    )
            
    let group = NSCollectionLayoutGroup.custom(layoutSize: groupLayoutSize) { env in
        items
    }
    let section = NSCollectionLayoutSection(group: group)
    section.contentInsets = contentInset
    section.boundarySupplementaryItems = [
                .init(layoutSize: .init(widthDimension: .fractionalWidth(1.0), heightDimension: .estimated(10)), elementKind: UICollectionView.elementKindSectionHeader, alignment: .top)
    ]
        return section
    }
    return layout
}