UICollectionView cell 的布局

UICollectionViewFlowLayout * flowLayout = [[UICollectionViewFlowLayout alloc]init];

滚动方向:

flowLayout.scrollDirection = UICollectionViewScrollDirectionHorizontal ;

行间距(最小)

flowLayout.minimumLineSpacing = 0;

列间距(最小)
    flowLayout.minimumInteritemSpacing = 30;

item大小
    flowLayout.itemSize = CGSizeMake(40, 30);

setcion 的边距
    flowLayout.sectionInset = UIEdgeInsetsMake(10, 10, 10, 10);

header 大小
    flowLayout.headerReferenceSize = CGSizeMake(320, 20);

footer大小
    flowLayout.footerReferenceSize = CGSizeMake(320, 20);

重用标志

static NSString *  cellidentifier = @"cell";

注册重用标识符
    [cView registerClass:[MyCollectionViewCell class] forCellWithReuseIdentifier:cellidentifier];

Cell 重用

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    MyCollectionViewCell * cell  = [collectionView dequeueReusableCellWithReuseIdentifier:cellidentifier forIndexPath:indexPath];
    cell.backgroundColor = [UIColor redColor];
    cell.textLavel.text = [NSString stringWithFormat:@"%ld",(long)indexPath.row];
    
    return cell;
}

时间: 2024-10-23 15:00:59

UICollectionView cell 的布局的相关文章

使用Autolayout实现UITableView的Cell动态布局和高度动态改变

本文翻译自:stackoverflow 有人在stackoverflow上问了一个问题: 如何在UITableViewCell中使用Autolayout来实现Cell的内容和子视图自动计算行高,并且能够保持平滑滚动的? 这个问题得到了300+的支持和450+的收藏,答案得到了730+的支持,很详细的说明了如何在iOS7和iOS8上实现UITableView的动态行高功能,并且这个答案对实现UICollectionView的动态行高也具有参考意义.所以在这里将这个答案翻译了一下,希望对大家有所帮助

使用Autolayout实现UITableView的Cell动态布局

如何在UITableViewCell中使用Autolayout来实现Cell的内容和子视图自动计算行高,并且能够保持平滑滚动的? 这个问题得到了300+的支持和450+的收藏,答案得到了730+的支持,很详细的说明了如何在iOS7和iOS8上实现UITableView的动态行高功能,并且这个答案对实现UICollectionView的动态行高也具有参考意义.所以在这里将这个答案翻译了一下,希望对大家有所帮助.以下是答案的全文翻译: 答案略长,如果你不喜欢细读,可以直接看这两个示例的代码: iOS

IOS UItableview UIcollectionview cell高度自适应

1.tableviewcell 高度自适应 主要方法: 计算cell高度[cell.contentview systemLayoutSizeFittingSize:UILayoutFittingCompressedSize]; // NSLayoutConstraint 使用条件 添加相对约束 ios 7.0 cell 高度计算修改: - (CGFloat)tableView:(UITableView )tableView estimatedHeightForRowAtIndexPath:(NS

iOS8自动调整UITableView和UICollectionView布局

本文讲述了UITableView.UICollectionView实现self-sizing cell布局的知识,以及如何用InvalidationContext优化UICollectionView布局的更新. 背景 iOS越来越人性化了,用户可以在设置-通用-辅助功能中动态调整字体大小了.你会发现所有iOS自带的APP的字体大小都变了,可惜我们开发的第三方APP依然是以前的字体.在iOS7之后我们可以用UIFont的preferredFontForTextStyle:类方法来指定一个样式,并让

UICollectionView 集合视图用法,自定义Cell

在View里面 //1.创建UICollectionViewFlowLayout UICollectionViewFlowLayout *flowLayout=[[UICollectionViewFlowLayout alloc] init]; //设置 //1.1设置大小 flowLayout.itemSize=CGSizeMake(90, 90); //1.2设置左右间距(注意如果给定间距,无法满足屏幕的宽度,设置无效) flowLayout.minimumInteritemSpacing=

UICollectionView自定义Layout之蜂窝布局

网上的UICollectionView的Layout布局,其cell的形状多为矩形和圆形. 本篇博文将正六边形作为cell的基本形状,为您展现独特的蜂窝布局效果及实现源码. 帮助您让自己的App脱颖而出,更加与众不同. 最新完整代码下载地址:https://github.com/duzixi/Varied-Layouts 博文首发地址:http://blog.csdn.net/duzixi 实现效果图: 核心源代码: 自定义Layout // // HoneyCombLayout.h // De

iOS 8自动调整UITableView和UICollectionView布局

本文讲述了UITableView.UICollectionView实现 self-sizing cell 布局的知识,以及如何用 InvalidationContext 优化 UICollectionView 布局的更新. 背景 iOS 越来越人性化了,用户可以在设置-通用-辅助功能中动态调 “” 阅读器 UITableViewUICollectionView (via:玉令天下的Blog) 本文讲述了UITableView.UICollectionView实现 self-sizing cell

【iOS】UICollectionView自己定义Layout之蜂窝布局

网上的UICollectionView的Layout布局,其cell的形状多为矩形和圆形. 本篇博文将正六边形作为cell的基本形状,为您展现独特的蜂窝布局效果及实现源代码. 帮助您让自己的App脱颖而出,更加与众不同. 最新完整代码下载地址:https://github.com/duzixi/Varied-Layouts 博文首发地址:http://blog.csdn.net/duzixi 实现效果图: 核心源码: 自己定义Layout // // HoneyCombLayout.h // D

Swift - 使用网格(UICollectionView)的自定义布局实现复杂页面

网格UICollectionView除了使用流布局,还可以使用自定义布局.实现自定义布局需要继承UICollectionViewLayout,同时还要重载下面的三个方法: 1 2 3 4 5 6 7 8 9 10 11 12 // 这个方法返回每个单元格的位置和大小 override func layoutAttributesForItemAtIndexPath(indexPath: NSIndexPath)     -> UICollectionViewLayoutAttributes! {