A flow layout that is used to display cells with dynamic height in multiple columns
This project contains a simple flow layout class that allows you to fill the screen with cells of varying height in multiple
columns.
All you have to do is set the class in the flow layout section of the collectionview ,number of columns and the padding
in the IBInspector, required section insets and your good to go.
In my project i have set a top/left/bottom/right section inset of 20 and a padding of 20.
Oh ya , one more thing implement the DynamicHeightFlowLayoutDelegate as so
guard let feedLayout = self.collectionView.collectionViewLayout as? DynamicHeightFlowLayout else{
assertionFailure("could not get feed layout")
return
}
feedLayout.delegate = self
and then provide the height for each item in the method
func heightForItem(at indexPath: IndexPath) -> CGFloat {
var height:CGFloat = 0
switch indexPath.item {
case 0 :
height = 170
case 1 :
height = 150
case 2 :
height = 179
case 3 :
height = 350
case 4 :
height = 379
case 5 :
height = 300
case 6 :
height = 192
default :
height = 100
}
return height
}
This repo also contains the drag-drop feature for UICollectionView , have a look at the implementation if needed.