UICollectionView remove whitespace/header iOS11

Question

I have a UICollection view which looks like this (see two purple and blue borders):

On iOS 10 there is no header/whitespace, but on iOS11 there is. I've tried everything mentioned here: How can I enable/disable section headers in UICollectionView programmatically?

And my code currently looks like this:

- (void) viewDidLoad
{
    [super viewDidLoad];

    autocompleteLayout = [[SQLProAutocompleteFlowLayout alloc] init];
    autocompleteLayout.headerReferenceSize = CGSizeZero;

    autocompleteCollectionView = [[UICollectionView alloc] initWithFrame: CGRectZero
                                                    collectionViewLayout: autocompleteLayout];

    autocompleteCollectionView.insetsLayoutMarginsFromSafeArea = NO;

    [self.view addSubview: autocompleteCollectionView];

    // removed layout code (leftAnchor, rightAnchor, topAnchor, bottomAnchor).

    autocompleteCollectionView.delegate = self;
    autocompleteCollectionView.dataSource = self;

    // Removed nib register code

    self.view.layer.borderColor = [UIColor redColor].CGColor;
    self.view.layer.borderWidth = 1;

    autocompleteCollectionView.layer.borderColor = [UIColor blueColor].CGColor;
    autocompleteCollectionView.layer.borderWidth = 2;
}

- (CGSize) collectionView: (UICollectionView *) collectionView
                   layout: (UICollectionViewLayout *) collectionViewLayout
referenceSizeForHeaderInSection:(NSInteger)section
{
    return CGSizeZero;
}

- (CGSize)collectionView:(UICollectionView *)collectionView
                  layout:(UICollectionViewLayout *)collectionViewLayout
referenceSizeForFooterInSection:(NSInteger)section
{
    return CGSizeZero;
}

And my FlowLayout looks like this:

- (void) setupLayout
{
    self.minimumInteritemSpacing = 0;
    self.minimumLineSpacing      = 0;
    self.scrollDirection         = UICollectionViewScrollDirectionVertical;
} // End of setupLayout

- (void) prepareLayout
{
    [super setItemSize: [self itemSize]];
    [super setSectionInset: [self sectionInset]];
    self.minimumLineSpacing = 0;

    [super prepareLayout];
} // End of prepareLayout

- (CGFloat) itemWidth
{
    return self.collectionView.frame.size.width;
}

- (CGSize) itemSize
{
    CGSize result = CGSizeMake(self.collectionView.frame.size.width,
                               rowHeight);

    return result;
}

- (void) setItemSize:(CGSize)itemSize
{
    self.itemSize = CGSizeMake(self.collectionView.frame.size.width,
                               rowHeight);
}

- (CGPoint) targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset
{
    return CGPointZero;
}

I have also verified that the UICollectionView's contentInset is zero'd out.

What am I missing? Why does my UICollectionView still have whitespace?

try to disable viewcontroller's Adjust scrollview insets . or disable navigationbar's translucent property . [[UINavigationBar appearance] setTranslucent:NO]; — KKRocks, Jul 28 '17 at 13:07
@KKRocks just tried both. No luck (its not in a navigation controller, but gave it a shot). NRitH -- it is contained in a UIViewController. — Kyle, Jul 28 '17 at 13:11
try to set inset of collectionview [collectionView setContentInset:UIEdgeInsetsMake(0, 0, 0, 0)]; — KKRocks, Jul 28 '17 at 13:16
try this may help this also : [collectionView setContentInset:UIEdgeInsetsMake(-20, 0, 0, 0)]; — KKRocks, Jul 28 '17 at 13:23
@KKRocks that does do it... but it also makes me feel dirty! — Kyle, Jul 28 '17 at 13:24
yes but we cant help deeply without debug your code . so you can use this solution until you not getting proper solution. — KKRocks, Jul 28 '17 at 13:26
or try this also - (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section { return UIEdgeInsetsMake(-20, 5, 5, 5); } — KKRocks, Jul 28 '17 at 13:27
The delegate method does seem to make any difference. I'll stick with the -20 offset until I can figure out the underlying reasoning. Thanks again! — Kyle, Jul 28 '17 at 13:38

score 14 · Accepted Answer · answered Sep 08 '17 at 01:31

14

In iOS 11, there have been some changes to UIScrollView.

Try setting the contentInsetAdjustmentBehavior property

collectionView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;

answered Sep 08 '17 at 01:31

wsidell

712
7
14

2

If you are supporting iOS < 11: `if #available(iOS 11.0, *) { collectionView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentBehavior.never }` – vicegax Oct 13 '17 at 15:59

score 1 · Answer 2 · edited Jul 29 '17 at 15:55

1

Try this:

 self.automaticallyAdjustsScrollViewInsets = false
    - (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
        return 0;
    }

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section {
    return 0;
}


- (UIEdgeInsets)collectionView:
(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
   return UIEdgeInsetsMake(-25,0,0,0);  // top, left, bottom, right
}

edited Jul 29 '17 at 15:55

Tamás Sengel

55,884
29
169
223

answered Jul 28 '17 at 13:09

Ramesh.G

359
1
10

Thanks, gave it a shot but no change. – Kyle Jul 28 '17 at 13:12
Not sure what you mean. Screenshot is provided in the question. using `self.automaticallyAdjustsScrollViewInsets = false` results in the same as the original screenshot. – Kyle Jul 28 '17 at 13:14
where your getting space top of the collectionview? – Ramesh.G Jul 28 '17 at 13:15
try adding those delegates methods also – Ramesh.G Jul 28 '17 at 13:20
They want solution for objective C not swift . – KKRocks Jul 28 '17 at 13:28
Language does not really matter. Easy enough to convert between the two. Unfortunately adding those methods made no difference to the whitespace. – Kyle Jul 28 '17 at 13:35
try Changing top Inset to Minus as i updated Now ! Are u sure those methods are getting called ?? – Ramesh.G Jul 28 '17 at 13:37

UICollectionView remove whitespace/header iOS11

2 Answers2