iOS流布局UICollectionView系列三——使用FlowLayout进行更灵活布局(二)

简介: iOS流布局UICollectionView系列三——使用FlowLayout进行更灵活布局

三、UICollectionViewFlowLayout相关属性方法


       UICollectionViewFlowLayout是系统提供给我们一个封装好的流布局设置类,其中有一些布局属性我们可以进行设置:



设置行与行之间的间距最小距离


@property (nonatomic) CGFloat minimumLineSpacing;



设置列与列之间的间距最小距离


@property (nonatomic) CGFloat minimumInteritemSpacing;



设置每个item的大小


@property (nonatomic) CGSize itemSize;



设置每个Item的估计大小,一般不需要设置



@property (nonatomic) CGSize estimatedItemSize NS_AVAILABLE_IOS(8_0);



设置布局方向



@property (nonatomic) UICollectionViewScrollDirection scrollDirection;


这个UICollectionViewScrollDirection的枚举如下:


typedef NS_ENUM(NSInteger, UICollectionViewScrollDirection) {

   UICollectionViewScrollDirectionVertical,//水平布局

   UICollectionViewScrollDirectionHorizontal//垂直布局

};


设置头视图尺寸大小


@property (nonatomic) CGSize headerReferenceSize;



设置尾视图尺寸大小


@property (nonatomic) CGSize footerReferenceSize;



设置分区的EdgeInset


@property (nonatomic) UIEdgeInsets sectionInset;


这个属性可以设置分区的偏移量,例如我们在刚才的例子中添加如下设置:


layout.sectionInset = UIEdgeInsetsMake(20, 20, 20, 20);

效果如下,会看到分区的边界闪出了20像素



image.png


下面这两个方法设置分区的头视图和尾视图是否始终固定在屏幕上边和下边



@property (nonatomic) BOOL sectionHeadersPinToVisibleBounds NS_AVAILABLE_IOS(9_0);


@property (nonatomic) BOOL sectionFootersPinToVisibleBounds NS_AVAILABLE_IOS(9_0);


四、动态的配置layout的相关属性UICollectionViewDelegateFlowLayout


       上面的方法在创建FlowLayout时静态的进行设置,如果我们需要动态的设置这些属性,就像我们例子中的,每个item的大小会有差异,我们可以通过代理来实现。


       UICollectionViewDelegateFlowLayout是UICollectionViewDelegate的子协议,其中常用方法如下,我们只需要实现我们需要的即可:



动态设置每个Item的尺寸大小


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



动态设置每个分区的EdgeInsets



- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section;



动态设置每行的间距大小


- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section;



动态设置每列的间距大小


- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section;



动态设置某个分区头视图大小


- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section;



动态设置某个分区尾视图大小


- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section;

目录
相关文章
|
2月前
|
安全 iOS开发
iOS页面布局:UIScrollView的布局问题
iOS页面布局:UIScrollView的布局问题
56 8
|
Swift iOS开发
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
iOS 用一个布局来解决嵌套问题—— UICollectionViewCompositionalLayout
|
iOS开发
iOS布局中的抗被拉伸、抗压缩优先级
iOS布局中的抗被拉伸、抗压缩优先级
658 0
|
iOS开发
IOS15上纯代码布局之导航控制器的导航条为透明的问题
IOS15上纯代码布局之导航控制器的导航条为透明的问题
223 0
|
iOS开发
IOS使用纯代码布局替换掉默认的storyboard
IOS使用纯代码布局替换掉默认的storyboard
103 0
|
iOS开发
iOS流布局UICollectionView系列三——使用FlowLayout进行更灵活布局(一)
iOS流布局UICollectionView系列三——使用FlowLayout进行更灵活布局
287 0
iOS流布局UICollectionView系列三——使用FlowLayout进行更灵活布局(一)
|
1月前
|
Java Android开发 Swift
安卓与iOS开发对比:平台选择对项目成功的影响
【10月更文挑战第4天】在移动应用开发的世界中,选择合适的平台是至关重要的。本文将深入探讨安卓和iOS两大主流平台的开发环境、用户基础、市场份额和开发成本等方面的差异,并分析这些差异如何影响项目的最终成果。通过比较这两个平台的优势与挑战,开发者可以更好地决定哪个平台更适合他们的项目需求。
98 1
|
1月前
|
设计模式 安全 Swift
探索iOS开发:打造你的第一个天气应用
【9月更文挑战第36天】在这篇文章中,我们将一起踏上iOS开发的旅程,从零开始构建一个简单的天气应用。文章将通过通俗易懂的语言,引导你理解iOS开发的基本概念,掌握Swift语言的核心语法,并逐步实现一个具有实际功能的天气应用。我们将遵循“学中做,做中学”的原则,让理论知识和实践操作紧密结合,确保学习过程既高效又有趣。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你打开一扇通往iOS开发世界的大门。
|
1月前
|
搜索推荐 IDE API
打造个性化天气应用:iOS开发之旅
【9月更文挑战第35天】在这篇文章中,我们将一起踏上iOS开发的旅程,通过创建一个个性化的天气应用来探索Swift编程语言的魅力和iOS平台的强大功能。无论你是编程新手还是希望扩展你的技能集,这个项目都将为你提供实战经验,帮助你理解从构思到实现一个应用的全过程。让我们开始吧,构建你自己的天气应用,探索更多可能!
61 1