UICollectionView with different cell size

Question

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

Is this possible without creating a custom UICollectionViewLayout ?

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

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.

Answer 3

many ways to do this below links.

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