UICollectionView使用笔记

原创 2016年08月29日 20:36:47
一、与UITableView的相同点与不同点

1、相同点

1)都是显示集合数据

2)都有单元格重用机制,在使用之前都要注册cell(原型cell除外)

3)都需要三个数据源代理方法(组数、行数(item数)、每一个单元格)

2、不同点:

1)UICollectionView不知道如何布局单元格,在实例一个UICollectionView的时候,要传入布局信息。详细见布局对象的介绍。

3、UICollectionView将其单元格的位置,大小和外观的控制权委托给一个单独的布局对象。通过提供一个自定义布局对象,你几乎可以实现任何你能想象到的布局。

4、一切布局相关的设置请到布局对象里设置。


二、UICollectionViewLayout对象介绍

1、在创建UICollectionView的时候必须传入布局对象,但是不能传入UICollectionViewLayout对象,否则不会显示单元格,因为UICollectionViewLayout不具有具体的布局效果,只是布局对象的抽象基类。

2、布局对象必须继承自UICollectionViewLayout或者UICollectionViewFlowLayout。

3、UICollectionViewLayout有一个属性:UICollectionView *collectionView,获取当前需要布局的UICollectionView。

三、UICollectionViewFlowLayout

1、FlowLayout有几个常用的属性:

	CGFloat minimumLineSpacing;//最小行间距
	CGFloat minimumInteritemSpacing;//最小item间距
	CGSize itemSize;//item的大小
	CGSize estimatedItemSize //估计item的大小
	UICollectionViewScrollDirection scrollDirection; //滚动方向
	CGSize headerReferenceSize;//组头大小。设置大小时,只有高度起作用
	CGSize footerReferenceSize;//同上
	UIEdgeInsets sectionInset;//组内边距
	BOOL sectionHeadersPinToVisibleBounds//组头悬停
        BOOL sectionFootersPinToVisibleBounds//组尾悬停


2、prepareLayout方法(继承自prepareLayout)
这个方法使用注意:
//每次布局之前会调用一次
// The collection view calls -prepareLayout once at its first layout as the first message to the layout instance.

//当时布局失效后重新布局的时候回调用一次
// The collection view calls -prepareLayout again after layout is invalidated and before requiring the layout information.

//重写这个方法必须调用 super 方法
// Subclasses should always call super if they override.

系统在第一次实例化一个布局对象时,会调用prepareLayout,在使用prepareLayout时,首先要调用[super prepareLayout]。
四个边距、单元格大小、滚动方向等等在布局对象中设置。



     四个间距:
     1. contentInset:属于scrollView的内边距

     2. sectionInset:属于section(组)的内边距

     3. LineSpacing:属于两行之间的间距,换行时候才有

     4. InteritemSpacing:属于两个item之间的间距

minimumLineSpacing:最小行间距,默认值是10。最小行间距的设置只是设置一个间距的最小值,UICollectionView在布局的时候会根据实际情况调整间距大小,前提是>=minimumLineSpacing

四、自定义UICollectionViewCell的三种方法

1、纯代码方法,继承自UICollectionViewCell,重写initWithFrame方法

2、xib方法:使用UICollectionViewCell控件。要设置重用id。注册时使用registerNib。

3、原型cell。

当视图从storyboard 或 xib 文件创建的时候,会调用awakeFromNib 方法,在这个方法里面,可以创建子控件


五、设置、自定义组头组尾方法
1、代码中设置组头组尾

	//1. 使用之前要注册组头、组尾,注册的时候注意要注册UICollectionReusableView或其子类。并且使用系统提供的常量注册组头或组尾的类型:UICollectionElementKindSectionHeader |  UICollectionElementKindSectionFooter
	
	[collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:viewId];
	
	[collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:viewId];
	
	//2. 设置组头、组头的尺寸,高度起作用
	
	flowLayout.headerReferenceSize = CGSizeMake(100, 100);
	flowLayout.footerReferenceSize = CGSizeMake(10, 10);
	
	//3. 设置是否 “钉”顶部或底部
	
	flowLayout.sectionHeadersPinToVisibleBounds = YES;
	flowLayout.sectionFootersPinToVisibleBounds = YES;
	
	//4. 重写代理方法
	
	// 不管获取的还是组头还是组尾都会调用这个方法
	- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath{
	    if (kind == UICollectionElementKindSectionHeader) {
	        HMheaderView *headView = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:headId forIndexPath:indexPath];
	        headView.backgroundColor = [UIColor whiteColor];
	        return headView;
	    }
	    else{
	        UICollectionReusableView *footView = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:footId forIndexPath:indexPath];
	        footView.backgroundColor = [UIColor blueColor];
	        return footView;
	    }
}


2、自定义组头组尾

1) 纯代码:继承自UICollectionReusableView

2)xib:拖一个UICollectionReusableView,设置重用ID

3、原型

iOS sectionFootersPinToVisibleBounds 导致iOS9.0系统之前的用户闪退

最近个别用户反馈有个页面会出现闪退问题 用户相同处都是八点几的系统(iOS8.1  iOS8.4) 这应该是某个方法在iOS8系统不存在 果不其然 找到了一个iPhone5 iOS8.4 ...

OCiOS开发:集合视图 UICollectionView

简介UICollectionView 和 UICollectionViewController 类是iOS6 新引进的API,用于展示集合视图,布局更加灵活,可实现多列布局,用法类似于UITableV...

关于UICollectionView的使用(仅作为个人笔记,相关原理资料请查看文章尾部的《相关链接》)

UICollectionView的结构组成: 1、Cells:用于展示内容的主体,对于不同的cell可以指定不同的尺寸和不同的内容; 2、Supplementary Views:即追加视图,类似于Ta...

iOS UICollectionView笔记

关于UICollectionView的使用方法本文介绍关于如何使用StoryBoard与代码结合开发关于布局: var collectionLayout = UICollectionViewFlow...
  • Xoxo_x
  • Xoxo_x
  • 2017年02月19日 20:55
  • 218

iOS学习笔记33-UICollectionView入门

一、UICollectionView介绍UICollectionView和UICollectionViewController类是iOS6新引进的API,用于展示集合视图,布局更加灵活,可实现多列布局...

《iOS开发笔记—UICollectionView》

UITabBarController和UINavigationController类似,UITabBarController也可以轻松地管理多个控制器,轻松完成控制器之间的切换,典型的例子就是QQ、微...

关于UICollectionView一些笔记

UICollectionView 一.什么是UICollectionView           它和UItableView类似,可以做九宫格布局的一种view。   二.如何创建UICollect...
  • klkxxy
  • klkxxy
  • 2016年07月11日 16:49
  • 442

归纳笔记010:UICollectionView

UICollectionView支持的属性 从IB的属性面板中课件,UICollectionView支持的属性大致如下: (1)    Layout:该属性用于指定UICollectionView...

【WWDC2016 Session笔记】 iOS 10 UICollectionView新特性

本文转载自:点击打开链接 前言 关于 iOS 10 UICollectionView的新特性,主要还是体现在如下3个方面 顺滑的滑动体验 现在基本上人人都离不开...

UICollectionView笔记-1

在之前的iOS6 SDK新特性前瞻中我曾经提到过UICollectionView,当时只把CollectionView当作是一个现在已有的开源GridView,仔细研究了下WWDC2012相关的S...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UICollectionView使用笔记
举报原因:
原因补充:

(最多只允许输入30个字)