UICollectionVIew: How can I remove the space on top first cell's row?

Question

I have this arrangement in Interface Builder, all properties are set to zero.

enter image description here

However, when I run it on both device and simulator it appears like this

enter image description here

Where is the space above the cells come from?

So I try to set these properties for UICollectionViewFlowLayout in code like this

UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];
    layout.headerReferenceSize = CGSizeZero;
    layout.footerReferenceSize = CGSizeZero;
    layout.sectionInset = UIEdgeInsetsMake(0, 0, 0, 0);
    layout.minimumInteritemSpacing = 0;
    layout.minimumLineSpacing = 0;
    layout.itemSize = CGSizeMake(103, 119);
    
    self.calendarView.collectionViewLayout = layout;

but I have no luck.

How can I get rid of that space?

Seryozha · Accepted Answer · 2015-02-17T14:28:22.867

108

UICollectionView is descendant of UIScrollView class which has contentInset property, setting -20 top inset fixes the problem

[self.calendarView setContentInset:UIEdgeInsetsMake(-20, 0, 0, 0)];

However, the problem comes from UIViewController's automaticallyAdjustsScrollViewInsets property. By documentation:

Default value is YES, which allows the view controller to adjust its scroll view insets in response to the screen areas consumed by the status bar, navigation bar, and toolbar or tab bar. Set to NO if you want to manage scroll view inset adjustments yourself.

That's why we get adjusted content insets for status bar. It's better to disable automatically adjusting than manually set value which doesn't match in result picture.

[self setAutomaticallyAdjustsScrollViewInsets:NO];

edited Feb 17 '15 at 14:28

answered May 21 '14 at 14:35

Seryozha

1,649
1
14
13

Although it leads me to the correct answer. I have to set edge inset as (-20,0,0,0). Don't know why it is need. But Thanks. You can edit your answer so that i can up vote it. – SaintTail May 21 '14 at 14:42
5

Ok finally i know what causes this ... I have to set self.automaticallyAdjustsScrollViewInsets = NO; and it will work correctly. (Just notice it from the amount of inset which somehow equals to status bar height) – SaintTail May 22 '14 at 16:15
Thanks, we missed that. – Seryozha May 23 '14 at 07:44
In times of iPhone X and who knows what comes next, it's wrong to assume 20 as the height of the statusbar. Always refer to the actual height, to be safe here. – d4Rk Nov 20 '17 at 10:38

Yuchen · Answer 2 · 2016-10-04T19:46:10.580

72

Another way is to select your ViewController and uncheck the checkbox Adjust Scroll View Insets in your interface builder:

It is essentially the same as the following line of code. But you got to see your changes right away in the interface builder.

automaticallyAdjustsScrollViewInsets = false

edited Oct 04 '16 at 19:46

answered Feb 07 '16 at 04:37

Yuchen

30,852
26
164
234

Thank you very much for posting this solution. It worked flawlessly! – Augusto Carmo Jul 11 '18 at 10:32

score 27 · Answer 3 · answered Apr 11 '19 at 08:22

27

iOS 11 deprecated the use of automaticallyAdjustsScrollViewInsets, so the use of collectionView.contentInsetAdjustmentBehavior = .never is advised.

answered Apr 11 '19 at 08:22

Bogdan Razvan

1,497
1
16
16

1

This is the only solution that worked for me. Thanks so much! although I used the interface builder to achieve this. – nishkaush May 17 '19 at 06:46
1

this worked for me too! I had an empty space at the top of the screen. Changing automaticallyAdjustsScrollViewInsets did nothing – Maruta Dec 11 '19 at 10:25
1

This is correct answer for those who are using UICollectionView only, thanks buddy – Akshay Jadhav Sep 11 '20 at 10:59
1

I tried many solutions but this is the only solution that worked for me. Thanks. – Guru Dev Apr 19 '22 at 18:34
I'd give you two updates, if possible. Thank you. – Robert J. Clegg May 12 '22 at 13:45

score 15 · Answer 4 · answered Sep 09 '15 at 17:28

15

Here is the answer in swift with a few adjustments:

I have a collection view that takes up a small portion of the view. I used:

self.automaticallyAdjustsScrollViewInsets = false

to remove the top spacing that was messing up my layout. This piece of code didn't work for me:

self.paperCollectionView.contentInset = UIEdgeInsetsMake(0, 0, 0, 0)

And neither did this one:

self.paperCollectionView.contentInset = UIEdgeInsetsMake(-20, 0, 0, 0)

But that might be because I'm not using a UICollectionViewController, I'm just using a UICollectionView.

Here's a bigger portion of the code to give more context:

answered Sep 09 '15 at 17:28

Rob Norback

6,401
2
34
38

Did you find the solution? I can see only the enhancement in question. I am having the same case using `UIViewController` not `UICollectionViewControllel` – umair151 May 15 '16 at 04:54
So I used `self.automaticallyAdjustsScrollViewInsets = false` and that took care of my spacing issue. Can you explain a bit more and perhaps I can help more? – Rob Norback May 16 '16 at 16:57

score 8 · Answer 5 · answered Feb 17 '15 at 19:47

You can also go with

[self.calendarView setContentInset:UIEdgeInsetsMake(0, 0, 0, 0)];
[self setAutomaticallyAdjustsScrollViewInsets:NO];

There is by default collection view header scrolling space added on the collection view and you do not need to add -20 from top because it may reflect on device issue

score 2 · Answer 6 · edited Mar 07 '19 at 10:29

2

Swift 3:

self.automaticallyAdjustsScrollViewInsets = false

edited Mar 07 '19 at 10:29

Uma Madhavi

4,851
5
38
73

answered Oct 23 '17 at 07:51

Urvish Modi

1,118
10
11

score 2 · Answer 7 · answered Jan 27 '19 at 23:56

2

You can do this in Interface Builder by going to the Scroll View section and changing the Content insets dropdown to "Never".

answered Jan 27 '19 at 23:56

elliott.io

31
2

score 1 · Answer 8 · answered Aug 07 '17 at 16:28

This answer is weird, but it works if you are working in Interface Builder and have a Collection View embedded in a View Controller that is under the control of a Tab Bar Controller that is the root view controller of a Navigation Controller.

Add a Toolbar to the View Controller that has the Collection View
Move the Toolbar in the hierarchy such that it is above the Collection View

If the Toolbar is above the Collection View, there will be no space from the top of the prototype Collection View Cell to the Collection View. If there is no Toolbar or the Toolbar is below the Collection View, then there will be space between the top of the Collection View and the Collection View Cell. This is true both in the Storyboard preview and while running the app. The same type of thing occurs for Table Views.

This was most recently tested with Xcode Version 8.3.3

UICollectionVIew: How can I remove the space on top first cell's row?

8 Answers8

Linked