Display one row in UICollectionView - Swift

Question

I'm trying to figure out how to limit a UICollectionView to display a horizontal scrollable list in a single row.

Any Ideas?

set the scrollDirection property to Vertical. And make the collection view height equal to cell height — jpulikkottil, Jun 25 '15 at 10:40
ah.. sorry. set the scrollDirection property to Horizontal :) and try ! — jpulikkottil, Jun 25 '15 at 10:53
@jpulikkottil Setting scrollDirection property to horizontal does not prevent having multiple rows. — Muhsin Zahid Ugur, Feb 06 '17 at 04:16

score 1 · Answer 1 · edited Aug 28 '17 at 12:10

I just used something that is working for me:

Set the Scroll direction to Horizontal.
Set the size of your Cells using sizeForItemAt indexPath method.
Set a constraint to your CollectionView making its height equal to (or a bit greater than) the Cell's height which you specified above.

The logic behind it:

When the height of CollectionView is equal to the height of it's items and it is set to horizontal scroll, then it can only show them in one row. I said "or a bit greater than cell's height" because if you set the height of your CollectionView twice bigger than cell's height then it can fit 2 rows of cells and it will show them in 2 rows instead of one.

Display one row in UICollectionView - Swift

1 Answers1

Linked