UICollectionView详解和UITableView的区别

1. UICollectionView 和 UITableView 的UI区别

UICollectionView默认没有表头,  UITableView: 有表头和表尾;

UICollectionView的区里面是项Item，  UITableView:区里面是单元格Cell

UICollectionView布局使用UICollectionViewLayOut的子类（UICollectionViewFlowLayOut 流式布局：流式布局的特点就是会自动根据屏幕的宽度适当的显示列数，如果屏幕款显示的列数可能就多，例如iphone 6s Plus, 如果屏幕相对较窄，显示的列数则较少，例如 iphone 4s）

UICollectionView和UITableView都是分区（段）的

影响UICollectionView显示的列数的因素有： 

①：UICollectionView宽度，宽度越大，显示列数越多； 

②：Item宽度， 每一项的宽度越窄，则显示的列数越多； 

③： 每个Item的列间隙，列间距越窄，显示的越多；

影响UICollectionView 行数的因素：

 UICollectionView 的行数是不能显式指定的，行数是系统自动计算出来的，行数的计算因素有： Item 宽度 和 列间隙  共同决定

UICollectionView 滚动方向与Item的排列方向

滚动方向不同，每个Item的出现顺序也不同；

滚动方向如果是垂直方向，那么Item是横着排列，先排第一行，如果一行排列不完，就继续排第二行；

滚动方向如果是水平方向，那么Item是垂直排列，先排第一列，如果一列排列不完，就继续排序第二列，如果有多个分区，每个分区的第一项肯定再第一行，而不会排在排在上一个分区的尾部，而是另起一列

UICollectionViewScrollDirectionVertical（垂直方向）  UICollectionViewScrollDirectionHorizontal （水平方向）

                                                                                     由图可见，滚动方向 垂直和水平 第二个Item出现的位置不同

滚动方向和排列方向 成垂直关系， 如下图解：

2.UICollectionView 知识点

UICollectionViewFlowLayout：Item 的流式布局

[objc]  view plain  copy

1. @interface UICollectionViewFlowLayout : UICollectionViewLayout  
2.   
3. @property (nonatomic) CGFloat minimumLineSpacing;            // 最小行间距  
4. @property (nonatomic) CGFloat minimumInteritemSpacing;           // 最小内间距（列间距）  
5. @property (nonatomic) CGSize itemSize;                   // Item 的宽、高  
6. @property (nonatomic) CGSize estimatedItemSize NS_AVAILABLE_IOS(8_0);  
7. @property (nonatomic) UICollectionViewScrollDirection scrollDirection;// 滚动方向：垂直和水平  
8. @property (nonatomic) CGSize headerReferenceSize;   // 段头的宽高  
9. @property (nonatomic) CGSize footerReferenceSize;       // 段尾的宽高  
10.   
11. @property (nonatomic) UIEdgeInsets sectionInset;        // 段的上下左右的内边距 padding(多个分区一般都会设置该值，如果不设置，多个区会连在一块)  
12.   
13. @property (nonatomic) BOOL sectionHeadersPinToVisibleBounds NS_AVAILABLE_IOS(9_0);  
14. @property (nonatomic) BOOL sectionFootersPinToVisibleBounds NS_AVAILABLE_IOS(9_0);  
15.   
16. @end   

UICollectionView 

[objc]  view plain  copy

1. @interface UICollectionView : UIScrollView  
2.   
3. - (void)registerClass:(nullable Class)cellClass forCellWithReuseIdentifier:(NSString *)identifier;  
4.   
5. @end  

UICollectionViewFlowLayout 的属性设置

流式布局的Item设置：

①：使用UICollectionViewFlowLayout的属性进行设置（此种方法是对所有Item都统一设置）

②：使用UICollectionViewDelegateFlowLayout协议进行设置（此种方法即可以统一设置又可以对某些Item进行特殊设置）

UICollectionViewDelegateFlowLayout 协议不是必须要实现的，可以通过属性来设置，例如

[objc]  view plain  copy

1. - (void)viewDidLoad {  
2.     [super viewDidLoad];  
3.       
4.     _dataSource = [NSArray arrayWithObjects:@"0", @"1", @"2", @"3", @"4", @"5", @"6", @"7", nil nil];  
5.       
6.     UICollectionViewFlowLayout * layout = [[UICollectionViewFlowLayout alloc] init];  
7.     layout.scrollDirection = UICollectionViewScrollDirectionVertical;  
8.     layout.itemSize = CGSizeMake(96, 96);  
9.     layout.minimumInteritemSpacing = 20.0;  
10.     layout.minimumLineSpacing = 20.0;  
11.     layout.headerReferenceSize = CGSizeMake(100.0, 50.0);// 指定section的头部高度  
12.     layout.footerReferenceSize = CGSizeMake(100