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

Question

我正在做一个简单的UICollectionView启用分页机制，并且一切正常。但是，滚动到最后一页时，单元格的数量在屏幕中并不完全可见，最后一页包含上一页的一些单元格。

如何扩大UICollectionView的contentSize以便最后一页不包含上一页的任何单元格？

一个例子here：

第1页：：cell0 - cell1 - cell2 - cell3

滚动：小区2-CELL3-CELL4-cell5 //未预期：如何改变与6个细胞，这样的UICollectionView水平滚动： cell4 - 第2页中的单元格5。

摘要：

我想设置

collectionView.contentSize = numberOfPage * collectionView.frame

不

collectionView.contentSize = numberOfCell * (cellFrame + spacing)

Answer 1

您需要继承UICollectionViewLayout并覆盖collectionViewContentSize方法。我subclassed 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

您还可以调节与viewDidLayoutSubviews:米内容ethod。此方法在集合视图和所有单元格放置在view中时调用，以便您可以调整单元格。

Answer 3

我认为你必须继承UICollectionViewLayout并创建自定义布局来管理这些类型的问题。

Answer 4

对于水平分页

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 5

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

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

Answer 6

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

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

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

然后在-collectionView：numberOfItemsInSection：只是骗它：

return self.numberOfItemsPerPage * self.numberOfPages; 

当然，你将有更多的细胞比的内容，对不对？因此，在-collectionView：cellForItemAtIndexPath：只返回零的额外电池：

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; 
    } 

你去那里：满，滚动最后一页。在我看来，水平滚动模式应该默认为这个。