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?

https://github.com/cp-satish-v/MosaicLayoutDemo – SPatel Mar 31 '21 at 09:34 — SPatel, Mar 31 '21 at 09:34

Dejan Atanasov · Answer 1 · 2017-05-25T20:24:59.393

10

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)

}

edited May 25 '17 at 20:24

answered May 25 '17 at 14:16

Dejan Atanasov

1,202
10
13

1

Can you paste your cellforRowAtItem and numberOfItemsInSections delegate methods here? – Dejan Atanasov May 25 '17 at 20:25
Great , Working for me :) – Jaywant Khedkar Sep 25 '19 at 07:49

score 5 · Answer 2 · answered May 26 '17 at 05:20

5

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.

answered May 26 '17 at 05:20

Parth Adroja

13,198
5
37
71

Okey, Still i am looking for simple way like scale cell size. custom layout is last option for me. Thank you – Ujesh May 26 '17 at 05:41
@Ujesh CollectionView is meant to be used with the layout. There is no other way you would achieve it. Else another way would be ScrollView + UIView which would make it difficult to manage things. – Parth Adroja May 26 '17 at 06:31

score 0 · Answer 3 · answered May 25 '17 at 14:31

0

many ways to do this below links.

answered May 25 '17 at 14:31

Bharat Bapodara

86
2
4

1

i know about this library, need simple Solution. -> Is this possible without creating a custom UICollectionViewLayout? – Ujesh May 25 '17 at 17:15

score 0 · Answer 4 · answered Feb 08 '23 at 20:10

The answer from @Dejan Atanasov but for Swift 5

extension MainLobbyVC: UICollectionViewDelegateFlowLayout {
    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        
        let width : CGFloat
        let height : CGFloat
        if indexPath.item == 0 {
            width = 100
            height = 100
        } else {
            width = 50
            height = 50
        }
        return CGSizeMake(width, height)
    }
}

UICollectionView with different cell size

4 Answers4