Check Mobile App
Read now

Compositional Layouts in Swift

Save

UITableView used UICollectionView for the more complex view and scroll left to right or top to bottom with different presentations where we have used many other UITableViewCell and UICollectionViews. So, in WWDC 2019 apple introduce a Compositional Layout(UICollectionViewCompositionalLayout) which is used to create custom UICollectionViewLayout.

Compositional layouts create with the combination of small layout groups and convert into large complex layout groups. So it will be helpful to create a complex view because it is divided into small views. It divided into four basic building blocks, and it’s a hierarchy that consists of:

Implementation of Compositional Layout:

Let’s explain the compositional layout with the examples as :

Handling Compositional Layout with Multiple Sections:

1.) Let’s create the function which returning UICollectionViewCompositionalLayout and written as :

2. ) Then add the compositional layout to our collection view, add it to the initializer, and written as:

3.) At last, it looks like as:



Handling Compositional Layout with Nested Groups:

1.) Firstly, create the function for UICollectionViewCompositionalLayout as :

2. ) Then add the compositional layout to our collection view as:

3.) At last, run it and it displayed as:

Conclusion

If you have any comments, questions, or recommendations, feel free to post them in the comment section below!

For other blogs, please click here.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

css.php

The support is fast and do everything in their power to make it perfect. If you need customization it's also done right away. I had massive research to select Mobikul and now I'm sure it was the right one.

Igor Souza

Igor Souza

Talk to Sales

Global

Live Chat
Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home