Unable to adjust cell spacing in UICollectionView

Question

I have implemented collectionView in Swift,

but the spacing between the cell increases when i check it in bigger screen iPhones.

This is the example of iphoen 5s 1:

This is the example of iphone 6 2:

here is my xcode design 3:

Where i am making mistake? can any one help me here..

Thank you in advance !

check this... http://stackoverflow.com/questions/17229350/cell-spacing-in-uicollectionview — Bhavin Bhadani, Feb 24 '16 at 05:55
check this also http://stackoverflow.com/questions/28872001/uicollectionview-cell-spacing-based-on-device-sceen-size — iAnurag, Feb 24 '16 at 06:03

score 1 · Accepted Answer · answered Feb 24 '16 at 06:39

This solved my problem..

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize
    {
        return CGSizeMake((UIScreen.mainScreen().bounds.width-15)/2,208); //use height whatever you wants.
    }

score 0 · Answer 2 · answered Feb 24 '16 at 06:10

i think you should use auto layout to make your cell's width half of CollectionView's width and minus some point, but i am not sure if this can be set in storyboard,i mostly do this in code ,use 'collectionViewFlowLayout.setItemSize' to set the item size relative to the screen width,or UICollectionViewDelegateFlowLayout will do as well;

score 0 · Answer 3 · answered Feb 24 '16 at 06:15

Do like this :

 func collectionView(collectionView: UICollectionView,
        layout collectionViewLayout: UICollectionViewLayout,
        sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize
    {
           collectionData.contentInset=UIEdgeInsetsMake(0,0,0,0)
        let screensize:CGRect=UIScreen.mainScreen().bounds
        let width=screensize.width

        if (width==320)
        {
            let size:CGSize=CGSizeMake(129,140)
            collectionData.contentInset=UIEdgeInsetsMake(0,10,0,10)
            return size
        }
        else if(width==375)
        {
            let size:CGSize=CGSizeMake(166,181)
            collectionData.contentInset=UIEdgeInsetsMake(0,0,0,0)
            return size
        }
        else if(width==414)
        {
            if(UIDevice.currentDevice().orientation .isLandscape)
            {
                let size:CGSize=CGSizeMake(300,185)
                collectionData.contentInset=UIEdgeInsetsMake(0,0,0,0)
                print("com,ing inside orientatiom");
                return size

            }
            let size:CGSize=CGSizeMake(177,185)
            collectionData.contentInset=UIEdgeInsetsMake(0,0,0,0)
            return size
        }
        let size:CGSize=CGSizeMake(358,292)
        return size


    }

score 0 · Answer 4 · answered Apr 05 '18 at 07:45

You can be adjusted common space for all device - objective c version

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

   CGFloat height = self.view.frame.size.height;
   CGFloat width  = self.view.frame.size.width;
   // in case you you want the cell to be 40% of your controllers view
   return CGSizeMake(width*0.4,height*0.4)
 }

Unable to adjust cell spacing in UICollectionView

4 Answers4