如何在启用分页时展开UICollectionView contentSize

Question

我正在制作一个启用了分页机制的简单UICollectionView，一切都很好。不过，当滚动到最后一页时，屏幕上的单元格数量并不完全可见，并且最后一页包含前一页的一些单元格。

如何展开UICollectionView的contentSize，使最后一页不包含前一页的任何单元格？

这里有一个例子：UICollectionView用6个单元格水平滚动，这样：

• 第1页：

  cell0 - cell1 - cell2 - cell3

• 第2页：

  应为cell4 - cell5，但出乎意料的是

  cell2 - cell3 - cell4 - cell5

如何更改？

摘要：

我想设置

collectionView.contentSize = numberOfPage * collectionView.frame

不

collectionView.contentSize = numberOfCell * (cellFrame + spacing)

Answer 1

您需要对UICollectionViewLayout进行子类化并覆盖collectionViewContentSize方法。我将UICollectionViewFlowLayout划分为子类，这样就不必重写所有布局代码。

我正在构建一个4x4网格，所以我的方法看起来像这样：

- (CGSize)collectionViewContentSize
{    
    NSInteger itemCount = [self.collectionView numberOfItemsInSection:0];
    NSInteger pages = ceil(itemCount / 16.0);
    return CGSizeMake(320 * pages, self.collectionView.frame.size.height);
}

请注意，使用自定义布局时，将无法在界面生成器中设置某些显示特性。您可以在自定义UICollectionViewLayout子类的init方法中用程序设置它们。这是我的参考：

- (id)init
{
    self = [super init];
    if (self) {
        [self setup];
    }
    return self;
}
- (id)initWithCoder:(NSCoder *)aDecoder
{
    self = [super init];
    if (self) {
        [self setup];
    }
    return self;
}
- (void)setup
{
    self.itemSize = CGSizeMake(65.0f, 65.0f);
    self.minimumLineSpacing = 15;
    self.sectionInset = UIEdgeInsetsMake(7.5f, 7.5f, 30.0f, 7.5f);
    [self setScrollDirection:UICollectionViewScrollDirectionHorizontal];
}

Answer 2

对于水平分页

if(CollectionView.pagingEnabled)
{
    int numberOfPages = floor(collectionView.contentSize.width /
                      collectionView.frame.size.width) + 1;
                             CGFloat 
    float requierdWidth=self.collectionView.frame.size.width*numberOfPages;
    self.Layout.footerReferenceSize=CGSizeMake(requierdWidth-self.collectionView.contentSize.width,0);
}

Answer 3

答案很好，尽管对于我们的代码，我们每页有一个部分。所以这意味着我们布局类的覆盖只是

-(CGSize) collectionViewContentSize {
    return CGSizeMake(CGRectGetWidth(self.collectionView.frame) * 
                 [self.collectionView numberOfSections],
                 CGRectGetHeight(self.collectionView.frame)) ;
}

Answer 4

我认为您必须将UICollectionViewLayout子类化，并创建自定义布局来管理此类问题。

Answer 5

我有一个不需要任何子类化的答案。

在-viewDidLoad中，计算每页将有多少项目，以及将有多少页面。将这些值存储在属性中。

    self.numberOfItemsPerPage = NumberOfRows * NumberOfColumns;
    self.numberOfPages = ceilf((CGFloat)self.items.count / (CGFloat)self.numberOfItemsPerPage);

然后在-collectionView:numberOfItems选择：撒谎：

    return self.numberOfItemsPerPage * self.numberOfPages;

你当然会有更多的单元格而不是内容，对吧？所以在collectionView:cellForItemAtIndexPath:只为额外的单元格返回nil:

    if (indexPath.item > [self.items count] - 1) {
    //We have no more items, so return nil. This is to trick it to display actual full pages.
    return nil;
    }

好了：完整的、可滚动的最后一页。在我看来，水平滚动模式应该默认为这样。

Answer 6

您可以使用viewDidLayoutSubviews:方法调整内容。当集合视图和所有单元格都放置在view中时，会调用此方法，以便您可以调整单元格。