UICollection horizontally scroll, so reduce the space between cell item

Question

I take UICollectionView and set horizontal scroll. Now In this one image view is there, All working perfect except cell spacing. In collectionView I set the Minimum Spacing for cells 0 (Zero). But still Spaces is there.

My output is like that:

But I need this type of output:

And one more thing is that I refer so many answer but still no idea what to do. I use Xcode 7.0 so I need solution in swift 2.0 and if possible then also request to give answer in swift 3.0.

Did you try it with code? check this: https://stackoverflow.com/questions/28325277/how-to-set-cell-spacing-and-uicollectionview-uicollectionviewflowlayout-size-r — Dharmesh Kheni, Jul 29 '17 at 07:28
func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAtIndex section: Int) -> CGFloat { return 0 } func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize { return CGSize(width: 155, height: 155) } I also put this method of UICollectionViewDelegateFlowLayout but still not working.. — NiravS, Jul 29 '17 at 07:32
Yaa.. I put the break point into that.. So method called but not working. — NiravS, Jul 29 '17 at 07:33
@Dhamesh I already try this code but when I put that code so my scrolling became vertically.. — NiravS, Jul 29 '17 at 07:36

score 3 · Answer 1 · edited Mar 17 '22 at 15:19

3

Don't forget to set collectionview flowlayout delegate:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
            return CGSize(width: collectionViewTable.bounds.size.width/2 - 20, height: 160)

         }

func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        insetForSectionAt section: Int) -> UIEdgeInsets
    {
        return  UIEdgeInsetsMake( 5,  14, 5,  14)
    }
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAtIndex section: Int) -> CGFloat {
        return 20;
    }
    
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAtIndex section: Int) -> CGFloat {
        return 20;
    }

edited Mar 17 '22 at 15:19

mkrieger1

19,194
5
54
65

answered Jul 29 '17 at 07:36

Ramesh.G

359
1
10

I refer so many code but all about vertically scroll. My scrolling is horizontally – NiravS Jul 29 '17 at 07:43
u have to change values and test i didnt tested as per your requirement can u show the screen shot? – Ramesh.G Jul 29 '17 at 07:43
Ya.. thats working but when I put code in viewDidload() with help of UICollectionViewFlowLayout So that time not working – NiravS Jul 29 '17 at 07:48
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/150451/discussion-between-ramesh-and-niravs). – Ramesh.G Jul 29 '17 at 07:48
I have only problem of more spacing between cellItem. – NiravS Jul 29 '17 at 07:49
increase item width and try changing minimumLineSpacingForSectionAtIndex , minimumInteritemSpacingForSectionAtIndex methods decrease and check can u show screen shot – Ramesh.G Jul 29 '17 at 07:50

score 1 · Answer 2 · answered Jul 29 '17 at 16:40

You can set cells and lines spacing from size inspector.

You can also set from UICollectionViewDelegateFlowLayout.

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat

score 0 · Answer 3 · answered Jul 29 '17 at 08:36

Add following methods in your code and manipulate until your desire output.

func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CGSize(width: CGFloat(collectionView.frame.size.width/ 2 - 5), height: CGFloat(135)) // 2 is indicates number of cell in row
    }

    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        insetForSectionAt section: Int) -> UIEdgeInsets{
        return UIEdgeInsetsMake(0, 0, 0, 0)
    }

    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
        return 10.0
    }

    func  collectionView(_ collectionView: UICollectionView,
                         layout collectionViewLayout: UICollectionViewLayout,
                         minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 10.0
    }

score 0 · Answer 4 · answered Jul 29 '17 at 09:08

My code is all good. But I don't gate the out put what I want so I try new thing that give - minus value

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAtIndex section: Int) -> CGFloat {
        return -20;
    }

So only using this one method with minus value and I get my desired output. Thanks to all who try to solve this bug for me...

UICollection horizontally scroll, so reduce the space between cell item

4 Answers4

Linked