How to remove space between cells in UICollectionView?

Question

How to remove space between two cells in UiCollectionView? Min spacing is not working.

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
    if (collectionView.tag==101)
    {
        return CGSizeMake((_collView.frame.size.width),(_collView.frame.size.height));

    }
    else
    {
       return CGSizeMake((_collView2.frame.size.width/3)-20,300);
    }
}

But this is not working.

Vikky · Answer 1 · 2017-07-14T08:34:09.023

* *

Set Min Spacing for cells and for Lines to Zero and replace your code by

- (CGSize)collectionView:(UICollectionView *)collectionView layout:       (UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:   (NSIndexPath *)indexPath
{
if (collectionView.tag==101)
{
    return CGSizeMake((_collView.frame.size.width),(_collView.frame.size.height));
}
else
{
   return CGSizeMake((_collView2.frame.size.width/3),300);
}
 }

score 12 · Answer 2 · answered Jul 13 '17 at 19:42

Use UICollectionViewFlowLayout for those purposes:

UICollectionViewFlowLayout *flow = [[UICollectionViewFlowLayout alloc] init];
flow.itemSize = CGSizeMake(cellWidth, cellHeight);
flow.scrollDirection = UICollectionViewScrollDirectionHorizontal;
flow.minimumInteritemSpacing = 0;
flow.minimumLineSpacing = 0;

score 1 · Answer 3 · answered Jul 13 '17 at 19:23

1

This happens because of how UICollectionviewFlowLayout works. You could provide a custom collectionview layout: Left Align Cells in UICollectionView

Or use a 3d party solution: https://github.com/mokagio/UICollectionViewLeftAlignedLayout

answered Jul 13 '17 at 19:23

Nikita Gaidukov

761
4
13

score 0 · Answer 4 · answered Jul 14 '17 at 05:06

use this code, based on your design adjust the width and height.

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath: (NSIndexPath *)indexPath {

CGSize s = CGSizeMake([[UIScreen mainScreen] bounds].size.width/2-10,
[[UIScreen mainScreen] bounds].size.height/2.9-7);
return s;
 }

bellow code adjust the edges of collection view

- (UIEdgeInsets)collectionView:
(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
return UIEdgeInsetsMake(2, 6,2, 6);
}

Use both delegates and change the width and height

score -2 · Answer 5 · answered Jul 13 '17 at 19:24

A method called minimumInteritemSpacingForSectionAtIndex from UICollectionViewFlowLayoutDelegate could help you. The minimunIteritemSpace set the space beetween items horizontally, for example try this code:

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionView *)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section  
{ 
  return 0; // This is the minimum inter item spacing, can be more
}

Also you can use the edgeInsets to change the space beetween items.

This will join columns, rows will still be separated. – Ashutosh Shukla Oct 15 '19 at 11:54 — Ashutosh Shukla, Oct 15 '19 at 11:54

score -2 · Answer 6 · answered Jul 14 '17 at 08:32

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section
{


return 10.0;
}

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section
{


return 10.0;
}
- (UIEdgeInsets)collectionView:
(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section
{


// return UIEdgeInsetsMake(0,8,0,8);  // top, left, bottom, right
return UIEdgeInsetsMake(20,20,20,20);  // top, left, bottom, right
}

How to remove space between cells in UICollectionView?

6 Answers6