如何自定义CollectionView中每个元素的大小和间距

最新推荐文章于 2024-10-10 12:48:17 发布

转载最新推荐文章于 2024-10-10 12:48:17 发布 · 423 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/303462

本文详细介绍了如何在iOS应用中使用UICollectionViewFlowLayout协议调整每个单元格的大小为104x104，并设置了单元格间的横向间距、纵向的行间距以及单元格顶部和底部的间距。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题: 让每个元素大小变为104 x 104

Step 1:

在你的视图控制器头文件中实现UICollectionViewFlowLayout协议

eg:

@interface XXViewController : UICollectionViewController<UICollectionViewFlowLayout>

...

@end

Step 2:

设置每个单元格的大小

eg:

- (CGSize) collectionView:(UICollectionView *)collectionView
　　layout:(UICollectionViewLayout *)collectionViewLayout
　　sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
　　return CGSizeMake(104.0f, 104.0f);
}

Step 3:

设置单元格间的横向间距

eg:

- (CGFloat) collectionView:(UICollectionView *)collectionView
    layout:(UICollectionViewLayout *)collectionViewLayout
    minimumInteritemSpacingForSectionAtIndex:(NSInteger)section
{
    return 2.0f;
}

Step 4:

设置纵向的行间距

eg:

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

step 5:

通过调整inset使单元格顶部和底部都有间距(inset次序: 上，左，下，右边)

eg:

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