设置 contentInset 后 UICollectionView 不滚动答案

【问题标题】：UICollectionView doesn't scroll after setting contentInset设置 contentInset 后 UICollectionView 不滚动
【发布时间】：2017-08-09 02:12:28
【问题描述】：

我有一个水平滚动并跨越其父视图的整个宽度的集合视图。我实现分页的廉价方法是将单元格宽度设置为集合视图宽度的 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 会破坏滚动以及如何解决？

【问题讨论】：

developer.apple.com/library/content/documentation/WindowsViews/… 使用 Section Insets 调整内容的边距 Section insets 是一种调整可用于布置单元格的空间的方法。图 3-5 部分插图更改了用于布置单元格的可用空间。这行得通吗？
哎呀，是的！你想把它作为答案发布吗？

标签： ios uicollectionview uicollectionviewlayout

【解决方案1】：

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

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

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

图 3-5 部分插图改变了布局单元格的可用空间

【讨论】：