ios - 设置 contentInset 后 UICollectionView 不滚动

Question

我有一个水平滚动并跨越其父 View 的整个宽度的 Collection View 。我实现分页的廉价方法是将单元格宽度设置为等于 Collection View 宽度的 1/3，并将宽度设置为与左右内容插图相同的宽度。

我在 IB 中禁用滚动并替换为左右滑动识别器。我的代码几乎可以在不设置 contentInset 的情况下运行，但是设置 contentInset 似乎可以防止发生任何滚动

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];

    CGFloat itemWidth = self.collectionView.bounds.size.width/3.0;
    NSInteger count = [self collectionView:self.collectionView numberOfItemsInSection:0];
    self.collectionView.contentSize = (CGSize){ .width=itemWidth*count, .height=self.collectionView.bounds.size.height };
    // uncomment this line, and the scroll code in the swipes below fails to work
    //self.collectionView.contentInset = UIEdgeInsetsMake(0, itemWidth, 0, itemWidth);
    self.collectionView.contentOffset = (CGPoint){ .x=self.collectionView.contentSize.width/2.0, .y=0 };
}

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    CGFloat width = self.view.bounds.size.width/3.0;
    return (CGSize){ .width=width, .height=collectionView.bounds.size.height };
}

此代码处理滑动...

- (NSIndexPath *)centerIndexPath {
    CGRect visibleRect = (CGRect){.origin = self.collectionView.contentOffset, .size = self.collectionView.bounds.size};
    CGPoint visiblePoint = CGPointMake(CGRectGetMidX(visibleRect), CGRectGetMidY(visibleRect));
    return [self.collectionView indexPathForItemAtPoint:visiblePoint];
}

- (void)swipeLeft:(UISwipeGestureRecognizer *)gr {
    NSIndexPath *centerIndexPath = [self centerIndexPath];
    NSLog(@"at %@", centerIndexPath);

    if (centerIndexPath.row < [self collectionView:self.collectionView numberOfItemsInSection:0]-1) {
        [self.collectionView scrollToItemAtIndexPath:centerIndexPath atScrollPosition:UICollectionViewScrollPositionLeft animated:YES];
    }
}

- (void)swipeRight:(UISwipeGestureRecognizer *)gr {
    NSIndexPath *centerIndexPath = [self centerIndexPath];
    NSLog(@"at %@", centerIndexPath);

    if (centerIndexPath.row > 0) {
        [self.collectionView scrollToItemAtIndexPath:centerIndexPath atScrollPosition:UICollectionViewScrollPositionRight animated:YES];
    }
}

除了我在上面的设置中设置 contentInsets 之外，所有这些都有效。然后，即使我在调试器中到达 scrollToItemAtIndexPath: 代码，也不会发生滚动。

拥有这些插图很重要，因为我希望用户了解中心项目是所选项目。

有人可以解释为什么 contentInset 会破坏滚动以及如何修复吗？

Answer 1

看起来 UICollectionView 有自己的内置方式来处理插入:

https://developer.apple.com/library/content/documentation/WindowsViews/Conceptual/CollectionViewPGforIOS/UsingtheFlowLayout/UsingtheFlowLayout.html#//apple_ref/doc/uid/TP40012334-CH3-SW1

使用部分插入调整内容的边距部分插图是一种调整可用于布置单元格的空间的方法。您可以使用 insets 在节的页眉 View 之后和页脚 View 之前插入空格。您还可以使用 insets 在内容的两侧插入空格。图 3-5 演示了插入如何影响垂直滚动流布局中的某些内容。

图 3-5 Section insets 改变布局单元格的可用空间