ios - UICollectionView 水平分页不居中

Question

我有一个水平滚动的 collectionView，每个单元格的大小都与 View 相同。当我翻阅 collectionView 时，它不会按单元格分页。单元格不在屏幕中央。我已经尝试了很多东西来尝试修复它并且没有任何运气。这是问题的视频: https://www.youtube.com/watch?v=tXsxWelk16w有什么想法吗？

Answer 1

删除项目之间的空格。对于水平滚动的 Collection View ，将最小行间距设置为 0。您可以使用界面构建器或 UICollectionViewDelegateFlowLayout 协议(protocol)的方法来执行此操作:

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

另一种方法是使您的单元格宽度小于 collectionView 的宽度，以获得项目之间的水平空间值。然后添加部分插图，其左右插图等于项目之间水平空间的一半。例如，您的最小行距为 10:

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

- (CGSize)collectionView:(UICollectionView *)collectionView 
                  layout:(UICollectionViewLayout *)collectionViewLayout 
  sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    return CGSizeMake(collectionView.frame.size.width - 10, collectionView.frame.size.height);
}

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView 
                        layout:(UICollectionViewLayout *)collectionViewLayout 
        insetForSectionAtIndex:(NSInteger)section {
    return UIEdgeInsetsMake(0, 5, 0, 5);
}

第三种方式:在scrollViewDidEndDecelerating:方法中操作collectionView滚动:

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
    if (scrollView == self.collectionView) {
        CGPoint currentCellOffset = self.collectionView.contentOffset;
        currentCellOffset.x += self.collectionView.frame.size.width / 2;
        NSIndexPath *indexPath = [self.collectionView indexPathForItemAtPoint:currentCellOffset];
        [self.collectionView scrollToItemAtIndexPath:indexPath
                                    atScrollPosition:UICollectionViewScrollPositionCenteredHorizontally
                                            animated:YES];
    }
}