UICollectionView with different cell size

Question

My goal is to create a UICollectionView with a layout as depicted below.

Answer 1

Use UICollectionViewDelegateFlowLayout method.

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {

        let width : CGFloat
        let height : CGFloat

        if indexPath.item == 0 {
            width = 100
            height = 100
        } else {
            width = 50
            height = 50
        }
        return CGSizeMake(width, height)

}

Answer 2

many ways to do this below links.

• https://stackoverflow.com/a/34654076/5054123
• https://github.com/bryceredd/RFQuiltLayout
• https://github.com/betzerra/MosaicLayout

Answer 3

Without creating a custom layout of collection view it is not possible to achieve what you want.

You can create custom cell size using its delegate method sizeforitematindexpath.

Also, check this link which helps to create a custom layout.