UICollectionView中的方形单元格布局

时间:2015-10-09 13:58:03

标签: ios objective-c uicollectionview uicollectionviewcell uicollectionviewlayout

我正在构建一个ios应用程序,我需要以横向模式连续显示8个单元格。 此外,必须有5行,将显示总共40个单元格。它必须独立于设备,无论是iPad还是iPhone,都必须提供相同的外观。

2 个答案:

答案 0 :(得分:0)

确保您实施UICollectionViewDelegate and UICollectionViewDataSource

然后分配委托和数据源: myCollectionView.delegate = self; myCollectionView.dataSource = self;

然后使用collectionView的数据源和委托方法在视图控制器中传递信息:

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath

- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView { }

- (NSInteger)collectionView:(UICollectionView *)collectionView

你可能希望每个8个项目有5个部分,或者只有一个40个部分的大部分

如果要指定集合视图单元格的大小,请实现UICollectionViewDelegateFlowLayout  然后你可以使用委托方法:

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

指定大小。这样你可以设置你的视图,这样你就可以同时显示所有5行8个

答案 1 :(得分:0)

Jpark822的答案是正确的,但是你会对细胞的间距和偏移感到困惑。

你可以做的是使用UICollectionViewFlowLayout子类:

我们称之为PrettyLayout!

@implementation PrettyFlowLayout

#define itemCountPerLine 8
#define itemCountPerColumn 5

-(void) prepareLayout
{
    CGFloat lineSpacing = ([self collectionViewContentSize].width - self.itemSize.width * itemCountPerLine) / (itemCountPerLine + 1);
    CGFloat interItemSpacing = ([self collectionViewContentSize].height - self.itemSize.height * itemCountPerColumn) / (itemCountPerColumn + 1);

    self.minimumLineSpacing = lineSpacing;
    self.minimumInteritemSpacing = interItemSpacing;

    self.sectionInset = UIEdgeInsetsMake(interItemSpacing, lineSpacing, interItemSpacing, lineSpacing);
}

- (CGSize)itemSize
{
    int size;

    size = (int) MIN(self.collectionView.frame.size.width / itemCountPerLine, self.collectionView.frame.size.height / itemCountPerColumn )

    return CGSizeMake((CGFloat)size, (CGFloat)size);
}

@end

然后你需要做的就是将PrettyLayout的一个实例声明为你的集合视图的布局。

PS:没试过我的代码,希望它能正常工作