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.

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

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?

Answer 1

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]; 

Answer 2

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