UICollectionView 如何显示它全部的内容

RTzhong
  • 36

我在使用UICollectionView,在storyboard中使用AutoLayout设置了CollectionView的位置和宽度,但是没有设置高度。
我想要实现的效果,让我的collectionView显示所有的CollectionViewCell(即不需要拖动),怎样才能实现?

回复
阅读 13.6k
5 个回答
JC_Hu
  • 255
[collectionView.collectionViewLayout collectionViewContentSize].height

即为所有内容的高度。

把collectionView高度更新一下就好了。

那你需要一个scrollView 把collectionView添加到scrollView上,然后(我是代码,在scrollView addsubview collectionView后)把collectionView的contentSize.height赋给scrollView的contentSize和collectionView的高度.这样你再设置collectionView不可滑动。就OK了。

如果你的 cell 够多,超出屏幕高度了怎么办?

其实直接设置高度为全屏高就好了

如果你想实现“不需要拖动就可以显示UICollectionView的全部内容”,前提是你为UICollectionView分配的layout必须要容得下所有的UICollectionViewCell.
如果满足这个前提,比如你想显示的UICollectionView包含9个cell,每个cell大小相同,就像一个九宫格。
你必须设置每个cell的frame size:

- (CGSize)collectionView:(UICollectionView *)collectionView
                  layout:(UICollectionViewLayout *)collectionViewLayout
  sizeForItemAtIndexPath:(NSIndexPath *)indexPath

Asks the delegate for the size of the specified item’s cell.
Your implementation of this method can return a fixed set of sizes or dynamically adjust the sizes based on the cell’s content.

代码片段:

    #define kCollectionViewRows 3
    #define kCollectionViewCols 3

    @property (weak, nonatomic) IBOutlet UICollectionView *myCollectionView;

    # pragma mark - Collection View Data Source Methods
    // 1个section
    - (NSInteger) numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
        return 1;
    }

    // 9个cell
    - (NSInteger) collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
        if (collectionView == self.myCollectionView) {
            return kCollectionViewRows * kCollectionViewCols;
        }
    }

    // 设置指定位置cell的frame size
    - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
        if (collectionView == self.myCollectionView) {
            CGRect collectionViewFrame = self.myCollectionView.frame;
            CGFloat cellWidth = collectionViewFrame.size.width/kCollectionViewCols;
            CGFloat cellHeight = collectionViewFrame.size.height/kCollectionViewRows;
            return CGSizeMake(cellWidth, cellHeight);
        }
    }

    // 返回指定位置的cell
    - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
        UICollectionViewCell *cell = nil;
        if (collectionView == self.myCollectionView) {
            cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"MyCollectionViewCell" forIndexPath:indexPath];
            // configure your cell
        }
        return cell;
    }    
collectCloud
  • 2
新手上路,请多包涵

return kCollectionViewRows * kCollectionViewCols;
您好,这个kCollectionViewRows是在哪里设置的属性啊??意义就是行数吗??

宣传栏