［分享］iOS开发－UICollectionViewCell 布局

最新推荐文章于 2025-08-16 22:13:48 发布

weixin_33885676

最新推荐文章于 2025-08-16 22:13:48 发布

阅读量98

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：https://segmentfault.com/a/1190000004529013

本文详细介绍了如何使用UICollectionViewLayout来设置UICollectionView的大小、间距等属性。包括定义每个Item的大小、UICollectionView的margin以及各小单元间的间距。

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

//定义每个Item 的大小  
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath  
{  
    return CGSizeMake(kImageHeight, kImageHeight);  
}

 //定义每个UICollectionView 的 margin  
-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section  
{  
    return UIEdgeInsetsMake(0, 0, 0, 0);  
} 


-(CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section{  
    CGFloat width = collectionView.frame.size.width - 5*kImageHeight;  
    return width/5.0;  
}

将collectionview加到tableviewcell上的效果：
Center

-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath设定没个小单元格大小，图中就是指每个小图

-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section设定整个collection的cell行间距（上下左右边距）

-(CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section设定collectionview中没个小单元的间距，如图中图片与图片的间距，动态计算的话，需要这三个协议都实现

demo代码：

-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
    
    return CGSizeMake(self.view.frame.size.width/4.5,75);//宽度自适应屏幕
    //注意，每一个item之间是存在间距的，所以要预留出间距，否则会超出预设宽度
}

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

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

分享来源：
http://blog.youkuaiyun.com/wxw55/ar...