How to make a grid layout in iOS?

Question

I want to make a kind of grid layout (not scrollable) in an iOS app, similar to this:

I can do it using multiple UIView but that won't be a good solution. If I use `UICollectionView', I believe it will become scrollable? I want fixed grid items, which resize them according to screen size.

Any guidelines please?

Thanks!

https://stackoverflow.com/questions/26901286/how-to-make-uicollectionviewflowlayout-itemsize-dynamic-for-screen-size — Ellen, Sep 28 '17 at 05:29
u can manage height and width of collection view cell according to screen size — Bhavin Bhadani, Sep 28 '17 at 05:29

score 2 · Answer 1 · answered Sep 28 '17 at 05:31

You should use collection view with scrolling and bouncing disable.

It is all about your collectionview's flowlayout's item size.

You have to calculate item size receptively your screen's size.

And you can set that item size to flowlayout and can use that flowlayout with your collection view.

For example, You can refer this so post.

score 0 · Answer 2 · answered Sep 28 '17 at 06:39

If you just want fixed 3x2 layout scaling to any screen size then multiple UIView is a good solution for this and exactly what you should do.

Also make a RestaurantView UIView subclass to configure and display the image/rating/title/description/etc details for each restaurant.

-

If you want the number of restaurants to change depending on screensize then use a UICollectionView with ResturantCollectionViewCell instead.

How to make a grid layout in iOS?

2 Answers2