How to make a collection view similar to the Apple News App?

Question

I am trying to create an app that is similar to the layout in the Apple News app on iOS 10. There are different sections like Top Stories, For you, etc. I have placed a pic of the For You Section below:

The layout above has one big article on the top (the 12 billion gallons of water article) and then 2 horizontal articles (Ron howard and google cloud) and finally two vertical articles (philando castile and Daniel Day-lewis).

My question is how would one go about achieving this? What I am thinking is that you have multiple sections in a UICollectionView (a section for For you, Technology, Politics, etc) and each section has one main UICollectionView Cell. Then inside that main cell you have an additional 3 different cells (one for the big article, one for the vertical articles, and one for the horizontal articles). Is this a good way to achieve this? Like creating this many cells for one UICollectionView?

Answer 1

You can use UICollectionFlowLayout to layout anything you want.

Here is an example I made it just now.

Hope this can help.